diff --git a/.dev-tools/header-check.mjs b/.dev-tools/header-check.mjs
new file mode 100644
index 0000000000000000000000000000000000000000..1440e54bec8587d63915c74efbd996723e4753e8
--- /dev/null
+++ b/.dev-tools/header-check.mjs
@@ -0,0 +1,190 @@
+/*
+ * Live header verification: opens the dev frontend as a guest, walks
+ * Chat / Journey / Workspace / Documents at several viewport widths,
+ * screenshots the header, and measures real element overlaps.
+ *
+ * Usage: node header-check.mjs <outDir> [label]
+ */
+import { chromium } from 'playwright';
+import fs from 'node:fs';
+import path from 'node:path';
+
+const FRONTEND = 'http://localhost:3000';
+const BACKEND = 'http://localhost:8000';
+const WIDTHS = [1280, 1024, 900, 768, 500, 375];
+const PAGES = ['chat', 'journey', 'workspace', 'deliverables'];
+const OUT = process.argv[2] || 'shots';
+const LABEL = process.argv[3] || '';
+
+fs.mkdirSync(OUT, { recursive: true });
+
+async function makeGuest() {
+  const r = await fetch(`${BACKEND}/auth/guest`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ choice: 'business', free_text: null }),
+  });
+  if (!r.ok) throw new Error(`guest auth failed: ${r.status} ${await r.text()}`);
+  return r.json();
+}
+
+async function dismissOverlays(page) {
+  // Tours / onboarding / modals that may cover the header.
+  const texts = ['Skip tour', 'Skip', 'Maybe later', 'Got it', 'Close', 'Dismiss', 'No thanks', 'Later'];
+  for (let round = 0; round < 4; round++) {
+    let clicked = false;
+    for (const t of texts) {
+      const btn = page.locator(`button:has-text("${t}")`).first();
+      try {
+        if (await btn.isVisible({ timeout: 200 })) {
+          await btn.click({ timeout: 1000 });
+          clicked = true;
+          await page.waitForTimeout(300);
+          break;
+        }
+      } catch { /* keep going */ }
+    }
+    if (!clicked) {
+      const x = page.locator('button[aria-label="Close"], button[aria-label="Close tour"], button[aria-label="Dismiss"]').first();
+      try {
+        if (await x.isVisible({ timeout: 200 })) {
+          await x.click({ timeout: 1000 });
+          await page.waitForTimeout(300);
+          continue;
+        }
+      } catch { /* fine */ }
+      break;
+    }
+  }
+}
+
+async function gotoView(page, view) {
+  // Wide viewport first so the pill tabs are visible for navigation.
+  await page.setViewportSize({ width: 1280, height: 800 });
+  await page.waitForTimeout(250);
+  await dismissOverlays(page);
+  const tabName = { chat: 'Chat', journey: 'Journey', workspace: 'Workspace', deliverables: 'Documents' }[view];
+  const tab = page.locator(`.chat-view-tabs button:has-text("${tabName}")`).first();
+  await tab.click({ timeout: 5000 });
+  await page.waitForTimeout(1200);
+  await dismissOverlays(page);
+}
+
+/** Measure overlaps between visible header elements. Runs in the page. */
+function analyzeHeader() {
+  const header = document.querySelector('.floating-header');
+  if (!header) return { error: 'no .floating-header found' };
+  const hr = header.getBoundingClientRect();
+
+  const els = [];
+  const walk = (node, pathStr) => {
+    for (const child of node.children) {
+      const cs = getComputedStyle(child);
+      if (cs.display === 'none' || cs.visibility === 'hidden') continue;
+      const r = child.getBoundingClientRect();
+      if (r.width < 2 || r.height < 2) continue;
+      const id =
+        child.tagName.toLowerCase() +
+        (child.className && typeof child.className === 'string'
+          ? '.' + child.className.trim().split(/\s+/).slice(0, 2).join('.')
+          : '');
+      const label = (child.textContent || '').trim().slice(0, 25);
+      els.push({ id: `${pathStr}>${id}`, label, r: { x: r.x, y: r.y, w: r.width, h: r.height }, el: child });
+      walk(child, `${pathStr}>${id}`);
+    }
+  };
+  walk(header, 'header');
+
+  const overlaps = [];
+  for (let i = 0; i < els.length; i++) {
+    for (let j = i + 1; j < els.length; j++) {
+      const a = els[i], b = els[j];
+      if (a.el.contains(b.el) || b.el.contains(a.el)) continue;
+      const ix = Math.min(a.r.x + a.r.w, b.r.x + b.r.w) - Math.max(a.r.x, b.r.x);
+      const iy = Math.min(a.r.y + a.r.h, b.r.y + b.r.h) - Math.max(a.r.y, b.r.y);
+      if (ix > 3 && iy > 3) {
+        overlaps.push({
+          a: `${a.id} "${a.label}"`,
+          b: `${b.id} "${b.label}"`,
+          ix: Math.round(ix),
+          iy: Math.round(iy),
+        });
+      }
+    }
+  }
+  // De-dup: keep only overlaps between elements in *different* top-level slots,
+  // since nested descendants duplicate their parents' overlap.
+  const slot = (id) => (id.split('>')[1] || '').split('.').slice(1).join('.');
+  const topLevel = overlaps.filter((o) => {
+    const sa = o.a.split('>')[1] || '', sb = o.b.split('>')[1] || '';
+    return sa !== sb;
+  });
+
+  const pageOverflowX = document.documentElement.scrollWidth - window.innerWidth;
+  const headerChildrenBeyondRight = els
+    .filter((e) => e.r.x + e.r.w > hr.right + 2)
+    .map((e) => `${e.id} "${e.label}" right=${Math.round(e.r.x + e.r.w)} headerRight=${Math.round(hr.right)}`);
+
+  return {
+    headerRect: { x: Math.round(hr.x), y: Math.round(hr.y), w: Math.round(hr.width), h: Math.round(hr.height) },
+    overlapCount: topLevel.length,
+    overlaps: topLevel.slice(0, 30),
+    pageOverflowX,
+    headerChildrenBeyondRight,
+  };
+}
+
+const results = [];
+const guest = await makeGuest();
+const browser = await chromium.launch({ channel: 'chrome', headless: true });
+const ctx = await browser.newContext({ viewport: { width: 1280, height: 800 } });
+await ctx.addInitScript(
+  ([token, user]) => {
+    localStorage.setItem('authToken', token);
+    localStorage.setItem('user', JSON.stringify(user));
+    // Pre-mark tours as seen where the app uses flags.
+    for (const k of ['canvas-tour-seen-v1', 'onboarding-tour-seen', 'tour-seen', 'canvas-welcome-tour-v1']) {
+      try { localStorage.setItem(k, '1'); } catch {}
+    }
+  },
+  [guest.access_token, guest.user],
+);
+const page = await ctx.newPage();
+page.on('console', (m) => { if (m.type() === 'error') console.log('[console.error]', m.text().slice(0, 200)); });
+
+await page.goto(FRONTEND, { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('.floating-header', { timeout: 30000 });
+await page.waitForTimeout(1500);
+await dismissOverlays(page);
+
+// --- Issue 1 check: Journey tracks render for a guest ---
+await gotoView(page, 'journey');
+await page.waitForTimeout(1500);
+const journeyText = await page.evaluate(() => document.body.innerText.slice(0, 4000));
+const journeyFailed = /failed to load tracks/i.test(journeyText);
+const trackNames = ['Certification Path', 'CIS', 'Custom', 'ITIL', 'NIST', 'Personal Digital Security'];
+const seenTracks = trackNames.filter((t) => journeyText.toLowerCase().includes(t.toLowerCase()));
+console.log(`JOURNEY: failedBanner=${journeyFailed} tracksVisible=${JSON.stringify(seenTracks)}`);
+await page.screenshot({ path: path.join(OUT, `journey-full-1280${LABEL}.png`) });
+
+// --- Issue 2: header at all widths on all pages ---
+for (const view of PAGES) {
+  await gotoView(page, view);
+  for (const w of WIDTHS) {
+    await page.setViewportSize({ width: w, height: 800 });
+    await page.waitForTimeout(450);
+    await dismissOverlays(page);
+    const analysis = await page.evaluate(analyzeHeader);
+    const hh = analysis.headerRect ? analysis.headerRect.h + analysis.headerRect.y : 120;
+    const clipH = Math.min(Math.max(hh + 24, 90), 300);
+    const file = path.join(OUT, `${view}-${w}${LABEL}.png`);
+    await page.screenshot({ path: file, clip: { x: 0, y: 0, width: w, height: clipH } });
+    results.push({ view, width: w, ...analysis });
+    const flag = analysis.overlapCount > 0 || (analysis.pageOverflowX || 0) > 2 || (analysis.headerChildrenBeyondRight || []).length > 0;
+    console.log(`${flag ? 'PROBLEM' : 'ok     '} ${view}@${w} overlaps=${analysis.overlapCount} overflowX=${analysis.pageOverflowX} beyondRight=${(analysis.headerChildrenBeyondRight || []).length}`);
+  }
+}
+
+fs.writeFileSync(path.join(OUT, `analysis${LABEL}.json`), JSON.stringify(results, null, 2));
+await browser.close();
+console.log('DONE');
diff --git a/.dev-tools/verify-chat-theme.mjs b/.dev-tools/verify-chat-theme.mjs
new file mode 100644
index 0000000000000000000000000000000000000000..9c01815e865ff1fc16d9ccee8603a80448bb37c0
--- /dev/null
+++ b/.dev-tools/verify-chat-theme.mjs
@@ -0,0 +1,167 @@
+/*
+ * Live verify: guest auth → send chat message → expect advisor stream;
+ * sidebar brand title; cream theme tokens; header at 900px with sidebar open.
+ *
+ * Usage: node .dev-tools/verify-chat-theme.mjs [outDir]
+ */
+import { chromium } from '../frontend/node_modules/playwright/index.mjs';
+import fs from 'node:fs';
+import path from 'node:path';
+
+const FRONTEND = 'http://localhost:3000';
+const BACKEND = 'http://localhost:8000';
+const OUT = process.argv[2] || path.join('.dev-tools', 'verify-out');
+fs.mkdirSync(OUT, { recursive: true });
+
+async function makeGuest() {
+  const r = await fetch(`${BACKEND}/auth/guest`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ choice: 'personal', free_text: null }),
+  });
+  if (!r.ok) throw new Error(`guest auth failed: ${r.status} ${await r.text()}`);
+  return r.json();
+}
+
+async function dismissOverlays(page) {
+  const texts = ['Skip tour', 'Skip', 'Maybe later', 'Got it', 'Close', 'Dismiss', 'No thanks', 'Later'];
+  for (let round = 0; round < 4; round++) {
+    let clicked = false;
+    for (const t of texts) {
+      const btn = page.locator(`button:has-text("${t}")`).first();
+      try {
+        if (await btn.isVisible({ timeout: 200 })) {
+          await btn.click({ timeout: 1000 });
+          clicked = true;
+          await page.waitForTimeout(250);
+          break;
+        }
+      } catch { /* keep going */ }
+    }
+    if (!clicked) break;
+  }
+}
+
+const guest = await makeGuest();
+console.log('GUEST ok', guest.user?.email);
+
+const browser = await chromium.launch({ headless: true });
+const ctx = await browser.newContext({ viewport: { width: 1280, height: 800 } });
+await ctx.addInitScript(([token, user]) => {
+  localStorage.setItem('authToken', token);
+  localStorage.setItem('user', JSON.stringify(user));
+  localStorage.setItem('theme', 'light');
+}, [guest.access_token, guest.user]);
+
+const page = await ctx.newPage();
+const consoleErrors = [];
+page.on('console', (m) => {
+  if (m.type() === 'error') consoleErrors.push(m.text().slice(0, 240));
+});
+
+await page.goto(FRONTEND, { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('.sidebar, .floating-header', { timeout: 30000 });
+await page.waitForTimeout(1500);
+await dismissOverlays(page);
+
+// --- Brand in sidebar ---
+const brand = await page.evaluate(() => {
+  const el = document.querySelector('.sidebar-brand-title');
+  return el ? el.textContent.trim() : null;
+});
+console.log('BRAND:', brand);
+await page.screenshot({ path: path.join(OUT, 'sidebar-brand.png') });
+
+// --- Cream theme tokens ---
+const theme = await page.evaluate(() => {
+  const s = getComputedStyle(document.documentElement);
+  return {
+    dataTheme: document.documentElement.getAttribute('data-theme'),
+    bgPrimary: s.getPropertyValue('--bg-primary').trim(),
+    sidebarBg: s.getPropertyValue('--sidebar-bg').trim(),
+    headerBg: s.getPropertyValue('--header-bg').trim(),
+    accent: s.getPropertyValue('--accent-primary').trim(),
+    cardBg: s.getPropertyValue('--card-bg').trim(),
+  };
+});
+console.log('THEME:', JSON.stringify(theme));
+
+// --- Send a real chat message ---
+await dismissOverlays(page);
+const input = page.locator('textarea.main-textarea, .floating-input-box textarea, textarea').first();
+await input.waitFor({ timeout: 15000 });
+await input.fill('In one short sentence, what is MFA?');
+await page.locator('button.send-button.enabled, button.send-button').first().click();
+
+// Wait for advisor reply bubble or error
+const deadline = Date.now() + 90000;
+let advisorCount = 0;
+let errorText = null;
+while (Date.now() < deadline) {
+  const state = await page.evaluate(() => {
+    const advisors = document.querySelectorAll(
+      '.advisor-message-bubble, .advisor-message-container, .advisor-message-text'
+    );
+    const errs = Array.from(document.querySelectorAll('.error-message, .error-message-container'))
+      .map((e) => e.textContent.trim())
+      .filter(Boolean);
+    const thinking = document.querySelectorAll('.thinking-indicator, [class*="Thinking"]').length;
+    const bodySnip = document.body.innerText.slice(0, 2500);
+    return {
+      advisorCount: advisors.length,
+      errs,
+      thinking,
+      hasMfaInBody: /multi[- ]factor|MFA/i.test(bodySnip) && /authentication|factor/i.test(bodySnip),
+    };
+  });
+  advisorCount = state.advisorCount;
+  if (state.errs.length) errorText = state.errs[0].slice(0, 200);
+  if (advisorCount > 0 || state.hasMfaInBody) {
+    console.log('CHAT OK advisors=', advisorCount, 'mfaHint=', state.hasMfaInBody);
+    break;
+  }
+  if (errorText && !state.thinking) {
+    console.log('CHAT ERROR', errorText);
+    break;
+  }
+  await page.waitForTimeout(1000);
+}
+await page.screenshot({ path: path.join(OUT, 'chat-after-send.png'), fullPage: false });
+
+// --- Header @ 900 with sidebar open ---
+await page.setViewportSize({ width: 900, height: 800 });
+await page.waitForTimeout(500);
+await dismissOverlays(page);
+const collapsed = await page.evaluate(() =>
+  document.querySelector('.sidebar')?.classList.contains('collapsed')
+);
+if (collapsed) {
+  const toggle = page.locator('.collapsed-toggle-avatar, .sidebar-toggle').first();
+  try { await toggle.click({ timeout: 2000 }); } catch { /* ok */ }
+  await page.waitForTimeout(400);
+}
+await page.screenshot({
+  path: path.join(OUT, 'header-900-sidebar.png'),
+  clip: { x: 0, y: 0, width: 900, height: 120 },
+});
+
+const summary = {
+  brand,
+  theme,
+  advisorCount,
+  errorText,
+  consoleErrors: consoleErrors.slice(0, 10),
+  chatOk: advisorCount > 0 && !errorText,
+  creamOk:
+    theme.bgPrimary.toUpperCase() === '#FAF7F1' &&
+    theme.sidebarBg.toUpperCase() === '#E8E0D4' &&
+    theme.accent.toUpperCase() === '#5558E3',
+  brandOk: Boolean(brand && /cybersecurity advisor/i.test(brand)),
+};
+fs.writeFileSync(path.join(OUT, 'summary.json'), JSON.stringify(summary, null, 2));
+console.log('SUMMARY', JSON.stringify(summary, null, 2));
+
+await browser.close();
+if (!summary.chatOk || !summary.creamOk || !summary.brandOk) {
+  process.exitCode = 1;
+}
diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000000000000000000000000000000000000..edd99399449dcddae16aa7ddfab0d94479f4693b
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,20 @@
+**/node_modules
+**/venv
+**/.venv
+**/__pycache__
+**/chromadb_storage
+**/chroma_data
+**/chroma_db
+.git
+.gitignore
+.env
+**/.env
+.vscode
+.cursor
+**/.idea
+**/.DS_Store
+**/Thumbs.db
+docker-compose.yml
+Dockerfile
+.dockerignore
+*.md
\ No newline at end of file
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000000000000000000000000000000000000..7a7ca0d8fde902a167325a411fbf41298096422b
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,6 @@
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
+*.ico filter=lfs diff=lfs merge=lfs -text
diff --git a/.github/workflows/propose_release.yml b/.github/workflows/propose_release.yml
new file mode 100644
index 0000000000000000000000000000000000000000..83cfa04b81b0347f3076fd387f909588a1ad06b5
--- /dev/null
+++ b/.github/workflows/propose_release.yml
@@ -0,0 +1,29 @@
+name: Propose Stable Release
+on:
+  workflow_dispatch:
+    inputs:
+      release_type:
+        type: choice
+        description: Release Type
+        options:
+          - patch
+          - minor
+          - major
+jobs:
+  update_version:
+    uses: neongeckocom/.github/.github/workflows/propose_semver_release.yml@master
+    with:
+      branch: dev
+      release_type: ${{ inputs.release_type }}
+      update_changelog: True
+      version_file: "multi_llm_chatbot_backend/app/version.py"
+  pull_changes:
+    uses: neongeckocom/.github/.github/workflows/pull_master.yml@master
+    needs: update_version
+    with:
+      pr_reviewer: neonreviewers
+      pr_assignee: ${{ github.actor }}
+      pr_draft: false
+      pr_title: ${{ needs.update_version.outputs.version }}
+      pr_body: ${{ needs.update_version.outputs.changelog }}
+      destination: main
diff --git a/.github/workflows/publish_release.yml b/.github/workflows/publish_release.yml
new file mode 100644
index 0000000000000000000000000000000000000000..5555b5ad1abccd8f252ebe0470a9fb9e3168683f
--- /dev/null
+++ b/.github/workflows/publish_release.yml
@@ -0,0 +1,31 @@
+# On every push to `main` (which happens when a release PR produced by
+# Propose Stable Release is merged), read the current version and create a
+# matching GitHub release.  Docker image publishing is intentionally left
+# out for now and can be added separately.
+
+name: Publish GitHub Release
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  tag_release:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - uses: actions/checkout@v4
+      - name: Set up Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.11"
+      - name: Get Version
+        run: |
+          VERSION=$(python multi_llm_chatbot_backend/app/version.py)
+          echo "VERSION=${VERSION}" >> $GITHUB_ENV
+      - uses: ncipollo/release-action@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          tag: ${{ env.VERSION }}
+          generateReleaseNotes: true
diff --git a/.github/workflows/publish_test_build.yml b/.github/workflows/publish_test_build.yml
new file mode 100644
index 0000000000000000000000000000000000000000..7eab80b1196a1f87d30f676d95e5a8a3cddfb546
--- /dev/null
+++ b/.github/workflows/publish_test_build.yml
@@ -0,0 +1,24 @@
+# Bumps the alpha suffix on every push to `dev` (except when the only
+# change is to the version file itself, to prevent a publish loop).  A
+# GitHub prerelease is cut for each alpha so artifacts are easy to find.
+# This project is not distributed via PyPI, so `publish_pypi` is disabled.
+
+name: Publish Alpha Build
+on:
+  push:
+    branches:
+      - dev
+    paths-ignore:
+      - 'multi_llm_chatbot_backend/app/version.py'
+      - 'CHANGELOG.md'
+
+jobs:
+  publish_alpha_release:
+    uses: neongeckocom/.github/.github/workflows/publish_alpha_release.yml@master
+    secrets: inherit
+    with:
+      version_file: "multi_llm_chatbot_backend/app/version.py"
+      setup_py: "multi_llm_chatbot_backend/app/version.py"
+      publish_prerelease: true
+      publish_pypi: false
+      update_changelog: true
diff --git a/.github/workflows/unit_tests.yml b/.github/workflows/unit_tests.yml
new file mode 100644
index 0000000000000000000000000000000000000000..4bc0793ebc0a71fb126a8fcf87f889c8ae13e200
--- /dev/null
+++ b/.github/workflows/unit_tests.yml
@@ -0,0 +1,37 @@
+name: Run Unit Tests
+on:
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  unit_tests:
+    strategy:
+      matrix:
+        python-version: ['3.10', '3.11', '3.12']
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Python ${{ matrix.python-version }}
+        uses: actions/setup-python@v5
+        with:
+          python-version: ${{ matrix.python-version }}
+
+      - name: Install dependencies
+        working-directory: multi_llm_chatbot_backend
+        run: |
+          pip install wheel
+          pip install -r requirements.txt -r test_requirements.txt
+
+      - name: Run unit tests
+        working-directory: multi_llm_chatbot_backend
+        run: |
+          pytest app/tests/unit/ --junitxml=test-results/results.xml
+
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: test-results-py${{ matrix.python-version }}
+          path: multi_llm_chatbot_backend/test-results/
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..8f7973cffda85e3e9b22f29f18ffd05431b75fc0
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,27 @@
+# main
+.env
+gcp_build.txt
+
+# backend
+multi_llm_chatbot_backend/.env
+multi_llm_chatbot_backend/chroma_db/
+multi_llm_chatbot_backend/chromadb_storage/
+multi_llm_chatbot_backend/.dockerignore
+multi_llm_chatbot_backend/.env.deploy
+multi_llm_chatbot_backend/Dockerfile
+
+
+
+# frontend
+phd-advisor-frontend/.env.production
+phd-advisor-frontend/.firebase/
+phd-advisor-frontend/.firebaserc
+phd-advisor-frontend/firebase.json
+
+# Ignore all __pycache__ folders
+**/__pycache__/
+
+
+# Python virtual environments
+**/venv/
+.venv/
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000000000000000000000000000000000000..fe76617140ca6e6c64281ed9ad6b4ae0e4416f26
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,74 @@
+# Changelog
+
+## [2.0.1a3](https://github.com/NeonGeckoCom/CCAI-Demo/tree/2.0.1a3) (2026-05-21)
+
+[Full Changelog](https://github.com/NeonGeckoCom/CCAI-Demo/compare/2.0.1a2...2.0.1a3)
+
+**Merged pull requests:**
+
+- Add Onboarding tour [\#48](https://github.com/NeonGeckoCom/CCAI-Demo/pull/48) ([NeonRyan](https://github.com/NeonRyan))
+
+## [2.0.1a2](https://github.com/NeonGeckoCom/CCAI-Demo/tree/2.0.1a2) (2026-05-19)
+
+[Full Changelog](https://github.com/NeonGeckoCom/CCAI-Demo/compare/33862e61789b40734f952d1ae06b03c86dff49af...2.0.1a2)
+
+**Implemented enhancements:**
+
+- \[FEAT\] Clear User Data [\#52](https://github.com/NeonGeckoCom/CCAI-Demo/issues/52)
+- \[FEAT\] Support tools [\#34](https://github.com/NeonGeckoCom/CCAI-Demo/issues/34)
+- \[FEAT\] Add endpoint and UI for User Account updates [\#26](https://github.com/NeonGeckoCom/CCAI-Demo/issues/26)
+- \[FEAT\] Support advisor avatar images [\#25](https://github.com/NeonGeckoCom/CCAI-Demo/issues/25)
+- \[FEAT\] Configurable User Guide [\#24](https://github.com/NeonGeckoCom/CCAI-Demo/issues/24)
+- \[FEAT\] Support vLLM endpoints [\#22](https://github.com/NeonGeckoCom/CCAI-Demo/issues/22)
+- \[FEAT\] Improved persona configuration handling [\#8](https://github.com/NeonGeckoCom/CCAI-Demo/issues/8)
+- \[FEAT\] Implement automatic color picker for personas [\#7](https://github.com/NeonGeckoCom/CCAI-Demo/issues/7)
+- \[FEAT\] Validate configured icons [\#6](https://github.com/NeonGeckoCom/CCAI-Demo/issues/6)
+- \[FEAT\] Improved Checks for "Clarification Needed" [\#5](https://github.com/NeonGeckoCom/CCAI-Demo/issues/5)
+- \[FEAT\] Versioning and release automation [\#4](https://github.com/NeonGeckoCom/CCAI-Demo/issues/4)
+
+**Fixed bugs:**
+
+- \[BUG\] Deleting a chat in the UI causes an empty chat to be created [\#45](https://github.com/NeonGeckoCom/CCAI-Demo/issues/45)
+- \[BUG\] User inputs are sometimes repeated [\#42](https://github.com/NeonGeckoCom/CCAI-Demo/issues/42)
+- \[BUG\] Improved method for LLM JSON Generation [\#13](https://github.com/NeonGeckoCom/CCAI-Demo/issues/13)
+
+**Closed issues:**
+
+- Pin the requirements.txt to stable versions [\#37](https://github.com/NeonGeckoCom/CCAI-Demo/issues/37)
+
+**Merged pull requests:**
+
+- feat/Added front end support for settings page [\#60](https://github.com/NeonGeckoCom/CCAI-Demo/pull/60) ([NeonRyan](https://github.com/NeonRyan))
+- Clear User Data [\#58](https://github.com/NeonGeckoCom/CCAI-Demo/pull/58) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Feat/improve clarification check [\#57](https://github.com/NeonGeckoCom/CCAI-Demo/pull/57) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- UI Improvements [\#56](https://github.com/NeonGeckoCom/CCAI-Demo/pull/56) ([NeonRyan](https://github.com/NeonRyan))
+- Fix bug around chat deletion [\#54](https://github.com/NeonGeckoCom/CCAI-Demo/pull/54) ([NeonRyan](https://github.com/NeonRyan))
+- Add User Guide [\#53](https://github.com/NeonGeckoCom/CCAI-Demo/pull/53) ([NeonRyan](https://github.com/NeonRyan))
+- Add versioning automation [\#47](https://github.com/NeonGeckoCom/CCAI-Demo/pull/47) ([NeonDaniel](https://github.com/NeonDaniel))
+- Fix/dup first message [\#44](https://github.com/NeonGeckoCom/CCAI-Demo/pull/44) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Feat/persona avatars [\#43](https://github.com/NeonGeckoCom/CCAI-Demo/pull/43) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Feat/account management [\#41](https://github.com/NeonGeckoCom/CCAI-Demo/pull/41) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Fix/json output [\#40](https://github.com/NeonGeckoCom/CCAI-Demo/pull/40) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Feat/advisor tools [\#38](https://github.com/NeonGeckoCom/CCAI-Demo/pull/38) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Feat/vllm endpoints [\#36](https://github.com/NeonGeckoCom/CCAI-Demo/pull/36) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Refactor/unittests [\#33](https://github.com/NeonGeckoCom/CCAI-Demo/pull/33) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Support Voice Interaction [\#32](https://github.com/NeonGeckoCom/CCAI-Demo/pull/32) ([NeonDaniel](https://github.com/NeonDaniel))
+- Fix/structured json output [\#30](https://github.com/NeonGeckoCom/CCAI-Demo/pull/30) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Feat/auto persona colors [\#23](https://github.com/NeonGeckoCom/CCAI-Demo/pull/23) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Feat/validate lucide icons [\#21](https://github.com/NeonGeckoCom/CCAI-Demo/pull/21) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Initial setup of GitHub Actions workflow [\#20](https://github.com/NeonGeckoCom/CCAI-Demo/pull/20) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Refactor chat UI layout [\#19](https://github.com/NeonGeckoCom/CCAI-Demo/pull/19) ([NeonDaniel](https://github.com/NeonDaniel))
+- Stream LLM Responses [\#18](https://github.com/NeonGeckoCom/CCAI-Demo/pull/18) ([NeonDaniel](https://github.com/NeonDaniel))
+- Feat/improve persona config [\#16](https://github.com/NeonGeckoCom/CCAI-Demo/pull/16) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Add Neon AI Branding [\#15](https://github.com/NeonGeckoCom/CCAI-Demo/pull/15) ([NeonDaniel](https://github.com/NeonDaniel))
+- Docs/update readme repo URL [\#14](https://github.com/NeonGeckoCom/CCAI-Demo/pull/14) ([NeonCharlie-24](https://github.com/NeonCharlie-24))
+- Improve backend logic around user input parsing [\#12](https://github.com/NeonGeckoCom/CCAI-Demo/pull/12) ([NeonDaniel](https://github.com/NeonDaniel))
+- Fix Home navigation to prevent logging out [\#11](https://github.com/NeonGeckoCom/CCAI-Demo/pull/11) ([NeonDaniel](https://github.com/NeonDaniel))
+- Add configuration for Undergrad Advisor Panel [\#10](https://github.com/NeonGeckoCom/CCAI-Demo/pull/10) ([NeonDaniel](https://github.com/NeonDaniel))
+- Add configuration support [\#3](https://github.com/NeonGeckoCom/CCAI-Demo/pull/3) ([NeonDaniel](https://github.com/NeonDaniel))
+- Docker optimization by Cursor [\#2](https://github.com/NeonGeckoCom/CCAI-Demo/pull/2) ([NeonDaniel](https://github.com/NeonDaniel))
+- Implement Docker deployment [\#1](https://github.com/NeonGeckoCom/CCAI-Demo/pull/1) ([NeonDaniel](https://github.com/NeonDaniel))
+
+
+
+\* *This Changelog was automatically generated by [github_changelog_generator](https://github.com/github-changelog-generator/github-changelog-generator)*
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000000000000000000000000000000000000..a4d8f707ec33c3842653a3ddc824f92578a95877
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,77 @@
+# syntax=docker/dockerfile:1.7
+# ---------------------------------------------------------------------------
+# Cybersecurity Panel — single-container HuggingFace Spaces image.
+#
+# Mirrors the structural choices used by the working HF Spaces deployments
+# CCAI-Vibe-Demo and CU-Student-AIProject-Helper:
+#   * multi-stage Node frontend build → Python+SPA bundle
+#   * non-root user uid 1000, port 7860 (HF Spaces convention)
+#   * persistence on the HF Storage Bucket mount at /data (SQLite shim)
+#   * REACT_APP_API_URL is set to the empty string at build time so the SPA
+#     issues relative URLs and shares the FastAPI origin
+#
+# Build context: repo root (this file). Frontend sources live in ./frontend/
+# ---------------------------------------------------------------------------
+
+# ---- 1. Frontend build (CRA) ----------------------------------------------
+FROM node:20-bookworm AS frontend-build
+WORKDIR /app/frontend
+
+COPY frontend/package.json frontend/package-lock.json* ./
+RUN --mount=type=cache,target=/root/.npm \
+    npm ci
+
+COPY frontend/ ./
+
+# Empty REACT_APP_API_URL → CRA inlines '' so every fetch() hits the same
+# origin as the SPA (the FastAPI server below).
+ENV REACT_APP_API_URL=""
+RUN npm run build
+
+# ---- 2. Python runtime + SPA bundle ---------------------------------------
+FROM python:3.12-slim-bookworm
+
+# ffmpeg is required by the /api/voice/transcribe endpoint
+# (browser WebM/Opus → WAV for Whisper). Kept on the runtime image only,
+# not on the build image, so we don't pay the apt cost during incremental
+# code rebuilds.
+RUN apt-get update && \
+    apt-get install -y --no-install-recommends ffmpeg && \
+    rm -rf /var/lib/apt/lists/*
+
+# HF Spaces runs the container as uid 1000 and expects the app to do the
+# same; with a non-root user we cannot bind privileged ports, but :7860 is
+# fine.
+RUN useradd -m -u 1000 user
+USER user
+ENV HOME=/home/user \
+    PATH=/home/user/.local/bin:$PATH \
+    PYTHONUNBUFFERED=1 \
+    CORS_ORIGINS=* \
+    DATA_DIR=/data \
+    CONFIG_PATH=/home/user/app/cybersecurity_config.yaml
+
+WORKDIR $HOME/app
+
+# ---- Python deps (cached unless requirements.txt changes) -----------------
+COPY --chown=user multi_llm_chatbot_backend/requirements.txt ./
+RUN --mount=type=cache,target=/home/user/.cache/pip,uid=1000,gid=1000 \
+    pip install --no-cache-dir --user -r requirements.txt
+
+# ---- Backend source -------------------------------------------------------
+COPY --chown=user multi_llm_chatbot_backend/ ./
+
+# ---- Top-level configuration files (config.yaml + persona definitions) ----
+COPY --chown=user cybersecurity_config.yaml ./cybersecurity_config.yaml
+COPY --chown=user personas/ ./personas/
+COPY --chown=user tracks/ ./tracks/
+
+# ---- Frontend bundle ------------------------------------------------------
+# main.py mounts $HOME/app/static at "/" so the SPA is served same-origin
+# with the API.
+COPY --chown=user --from=frontend-build /app/frontend/build ./static
+
+ENV PYTHONPATH=$HOME/app
+
+EXPOSE 7860
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "7860"]
diff --git a/Dockerfile.dev b/Dockerfile.dev
new file mode 100644
index 0000000000000000000000000000000000000000..c121358969e1279acaeadef6f2f12f7c96c1c518
--- /dev/null
+++ b/Dockerfile.dev
@@ -0,0 +1,32 @@
+# syntax=docker/dockerfile:1.7
+# Dev images with hot-reload. Not used for HuggingFace Spaces (see Dockerfile).
+
+FROM python:3.12-slim-bookworm AS backend
+RUN apt-get update && \
+    apt-get install -y --no-install-recommends ffmpeg && \
+    rm -rf /var/lib/apt/lists/*
+WORKDIR /app
+COPY multi_llm_chatbot_backend/requirements.txt /tmp/requirements.txt
+RUN --mount=type=cache,target=/root/.cache/pip \
+    pip install --no-cache-dir -r /tmp/requirements.txt
+COPY multi_llm_chatbot_backend /app/multi_llm_chatbot_backend
+COPY cybersecurity_config.yaml /app/cybersecurity_config.yaml
+COPY personas /app/personas
+COPY tracks /app/tracks
+ENV PYTHONPATH=/app/multi_llm_chatbot_backend \
+    PYTHONUNBUFFERED=1 \
+    DATA_DIR=/data \
+    CONFIG_PATH=/app/cybersecurity_config.yaml
+WORKDIR /app/multi_llm_chatbot_backend
+EXPOSE 8000
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "8000", "--reload"]
+
+FROM node:20-bookworm AS frontend
+WORKDIR /app
+COPY frontend/package.json frontend/package-lock.json* ./
+RUN --mount=type=cache,target=/root/.npm \
+    npm ci
+COPY frontend/ ./
+EXPOSE 3000
+ENV CHOKIDAR_USEPOLLING=true
+CMD ["npm", "start"]
diff --git a/PLAN.md b/PLAN.md
new file mode 100644
index 0000000000000000000000000000000000000000..21f2011961af19e70d03590499bde2183b2c9b89
--- /dev/null
+++ b/PLAN.md
@@ -0,0 +1,228 @@
+# Cybersecurity Advisor Panel — Overhaul Plan
+
+**Project:** NeonClary/cybersecurity-panel (baseline copied from CCAI-Demo-Clary @ FEAT_CybersecurityCanvas, commit `e204135`)
+**Collaboration:** Jerry Huaute, CISSP × Neon.ai (CCAI panel architecture, BrainForge Security model)
+**Deployment target:** HuggingFace Spaces, single Docker container, port 7860, SQLite at `/data`
+**Date:** August 5, 2026
+
+---
+
+## 1. Vision
+
+Turn the proof-of-concept demo into a mature, engaging cybersecurity advisory app: a panel of AI experts led by AI Jerry Huaute that greets users the way a real consultant would ("You've contacted me today — what is it that I can help you with in cybersecurity?"), learns about them the way a real consultant does (from everything they say, not just form fields), adapts its depth and vocabulary to their maturity level, and gives them a visible, motivating path toward their security goals.
+
+### The three-legged model (from Richard's framing)
+Every engagement is understood along three dimensions, plus urgency:
+
+1. **The person** — role, knowledge level, certifications, communication preferences.
+2. **The organization** — size, industry, IT resources, compliance obligations, current maturity.
+3. **The immediate need** — the reason they showed up today.
+4. **Urgency overlay** — *triage* (incident now), *advisory* (recommendation needed), or *program* (long-term improvement). Forum research shows user questions split cleanly into these three conversation modes.
+
+### Target user types (from forum research)
+| User type | Dominant needs | Conversation mode |
+|---|---|---|
+| Individual | "Was I hacked?", sextortion/scam validation, phishing checks, personal digital security | Triage |
+| SMB owner / solo IT | Basics ("am I a target?"), tool selection, backups/ransomware, policies | Advisory |
+| Enterprise IT / practitioner | IR procedure, architecture, IAM/MFA rollout, tool comparison | Advisory + Program |
+| Executive / manager | Audit prep (SOC 2 / ISO / NIST), board communication, budget justification, maturity vs peers | Program |
+| Career seeker / student | Certs (Security+ vs CISSP), career paths, home labs, interviews | Advisory |
+
+The system infers which type it's talking to from the first messages (as Jerry described: "we naturally have an idea of what someone's capable of by the question they ask") and adapts vocabulary, depth, suggested prompts, and expert selection.
+
+---
+
+## 2. Current state (verified in code)
+
+**Solid, keep:**
+- FastAPI backend + React SPA in one HF Spaces Docker image; SQLite (aiosqlite) persistence at `/data` behind a Mongo-API shim (`app/core/db.py`).
+- LLM layer: Neon vLLM client (`BrainForge/Security@2026.03.18` at `4090-x1-3.neonaiservices2.com/vllm0`, OpenAI-compatible, Basic/Bearer auth) with resilient GPT-5.4 fallback race, plus Gemini and Ollama clients and a runtime provider switch (`/switch-provider`).
+- NDJSON streaming chat with top-3 expert routing via LLM ranking, parallel persona generation.
+- JWT auth (bcrypt, HS256), chat session persistence, document upload + ChromaDB RAG, export (TXT/PDF/DOCX), voice endpoints (Whisper STT / Coqui TTS).
+- Backend unit/integration test suite + GitHub Actions CI.
+
+**Broken / stubbed (must fix):**
+- **Profile is dead-wired**: backend `GET/PUT /api/users/me/profile` works, but `ChatPage.js` imports `ProfileWalkthrough` / `AccountModal` / `OnboardingChat` / `ClearDataModal` and **never renders them** — sidebar clicks set state that drives no UI. The Canvas page has no profile access at all.
+- Profile data model piggybacks on PhD-era fields (`academicStage` stores knowledge level, `researchArea` stores timezone).
+- Canvas **Insights** = hardcoded demo data with a stubbed "refresh"; **Workspace** and **Documents** persist only to browser localStorage (lost across devices), despite a server-side canvas API existing.
+- **Dockerfile COPYs `phd_config.yaml` / `undergrad_config.yaml`, which were deleted** — fresh builds fail.
+- Jerry persona YAML has factual drift vs the approved bio (calls Semu his *grandfather*, wrong dates, present-tense Microsoft employment).
+- Orchestrator clarification path falls back to a crude keyword list; no use of profile in routing.
+- `ProviderDropdown` exists but is not mounted; account deletion doesn't remove profile/onboarding rows; README describes a MongoDB setup that no longer exists.
+- Naming debt everywhere: `phd-advisor-frontend/`, `phd_canvas`, "methodologist/theorist" references in RAG instructions.
+
+---
+
+## 3. Architecture decisions
+
+1. **Keep the stack** (FastAPI + React + SQLite + single Docker image). It's proven on HF Spaces and the persistence/LLM layers are sound. No framework migration.
+2. **Retire PhD naming debt early**: rename `phd-advisor-frontend/` → `frontend/`, `phd_canvas` → `canvas`/`workspace`, purge PhD references from prompts, README, and RAG instructions. Done first so all new work lands on clean names.
+3. **New data model for user knowledge** (new SQLite tables via the existing shim):
+   - `user_facts` — one row per fact: `category` (person / organization / needs / preferences), `key`, `value`, `source` (**stated** | **inferred**), `confidence`, `evidence` (message reference), timestamps. Stated and inferred facts are stored separately as required, and both are user-visible and editable.
+   - `user_summaries` — the two generated summaries (`short` for ≤25B Neon models, `long` for large models) + generation metadata.
+   - `goal_tracks`, `track_items`, `assessments` — the progress-path engine (§7).
+4. **Config-driven everything** (per reuse guidelines): summaries' token budgets, model context limits, persona roster, track definitions, and intake chips all live in `cybersecurity_config.yaml` / persona YAMLs / new `tracks/*.yaml` — no hard-coded values.
+5. **Dev experience**: docker-compose `dev` profile with `uvicorn --reload` + CRA dev server (hot reload both sides); container naming `cybersecurity-panel-dev-cursor-<date>`; BuildKit cache mounts already present, keep them. Secrets from `C:\Users\dream\.secrets\shared.env` (loader already supports `SHARED_ENV`).
+
+---
+
+## 4. User knowledge system (the core new capability)
+
+### 4.1 Two-source profile
+- **Stated profile**: what the user explicitly provides — via the profile editor, onboarding chat, or direct statements ("I'm the IT manager at a 200-person clinic"). Direct statements in chat are extracted and saved as `source=stated`.
+- **Inferred profile**: after **every user message**, a background extraction pass (small/cheap model — Neon vLLM) infers facts: knowledge level from vocabulary, role, org type, urgency, tools mentioned, emotional state, goals. Saved as `source=inferred` with confidence + the message it came from. Never blocks the chat response (fire-and-forget task).
+- **User visibility & control**: a "What we know about you" view with two clearly labeled sections (Things you told us / Things we noticed), each fact editable, confirmable (promotes inferred → stated), or deletable. This is both the trust feature Clary raised ("people don't want to give away their profile") and a differentiator.
+
+### 4.2 Dual user summaries
+- `short` summary (~150 tokens): for the Neon ~25B models — the essentials: who they are, org, maturity level, current goal, communication preference.
+- `long` summary (~600 tokens): for large models (GPT-5.4, Gemini) — everything relevant including history highlights and open threads.
+- **Regeneration triggers** (exactly as specified): at the start of each new user session, and after each completed chat **except the first one in a session**.
+- **Routing rule**: the LLM client layer picks the summary by provider — vLLM/Ollama get `short`, OpenAI/Gemini get `long`. Implemented at the prompt-assembly boundary so it's automatic for any future provider (flagged `small_context: true/false` in config).
+
+### 4.3 Context budgeting
+- **Small models** (Neon vLLM, Ollama): total prompt budget **~4096 tokens** (configurable) = persona prompt + short summary + rolling conversation summary + most recent turns + current message. The existing `chat_summary.py` summarizer is upgraded to maintain a rolling summary that compresses older turns as the budget tightens.
+- **Large models**: full conversation history + long summary, no summarization.
+
+---
+
+## 5. Orchestrator & conversation intelligence
+
+1. **Profile-aware routing**: the orchestrator's expert-ranking prompt includes the user summary, so expert selection reflects who the user is (an executive asking about "risk" gets the compliance/strategy experts; a student gets the mentor).
+2. **Intelligent follow-ups**: replace the canned `clarification_questions` list with generated follow-ups that use conversation context + user summary — modeled on Jerry's intake behavior ("Is the review internal or external? What's your role in it?").
+3. **Give-and-take rule** (from the notes): the panel never interrogates. Every clarifying question is preceded by useful information — "answer what you can, then ask the one most valuable follow-up." Enforced in the orchestrator/persona prompt contracts.
+4. **Adaptive depth**: response register (plain-language vs technical) driven by the inferred knowledge level in the summary; beginners get no unexplained jargon, experts get full technical vocabulary (Jerry's tailoring principle).
+5. **Urgency detection**: triage-mode messages ("I think I've been hacked") short-circuit to a first-steps checklist from the incident expert before any profiling questions.
+
+---
+
+## 6. Intake & onboarding redesign
+
+- **Opening screen** (post-login, first session): Jerry's greeting — *"You've contacted me today — what can I help you with in cybersecurity?"* — with 3–4 tappable chips matching top question categories (research-backed: "I think I've been hacked", "Prepare for an audit/review", "Secure my business", "Grow my security career") **plus a free-text box** (the "blank fill-in" from the notes). Chips are context-aware and change with user type once known.
+- **Progressive profiling, not forms**: no up-front questionnaire. Profile fills from conversation. The optional **capability check-off screen** (Jerry's maturity checklist idea) exists but is skippable — users who prefer a "situation profile" just talk, per Richard's point.
+- **Give info before asking**: the first response always delivers value before the first follow-up question.
+- UX patterns per current best practice: ≤4 starter chips, follow-up chips above the input bar, streaming with "what the panel is doing" indicators, progressive disclosure (summary first, expand for detail), no autoscroll-to-bottom on long streamed answers.
+
+---
+
+## 7. Progress path ("Security Journey")
+
+Replaces the fake Insights page as the app's second pillar. A user picks (or is guided to) a **track**:
+
+| Track | Engine | Audience |
+|---|---|---|
+| **ITIL Maturity Model** (Jerry's favorite) | 5 levels: Initial → Managed → Defined → Quantitative → Optimizing | Organizations |
+| NIST CSF 2.0 | 6 functions (Govern/Identify/Protect/Detect/Respond/Recover) × 4 tiers, Current vs Target profile | Organizations |
+| CIS Controls IG1→IG3 | Concrete checkable safeguards — the checklist engine | SMB especially |
+| Certification paths | Security+ → CySA+ → CISSP etc., study milestones | Individuals |
+| Personal Digital Security | Passwords/MFA → backups → device hygiene → monitoring | Individuals |
+| **Custom goal** | Mapped out with the panel's help ("internal assessment", "pass our review in Q4") | Anyone |
+
+Mechanics:
+- Headline **progress bar** (level + % within level) on the Journey page and a compact version in the chat header.
+- Per-function/domain **radar or segmented bars** (NIST-style Current vs Target).
+- Items check off three ways: user checks manually, the optional assessment wizard, or **the panel proposes a check-off when a conversation demonstrates completion** (user confirms).
+- **Re-assessment trend** ("you moved from Managed to Defined in Respond") mirroring ITIL's repeat-assessment reporting.
+- Light gamification: easy early wins ("Enable MFA" = instant progress), milestone celebrations, a weekly security check-in cadence — no anxiety-inducing daily streaks.
+- Track definitions are data (`tracks/*.yaml`), so Jerry can supply/edit checklists without code changes.
+
+---
+
+## 8. Pages restructure
+
+| Current | New | Content |
+|---|---|---|
+| Chat | **Chat** (primary) | Redesigned panel chat: intake chips, expert cards, follow-up chips, profile-aware suggestions |
+| Insights (fake) | **Journey** | Progress path above; panel-generated insights tied to the user's actual track & chats (real `/api` persistence) |
+| Workspace (localStorage) | **Workspace** (server-persisted, curated) | Cyber-relevant widgets only: incident checklist, risk register, asset inventory notes, policy drafts kanban; drop PhD widgets; persist via the existing canvas API |
+| Documents (localStorage drafts) | **Documents** | Unified: uploaded reference docs (RAG) + generated artifacts (policies, audit-evidence lists, board summaries) with server persistence and export |
+| — | **Profile** ("About you") | Stated + inferred facts, summaries preview, edit/confirm/delete, clear-data controls |
+
+---
+
+## 9. Expert panel roster
+
+**AI Jerry Huaute — lead advisor (required).** Replace the YAML prompt with the approved canonical persona prompt (father Semu, correct dates/tenses, CISSP signature, communication style, sample responses). Jerry opens conversations, owns the intake, and is always among the responders by default.
+
+**Revised existing experts** (prompts rewritten for the three-legged model, give-and-take rule, adaptive register, and Compact-Markdown contract):
+1. **Incident Responder** — expanded to cover personal triage ("was I hacked", sextortion/scam validation) *and* business IR (notification order, evidence preservation, ransom decisions). Covers the highest-volume question categories.
+2. **Compliance & Audit Advisor** — SOC 2 / ISO 27001 / NIST / CMMC / HIPAA; audit evidence expectations; security-questionnaire help.
+3. **Security Architect** — Zero Trust, cloud, IAM/MFA rollouts, hardening.
+4. **Threat Modeler** — STRIDE/ATT&CK; also powers the role-playing/tabletop-exercise capability (from the notes: "role playing bot for situation analysis").
+5. **Career Mentor** — merged with Jerry's mentoring instinct kept distinct: this persona handles cert/interview mechanics; Jerry handles wisdom/encouragement.
+
+**New experts (proposed):**
+6. **Small Business Security Advisor** — the "Geek Squad" leg: minimum viable security stack, tool selection (password managers, EDR vs AV, backups), plain language, budget-aware. Forum research shows this audience is huge and underserved.
+7. **AI Security & Technology Strategist** — helps C-level users understand and safely adopt AI (per the notes: "making AI more understandable… a productivity assist rather than taking their job"); OWASP GenAI LLM Top 10, NIST Cyber AI Profile focus areas (Secure / Defend / Thwart), overcoming resistance to change.
+8. *(Optional, decide later)* **Privacy & Data Protection Advisor** — GDPR/CCPA, data handling, breach disclosure duties. Could fold into Compliance initially.
+
+Roster stays at 7–8: enough diversity without decision paralysis; orchestrator typically surfaces top 2–3 per message.
+
+---
+
+## 10. Tools (new capabilities)
+
+**Required (per project guidelines):**
+- **API/model health pre-check** — on app load and on demand, the backend probes every configured provider using the real request path with a tiny prompt ("Reply with the single word: OK"); classifies online / unavailable / error; non-online models are removed from the selectable list (fail closed per model; fail open only if the whole check fails); a Settings → **Model Status** modal lists statuses with first ~200 chars of errors and a refresh control. Secrets stay server-side.
+
+**High-value additions (recommended):**
+- **Curated knowledge base (RAG)** — pre-seed ChromaDB with Jerry's approved documents (NIST IR 8596 Cyber AI Profile, OWASP GenAI LLM Top 10, OWASP secure-MCP guide, CIS/NIST framework summaries) so advisors cite real sources. Extensible with Jerry's own checklists/how-tos.
+- **CVE / NVD / CISA KEV lookup** — live vulnerability answers ("is CVE-2026-XXXX being exploited?").
+- **Have I Been Pwned breach check** — directly serves the #1 individual question category.
+- **Phishing/scam analyzer** — paste an email/text; structured verdict + recommended actions (sextortion pattern gets a canned, reassuring flow).
+- **Maturity assessment wizard** — the interactive intake for the Journey tracks.
+- **Document/policy generator** — templates (AUP, IR plan, access policy) filled from the user's profile; exports via existing TXT/PDF/DOCX pipeline.
+- **Web search tool** for advisors (current-events questions), gated per-persona.
+
+**Later / discuss:** IP-based org enrichment (from the transcript) — technically feasible but privacy-sensitive; if used, disclose transparently in the profile view. Jerry's data-flow/monitoring open-source tool list — integrate as a Workspace resource page when he delivers it.
+
+---
+
+## 11. UI/UX overhaul
+
+- **Design system**: professional security aesthetic — deep slate + teal (Jerry's `#0F766E`), high-contrast light/dark themes, consistent card/chip/modal components, subtle motion (reduced-motion respected). Rule of 3–4 choices per screen (Jerry's "don't make it busy" principle).
+- **Responsive, three layouts**: phone (<768px: full-screen chat, bottom-sheet modals, hamburger nav, composer docked above keyboard), tablet (768–1100px: collapsible rail), desktop. Tap targets ≥44px. Tested on Safari/iOS, Chrome/Android, Edge/Windows (manual matrix + responsive automated checks).
+- **Chat presentation**: expert avatars/colors, one-line "Thought" summary with expandable detail, follow-up chips, copy/save/export on every artifact, streaming status ("Jerry is reviewing your question…").
+- **Engagement**: Journey progress visible in header; session-start "welcome back" referencing the user's goal; suggested next actions after each chat.
+- App-level security posture honors OWASP LLM Top 10: prompt-injection hardening in system prompts, output handling, no secrets client-side — credibility matters for a security product.
+
+---
+
+## 12. Hygiene & infrastructure fixes
+
+- Fix Dockerfile (remove deleted-YAML COPYs) — **build is currently broken**.
+- Mount `ProviderDropdown` (or fold provider choice into Settings with Model Status).
+- Account deletion also purges `user_facts`, `user_profiles`, `user_summaries`, onboarding rows.
+- Fix `SettingsModal` field-name mismatch vs `PATCH /auth/me`; consolidate with `AccountModal`.
+- Rewrite README (SQLite not Mongo, real advisor list, HF Spaces + local dev instructions).
+- Remove dead code: `seamless_orchestrator.py` (PhD-era), `OldMessageBubble.js`, stale `scripts/patch_*` files targeting other repos.
+- **Update the User Guide** (`src/data/userGuide.js`) — last step, covering all new features: intake, profile & inferred info, Journey, tools, Model Status.
+
+---
+
+## 13. Execution phases
+
+Executed with Cursor multitasking + subagents on cheaper/faster models where suitable; each phase tested before the next; work lands on `dev-cursor`, PRs from `FEAT_*` branches.
+
+| Phase | Scope | Depends on |
+|---|---|---|
+| **0. Baseline & hygiene** | Snapshot on `origin/dev-cursor` (emails rewritten to noreply); Dockerfile fix; rename/purge PhD debt; dev hot-reload compose; README | — |
+| **1. Profile foundation** | Render profile UI; new `user_facts`/`user_summaries` schema; Profile page (stated+inferred views); clean field mapping | 0 |
+| **2. Knowledge engine** | Inference pass per message; dual summaries + regeneration triggers; context budgeting (4096 small / full large); summary→provider routing | 1 |
+| **3. Conversation intelligence** | Orchestrator profile-aware routing; generated follow-ups; give-and-take + adaptive register prompt contracts; intake flow & chips | 2 |
+| **4. Panel roster** | Canonical Jerry prompt; revise 5 experts; add SMB advisor + AI Security strategist | 0 (parallel w/ 2–3) |
+| **5. Journey & pages** | Track engine + YAML tracks; Journey page w/ progress bar & trend; Workspace/Documents server persistence & curation | 1 |
+| **6. Tools** | Model health pre-check + Model Status modal (early — it's required); RAG seeding; HIBP; CVE lookup; phishing analyzer; doc generator | 2 |
+| **7. UI overhaul** | Design system, responsive layouts, chat presentation, engagement features | 3, 5 |
+| **8. Ship** | User Guide update; full test pass (backend pytest, frontend RTL, device matrix); Docker build; HF push via `hf` CLI; CHANGELOG | all |
+
+---
+
+## 14. Who does what
+
+**I can do:** everything in Phases 0–8 (code, tests, Docker, HF upload via `hf` CLI, docs), plus the snapshot push to `dev-cursor` once unblocked.
+
+**You need to:**
+1. **Now:** temporarily uncheck "Block command line pushes that expose my email" at github.com/settings/emails so I can push the pristine baseline (or approve history rewrite with your noreply email — hashes change).
+2. Create/confirm the `main` branch on the new repo (I'll give you the exact command), and set HF Space secrets when we deploy (`JWT_SECRET_KEY`, `VLLM_API_KEY`/`HANA_*`, `OPENAI_API_KEY`, `GEMINI_API_KEY`).
+3. **Decisions to review in this plan:** expert roster (§9 — especially the two new personas and whether Privacy gets its own advisor), track list (§7), page structure (§8), and whether IP-based org enrichment is in or out (§10).
+4. From Jerry: his checklists/how-tos for the ITIL track content, his open-source data-flow tool list, and any color/branding preferences.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..f17554efa8faf4104753bae676a755c47ebbca81
--- /dev/null
+++ b/README.md
@@ -0,0 +1,111 @@
+---
+title: Cybersecurity Panel
+emoji: 🛡️
+colorFrom: indigo
+colorTo: blue
+sdk: docker
+pinned: false
+app_port: 7860
+---
+
+# Cybersecurity Panel
+
+AI cybersecurity guidance through a panel of specialized advisors, led by **AI Jerry Huaute, CISSP**, built on Neon AI's Collaborative Conversational AI (CCAI) framework and BrainForge Security models. Collaboration between Jerry Huaute and Neon.ai.
+
+## Hugging Face Spaces
+
+Single Docker image from the repo-root [`Dockerfile`](Dockerfile):
+
+1. Builds the React frontend at image-build time with `REACT_APP_API_URL=""` (same-origin fetches).
+2. Serves the SPA from FastAPI on port **7860** with `/api/...` and `/auth/...` on the same origin.
+3. Persists auth, profiles, chat sessions, onboarding, canvas, and user knowledge in **SQLite** (`aiosqlite`) at `${DATA_DIR}/cybersecurity_panel.db`. Mount a Hugging Face Storage Bucket at `/data` so data survives rebuilds. Vector store: ChromaDB under the same data dir.
+
+### Required Space secrets
+
+| Secret | Purpose |
+|--------|---------|
+| `JWT_SECRET_KEY` | Signs auth tokens (long random string) |
+| `VLLM_API_KEY` / Neon HANA creds | Neon vLLM / BrainForge Security endpoint |
+| `OPENAI_API_KEY` | GPT fallback / large-model path |
+| `GEMINI_API_KEY` | Optional Gemini provider |
+
+Also loadable from a shared env file at `C:\Users\dream\.secrets\shared.env` for local development (`SHARED_ENV` / compose `env_file`).
+
+## Local development
+
+### Production-shaped container (matches Spaces)
+
+```bash
+# PowerShell
+$env:COMPOSE_DATE = Get-Date -Format "yyyyMMdd"
+docker compose up --build
+# App: http://localhost:7861
+```
+
+### Hot-reload development (recommended while coding)
+
+```bash
+$env:COMPOSE_DATE = Get-Date -Format "yyyyMMdd"
+docker compose --profile dev up --build
+# Frontend: http://localhost:3000
+# Backend:  http://localhost:8000  (docs at /docs)
+```
+
+Backend uses `uvicorn --reload`; frontend uses CRA with file polling. Source is bind-mounted from `multi_llm_chatbot_backend/`, `frontend/`, `personas/`, and `cybersecurity_config.yaml`.
+
+### Without Docker
+
+1. Load secrets from `C:\Users\dream\.secrets\shared.env` (or set `JWT_SECRET_KEY`, `OPENAI_API_KEY`, `VLLM_API_KEY`, etc.).
+2. Backend: `cd multi_llm_chatbot_backend && python -m venv venv && venv\Scripts\activate && pip install -r requirements.txt && uvicorn app.main:app --reload --port 8000`
+3. Frontend: `cd frontend && npm ci && set REACT_APP_API_URL=http://localhost:8000 && npm start`
+
+## Architecture
+
+| Layer | Tech |
+|-------|------|
+| Frontend | React (CRA) in `frontend/` |
+| Backend | FastAPI in `multi_llm_chatbot_backend/` |
+| DB | SQLite via Mongo-shaped shim (`app/core/db.py`) |
+| Vectors | ChromaDB (document RAG) |
+| Primary LLM | Neon vLLM — `BrainForge/Security` |
+| Fallback | OpenAI GPT (resilient race), Gemini, Ollama |
+
+### Advisors
+
+Personas live in `personas/cyber_advisors/*.yaml` (Jerry Huaute lead + specialist panel). App config: `cybersecurity_config.yaml`.
+
+### Features
+
+- Panel chat with streaming multi-advisor responses; Jerry Huaute always on the panel, urgency triage puts the incident expert first, generated follow-up chips after each panel reply
+- User profile: stated + inferred facts, dual LLM summaries (short for Neon, long for large models)
+- Security Journey progress tracks (ITIL, NIST CSF, CIS, certs, personal digital security, custom)
+- Document upload + RAG, export (TXT/PDF/DOCX)
+- Model Status health probes and provider selection (Settings → Model Status)
+
+## Project layout
+
+```
+cybersecurity-panel/
+├── cybersecurity_config.yaml
+├── personas/cyber_advisors/
+├── tracks/                 # Security Journey track definitions
+├── multi_llm_chatbot_backend/
+├── frontend/
+├── Dockerfile              # HF Spaces / prod
+├── Dockerfile.dev          # hot-reload targets
+├── docker-compose.yml
+├── PLAN.md                 # overhaul plan
+└── README.md
+```
+
+## Tests
+
+```bash
+cd multi_llm_chatbot_backend
+pip install -r requirements.txt -r test_requirements.txt
+python -m pytest app/tests/unit -q
+```
+
+## License / credit
+
+© Neon AI. Built with Jerry Huaute, CISSP. CCAI and BrainForge are Neon.ai technologies.
diff --git a/cybersecurity_config.yaml b/cybersecurity_config.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..6a8a246d6335f1fc9a0ac80211c1cd5be1684c89
--- /dev/null
+++ b/cybersecurity_config.yaml
@@ -0,0 +1,321 @@
+# ============================================================================
+# Cybersecurity Advisor — Application Configuration
+# ============================================================================
+
+app:
+  title: "Cybersecurity Advisor"
+  subtitle: "AI-Powered Security Guidance"
+  primary_color: "#5558E3"
+  logo_icon: "Shield"
+  footer_text: "© 2026 Neon AI. All rights reserved."
+  user_avatars:
+    - { id: "shield-slate", icon: "Shield", color: "#0F172A", bg: "#F1F5F9" }
+    - { id: "user-blue", icon: "User", color: "#2563EB", bg: "#EFF6FF" }
+    - { id: "lock-red", icon: "Lock", color: "#DC2626", bg: "#FEF2F2" }
+    - { id: "terminal-green", icon: "Terminal", color: "#059669", bg: "#ECFDF5" }
+    - { id: "bug-amber", icon: "Bug", color: "#F59E0B", bg: "#FFFBEB" }
+    - { id: "server-cyan", icon: "Server", color: "#0891B2", bg: "#ECFEFF" }
+    - { id: "key-purple", icon: "KeyRound", color: "#7C3AED", bg: "#F3E8FF" }
+    - { id: "radar-rose", icon: "Radar", color: "#E11D48", bg: "#FFF1F2" }
+
+homepage:
+  headline_prefix: "Strengthen Your Security Posture with"
+  headline_highlight: "Expert AI Advisors"
+  description: >-
+    Get practical guidance on threats, compliance, incident response, architecture,
+    and career growth from a panel of cybersecurity-focused AI advisors — each
+    bringing a distinct lens to your questions.
+  features_title: "Why Use Cybersecurity Advisor?"
+  features:
+    - title: "Defense in Depth"
+      description: "Receive layered perspectives on risk, controls, detection, and response"
+      icon: "Shield"
+    - title: "Neon Security Model"
+      description: "Powered by BrainForge Security on Neon 4090 x1-3 with GPT-5.4 fallback"
+      icon: "Brain"
+    - title: "Available 24/7"
+      description: "Get answers during incidents, audits, study sessions, or late-night architecture reviews"
+      icon: "Clock"
+
+login:
+  subtitle: "Sign in to continue your security journey"
+  signup_subtitle: "Create your account for personalized guidance from our cybersecurity advisor panel"
+  knowledge_levels:
+    - { value: "", label: "Select your cybersecurity knowledge level" }
+    - { value: "newcomer", label: "New to cybersecurity" }
+    - { value: "foundational", label: "Foundational — coursework or self-study" }
+    - { value: "practitioner", label: "Practitioner — hands-on experience" }
+    - { value: "experienced", label: "Experienced — multi-year professional" }
+    - { value: "expert", label: "Expert / specialist" }
+  timezones:
+    - { value: "", label: "Select timezone (optional)" }
+    - { value: "America/New_York", label: "Eastern (US)" }
+    - { value: "America/Chicago", label: "Central (US)" }
+    - { value: "America/Denver", label: "Mountain (US)" }
+    - { value: "America/Los_Angeles", label: "Pacific (US)" }
+    - { value: "America/Anchorage", label: "Alaska (US)" }
+    - { value: "Pacific/Honolulu", label: "Hawaii (US)" }
+    - { value: "Europe/London", label: "UK / Ireland" }
+    - { value: "Europe/Paris", label: "Central Europe" }
+    - { value: "Asia/Tokyo", label: "Japan" }
+    - { value: "Asia/Singapore", label: "Singapore" }
+    - { value: "Australia/Sydney", label: "Australia (East)" }
+    - { value: "UTC", label: "UTC" }
+  academic_stages:
+    - { value: "", label: "Select your cybersecurity knowledge level" }
+    - { value: "newcomer", label: "New to cybersecurity" }
+    - { value: "foundational", label: "Foundational — coursework or self-study" }
+    - { value: "practitioner", label: "Practitioner — hands-on experience" }
+    - { value: "experienced", label: "Experienced — multi-year professional" }
+    - { value: "expert", label: "Expert / specialist" }
+
+chat_page:
+  placeholder: "Ask your advisors about threats, controls, incidents, compliance, or your security career..."
+  intake:
+    greeting: >-
+      You've contacted me today — what is it that I can help you with in cybersecurity?
+    chips:
+      - { id: "hacked", label: "I think I've been hacked", prompt: "I think I may have been hacked or compromised. Help me figure out what to do first." }
+      - { id: "audit", label: "Prepare for an audit or review", prompt: "I have a cybersecurity review or audit coming up and I need help preparing." }
+      - { id: "business", label: "Secure my business", prompt: "I need practical help securing my small business — what should I prioritize?" }
+      - { id: "career", label: "Grow my security career", prompt: "I want to grow my cybersecurity career. Help me pick a path and next steps." }
+      - { id: "other", label: "Something else…", prompt: "", free_text: true }
+    by_persona:
+      personal:
+        - { id: "p-passwords", label: "Password manager & MFA", prompt: "Help me set up a password manager and turn on MFA for my important accounts." }
+        - { id: "p-phish", label: "Spot phishing emails", prompt: "How do I recognize phishing emails and what should I do if I clicked a shady link?" }
+        - { id: "p-backup", label: "Backups that work", prompt: "What is a simple, reliable backup plan for my home computer and photos?" }
+        - { id: "p-hacked", label: "I might be compromised", prompt: "I think my personal account or device may be compromised. What should I do first?" }
+        - { id: "other", label: "Something else…", prompt: "", free_text: true }
+      business:
+        - { id: "b-baseline", label: "SMB security baseline", prompt: "What practical cybersecurity baseline should a small business put in place first?" }
+        - { id: "b-mfa", label: "MFA & access hygiene", prompt: "How should we roll out MFA and tighten access for email and admin accounts?" }
+        - { id: "b-ir", label: "Incident playbook", prompt: "Help me draft a simple first-hour playbook for a phishing or ransomware incident." }
+        - { id: "b-audit", label: "Audit / review prep", prompt: "We have a cybersecurity review coming up — what evidence and gaps should we prepare?" }
+        - { id: "other", label: "Something else…", prompt: "", free_text: true }
+      other:
+        - { id: "o-clarify", label: "Clarify my goal", prompt: "Help me turn my custom security goal into clear next steps." }
+        - { id: "o-path", label: "Pick a learning path", prompt: "Based on my goal, what should I learn or practice first in cybersecurity?" }
+        - { id: "o-tools", label: "Tools that fit", prompt: "What tools or controls best match the situation I described?" }
+        - { id: "o-risks", label: "Top risks for me", prompt: "What are the top risks I should address given what I shared?" }
+        - { id: "other", label: "Something else…", prompt: "", free_text: true }
+  examples:
+    - title: "Threats & Defense"
+      icon: "ShieldAlert"
+      color: "#DC2626"
+      bg_color: "#FEF2F2"
+      suggestions:
+        - "How do I prioritize vulnerabilities found in a recent scan?"
+        - "Walk me through STRIDE threat modeling for a new API"
+        - "What should our phishing simulation program measure?"
+    - title: "Compliance & Governance"
+      icon: "Scale"
+      color: "#2563EB"
+      bg_color: "#EFF6FF"
+      suggestions:
+        - "How do NIST CSF and ISO 27001 overlap for a mid-size company?"
+        - "What evidence do auditors expect for access reviews?"
+        - "How do I scope SOC 2 controls for a SaaS product?"
+    - title: "Incidents & IR"
+      icon: "Siren"
+      color: "#F59E0B"
+      bg_color: "#FFFBEB"
+      suggestions:
+        - "First 60 minutes after ransomware is detected — what do I do?"
+        - "How do I preserve forensic evidence on a compromised endpoint?"
+        - "When should we engage legal and PR during a breach?"
+    - title: "Career & Skills"
+      icon: "TrendingUp"
+      color: "#059669"
+      bg_color: "#ECFDF5"
+      suggestions:
+        - "CISSP vs Security+ — which path fits my background?"
+        - "How do I move from SOC tier 1 to detection engineering?"
+        - "What should I build in a home lab to stand out in interviews?"
+  examples_by_persona:
+    personal:
+      - title: "Everyday digital safety"
+        icon: "Shield"
+        color: "#0F766E"
+        bg_color: "#ECFDF5"
+        suggestions:
+          - "How do I lock down my email and social accounts with MFA?"
+          - "What's the simplest password manager setup for a household?"
+          - "How should I back up my Windows PC so ransomware can't wipe me out?"
+      - title: "Scams & phishing"
+        icon: "MailWarning"
+        color: "#DC2626"
+        bg_color: "#FEF2F2"
+        suggestions:
+          - "I got a weird bank email — how do I check if it's phishing?"
+          - "What should I do if I typed my password on a fake site?"
+          - "How do I talk to family about scam texts without sounding preachy?"
+      - title: "Devices & home network"
+        icon: "Laptop"
+        color: "#2563EB"
+        bg_color: "#EFF6FF"
+        suggestions:
+          - "What Windows updates and settings matter most for security?"
+          - "How do I secure my home Wi-Fi and guest network?"
+          - "Should I use antivirus, Windows Defender, or both?"
+    business:
+      - title: "SMB baseline"
+        icon: "Building2"
+        color: "#2563EB"
+        bg_color: "#EFF6FF"
+        suggestions:
+          - "What CIS IG1 controls should a ~50-person company tackle first?"
+          - "How do I inventory devices and SaaS without a huge IT budget?"
+          - "What's a practical MFA rollout plan for email and admin access?"
+      - title: "Incidents & readiness"
+        icon: "Siren"
+        color: "#F59E0B"
+        bg_color: "#FFFBEB"
+        suggestions:
+          - "Draft a one-page phishing / ransomware first-hour playbook."
+          - "When should we loop in legal, leadership, or an IR firm?"
+          - "How do we preserve evidence on a suspected compromised laptop?"
+      - title: "Governance & questionnaires"
+        icon: "Scale"
+        color: "#7C3AED"
+        bg_color: "#F5F3FF"
+        suggestions:
+          - "Help me answer a vendor security questionnaire for our SMB."
+          - "What policies are table-stakes before an audit?"
+          - "How do access reviews work when we're mostly on Microsoft 365?"
+    other:
+      - title: "Shape your path"
+        icon: "Compass"
+        color: "#0F766E"
+        bg_color: "#ECFDF5"
+        suggestions:
+          - "Help me break my custom security goal into weekly milestones."
+          - "What should I learn first given the situation I described?"
+          - "Which advisor topics are most relevant to my goal?"
+      - title: "Practical next steps"
+        icon: "ListChecks"
+        color: "#2563EB"
+        bg_color: "#EFF6FF"
+        suggestions:
+          - "What tools or controls best fit what I shared?"
+          - "Where am I most exposed right now, and what reduces that risk fast?"
+          - "How do I know I've made real progress toward my goal?"
+
+personas:
+  base_prompt: |
+    **Conversation rules:**
+    - Always offer useful information before asking a follow-up question (give-and-take). Never interrogate.
+    - Adapt vocabulary to the user's knowledge level from their summary: plain language for beginners; full technical terms for experts.
+    - Prefer one high-value follow-up over a list of questions.
+    - If urgency is high (active incident / "was I hacked"), lead with immediate first steps before profiling.
+
+    **Formatting (Compact Markdown v1):**
+    - Use GitHub-Flavored Markdown.
+    - Output exactly three sections in this order:
+      - `### Thought` — complete reasoning or context in 1–2 finished sentences (never cut mid-sentence into the next section; never use … or ...).
+      - `### What to do` — exactly 3 concrete action bullets as plain complete imperatives (no bold title prefixes); each a distinct actionable step (not leftover thought prose).
+      - `### Next step` — one imperative sentence that is NOT a copy or near-paraphrase of the first What-to-do bullet; name the single most important action to start with now.
+    - Use `###` for headings, `-` for bullets (no unicode bullets), keep number text on the same line (e.g., `1. Do X`).
+    - Insert one blank line between blocks.
+    - Never put actions under Thought, and never put reasoning bullets under What to do.
+    - Never truncate with ellipsis; finish every sentence and bullet.
+
+  personas_dir: "personas/cyber_advisors"
+
+orchestrator:
+  min_words_without_keywords: 6
+  conversation_history_token_threshold: 4000
+  required_advisor: "jerry_huaute"
+  triage_advisor: "incident_responder"
+  followup_count: 3
+  specific_keywords:
+    - "security"
+    - "cyber"
+    - "threat"
+    - "vulnerability"
+    - "CVE"
+    - "malware"
+    - "ransomware"
+    - "phishing"
+    - "IAM"
+    - "MFA"
+    - "SIEM"
+    - "SOC"
+    - "pentest"
+    - "compliance"
+    - "NIST"
+    - "ISO"
+    - "incident"
+    - "forensics"
+    - "firewall"
+    - "encryption"
+    - "zero trust"
+    - "cloud"
+    - "AWS"
+    - "Azure"
+    - "CISSP"
+    - "audit"
+
+  clarification_questions:
+    - "What specific security topic would you like guidance on?"
+    - "Are you focused on prevention, detection, response, compliance, or career growth?"
+    - "What is your role and the system or environment you're asking about?"
+    - "What's the most urgent risk or decision you're facing right now?"
+
+  clarification_suggestions:
+    - "Ask about threat modeling or hardening a workload"
+    - "Get help with incident response or forensics steps"
+    - "Request compliance or audit preparation guidance"
+    - "Upload a policy, architecture diagram, or log excerpt for review"
+
+auth:
+  algorithm: "HS256"
+  token_expiry_minutes: 43200
+
+mongodb:
+  database_name: "cybersecurity_advisor"
+
+llm:
+  provider: "vllm"
+  gemini:
+    model: "gemini-2.5-flash"
+  ollama:
+    model: "llama3.2:1b"
+  vllm:
+    api_url: "https://4090-x1-3.neonaiservices2.com/vllm0"
+    api_key: ""
+    # Leave empty for Bearer VLLM_API_KEY auth (current Neon 4090). Set only
+    # when the endpoint requires HTTP Basic (VLLM_API_USERNAME / HANA_*).
+    api_username: ""
+    model_id: "BrainForge/Security@2026.05.13"
+    neon_persona_orchestrator: "vanilla"
+    neon_persona_advisors: "CybersecurityExpert"
+  openai:
+    api_key: ""
+    model: "gpt-5.4"
+    orchestrator_reasoning_effort: "low"
+    persona_reasoning_effort: "none"
+  resilient:
+    race_timeout_seconds: 60
+
+rag:
+  embedding_model: "all-MiniLM-L6-v2"
+  chroma_collection: "cybersecurity_advisor_documents"
+
+tools:
+  current_datetime:
+    enabled: true
+    default_timezone: "America/Los_Angeles"
+
+user_knowledge:
+  short_summary_max_tokens: 150
+  long_summary_max_tokens: 600
+  small_model_context_budget: 4096
+  extract_on_every_message: true
+  small_context_providers:
+    - vllm
+    - ollama
+
+voice:
+  stt_endpoint: "https://whisper.neonaiservices.com"
+  tts_endpoint: "https://coqui.neonaiservices.com"
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000000000000000000000000000000000000..b36a25041072c7ec7d508e8fc9a13a9dd2f52133
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,117 @@
+# ---------------------------------------------------------------------------
+# Docker Compose for Cybersecurity Panel
+#
+# Default (`docker compose up --build`): production-shaped single container
+# (same as HuggingFace Spaces). Port host 7861 → container 7860.
+#
+# Dev with hot reload:
+#   docker compose --profile dev up --build
+# Backend: uvicorn --reload on :8000
+# Frontend: CRA npm start on :3000 (REACT_APP_API_URL=http://localhost:8000)
+#
+# Secrets: prefer C:\Users\dream\.secrets\shared.env (mounted / copied via
+# env_file). Override with a local .env as needed.
+#
+# Image/container naming follows: <repo>-<branch>-<date>
+# ---------------------------------------------------------------------------
+
+x-shared-env: &shared-env
+  # Non-secret defaults only. API keys / JWT come from env_file
+  # (C:/Users/dream/.secrets/shared.env) — do NOT set OPENAI_API_KEY /
+  # VLLM_API_KEY here with ${VAR:-} or an empty host env will blank the
+  # values that env_file already injected.
+  GEMINI_MODEL: ${GEMINI_MODEL:-gemini-2.5-flash}
+  CORS_ORIGINS: ${CORS_ORIGINS:-http://localhost:3000,http://127.0.0.1:3000}
+
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    image: cybersecurity-panel-dev-cursor-${COMPOSE_DATE:-local}
+    container_name: cybersecurity-panel-dev-cursor-${COMPOSE_DATE:-local}
+    ports:
+      - "${CYBERPANEL_HOST_PORT:-7861}:7860"
+    env_file:
+      - path: ${SHARED_ENV_FILE:-C:/Users/dream/.secrets/shared.env}
+        required: false
+      - path: .env
+        required: false
+    environment:
+      <<: *shared-env
+      JWT_SECRET_KEY: ${JWT_SECRET_KEY:-CHANGEME-by-overriding-in-dot-env-file}
+      CONFIG_PATH: ${CONFIG_PATH:-/home/user/app/cybersecurity_config.yaml}
+      CORS_ORIGINS: ${CORS_ORIGINS:-*}
+      DATA_DIR: /data
+    volumes:
+      - cybersecurity_data:/data
+
+  backend:
+    profiles: ["dev"]
+    build:
+      context: .
+      dockerfile: Dockerfile.dev
+      target: backend
+    image: cybersecurity-panel-backend-dev-cursor-${COMPOSE_DATE:-local}
+    container_name: cybersecurity-panel-backend-dev-cursor-${COMPOSE_DATE:-local}
+    ports:
+      - "${BACKEND_HOST_PORT:-8000}:8000"
+    env_file:
+      - path: ${SHARED_ENV_FILE:-C:/Users/dream/.secrets/shared.env}
+        required: false
+      - path: .env
+        required: false
+    environment:
+      <<: *shared-env
+      CONFIG_PATH: /app/cybersecurity_config.yaml
+      DATA_DIR: /data
+      PYTHONPATH: /app/multi_llm_chatbot_backend
+      # Keep a host-readable copy of shared.env for _load_shared_env_var fallback
+      SHARED_ENV: /run/secrets/shared.env
+    volumes:
+      - ./multi_llm_chatbot_backend:/app/multi_llm_chatbot_backend
+      - ./cybersecurity_config.yaml:/app/cybersecurity_config.yaml:ro
+      - ./personas:/app/personas:ro
+      - ./tracks:/app/tracks:ro
+      - cybersecurity_data:/data
+      - type: bind
+        source: ${SHARED_ENV_FILE:-C:/Users/dream/.secrets/shared.env}
+        target: /run/secrets/shared.env
+        read_only: true
+    command:
+      [
+        "uvicorn",
+        "app.main:app",
+        "--host",
+        "0.0.0.0",
+        "--port",
+        "8000",
+        "--reload",
+        "--reload-dir",
+        "/app/multi_llm_chatbot_backend/app",
+      ]
+
+  frontend:
+    profiles: ["dev"]
+    build:
+      context: .
+      dockerfile: Dockerfile.dev
+      target: frontend
+    image: cybersecurity-panel-frontend-dev-cursor-${COMPOSE_DATE:-local}
+    container_name: cybersecurity-panel-frontend-dev-cursor-${COMPOSE_DATE:-local}
+    ports:
+      - "${FRONTEND_HOST_PORT:-3000}:3000"
+    environment:
+      REACT_APP_API_URL: ${REACT_APP_API_URL:-http://localhost:8000}
+      CHOKIDAR_USEPOLLING: "true"
+      WATCHPACK_POLLING: "true"
+    volumes:
+      - ./frontend:/app
+      - frontend_node_modules:/app/node_modules
+    depends_on:
+      - backend
+    command: ["npm", "start"]
+
+volumes:
+  cybersecurity_data:
+  frontend_node_modules:
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..4d29575de80483b005c29bfcac5061cd2f45313e
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..3c286a1ddc5e2de5eef4a1c6d888c479721f4cba
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,19925 @@
+{
+  "name": "phd-advisor-frontend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "phd-advisor-frontend",
+      "version": "0.1.0",
+      "dependencies": {
+        "@codemirror/legacy-modes": "^6.5.2",
+        "@testing-library/dom": "^10.4.0",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/react": "^16.3.0",
+        "@testing-library/user-event": "^13.5.0",
+        "@uiw/react-codemirror": "^4.25.9",
+        "katex": "^0.16.45",
+        "latex.js": "^0.12.6",
+        "lucide-react": "^0.544.0",
+        "react": "^19.1.0",
+        "react-dom": "^19.1.0",
+        "react-markdown": "^10.1.0",
+        "react-scripts": "5.0.1",
+        "rehype-katex": "^7.0.1",
+        "remark-gfm": "^4.0.1",
+        "remark-math": "^6.0.0",
+        "web-vitals": "^2.1.4"
+      }
+    },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.3.tgz",
+      "integrity": "sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==",
+      "license": "MIT"
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.5.tgz",
+      "integrity": "sha512-KiRAp/VoJaWkkte84TvUd9qjdbZAdiqyvMxrGl1N6vzFogKmaLgoM3L1kgtLicp2HP5fBJS8JrZKLVIZGVJAVg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.27.4.tgz",
+      "integrity": "sha512-bXYxrXFubeYdvB0NhD/NBB3Qi6aZeV20GOWVI47t2dkecCEoneR4NPVcb7abpXDEvejgrUfFtG6vG/zxAKmg+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.27.3",
+        "@babel/helpers": "^7.27.4",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.27.4",
+        "@babel/types": "^7.27.3",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/eslint-parser": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.27.5.tgz",
+      "integrity": "sha512-HLkYQfRICudzcOtjGwkPvGc5nF1b4ljLZh1IRDj50lRZ718NAKVgQpIAUX8bfg6u/yuSKY3L7E0YzIV+OxrB8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@babel/eslint-parser/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz",
+      "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.27.5",
+        "@babel/types": "^7.27.3",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "regexpu-core": "^6.2.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz",
+      "integrity": "sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-wrap-function": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.27.1.tgz",
+      "integrity": "sha512-NFJK2sHUvrjo8wAU/nQTWU890/zB2jj0qBcCbZbbf+005cAsv6tMjXz31fBign6M5ov1o0Bllu+9nbqkfsjjJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.4.tgz",
+      "integrity": "sha512-Y+bO6U+I7ZKaM5G5rDUZiYfUvQPUibYmAFe7EnKdnKBbVXDZxvp+MWOH5gYciY0EPk4EScsuFMQBbEfpdRKSCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
+      "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz",
+      "integrity": "sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz",
+      "integrity": "sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz",
+      "integrity": "sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz",
+      "integrity": "sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-decorators": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.27.1.tgz",
+      "integrity": "sha512-DTxe4LBPrtFdsWzgpmbBKevg3e9PBy+dXRt19kSbucbZvL2uqtdqwwpluL1jfxYE0wIDTFp1nTy/q6gNLsxXrg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-decorators": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
+      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.18.6",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-numeric-separator": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz",
+      "integrity": "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.18.6",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-optional-chaining": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz",
+      "integrity": "sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-methods": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz",
+      "integrity": "sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-bigint": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-decorators": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.27.1.tgz",
+      "integrity": "sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-flow": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.27.1.tgz",
+      "integrity": "sha512-p9OkPbZ5G7UT1MofwYFigGebnrzGJacoBSQM0/6bi/PUMVE+qlWDD/OalvQKbwgQzU6dl0xAv6r4X7Jme0RYxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
+      "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
+      "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+      "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz",
+      "integrity": "sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.27.1.tgz",
+      "integrity": "sha512-eST9RrwlpaoJBDHShc+DS2SG4ATTi2MYNb4OxYkf3n+7eb49LWpnS+HSpVfW4x927qQwgk8A2hGNVaajAEw0EA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz",
+      "integrity": "sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-remap-async-to-generator": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz",
+      "integrity": "sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.5.tgz",
+      "integrity": "sha512-JF6uE2s67f0y2RZcm2kpAUEbD50vH62TyWVebxwHAlbSdM49VqPz8t4a1uIjp4NIOIZ4xzLfjY5emt/RCyC7TQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz",
+      "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz",
+      "integrity": "sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.27.1.tgz",
+      "integrity": "sha512-7iLhfFAubmpeJe/Wo2TVuDrykh/zlWXLzPNdL0Jqn/Xu8R3QQ8h9ff8FQoISZOsw74/HFqFI7NX63HN7QFIHKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-compilation-targets": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
+      "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/template": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.3.tgz",
+      "integrity": "sha512-s4Jrok82JpiaIprtY2nHsYmrThKvvwgHwjgd7UMiYhZaN0asdXNLr0y+NjTfkA7SyQE5i2Fb7eawUOZmLvyqOA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz",
+      "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz",
+      "integrity": "sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz",
+      "integrity": "sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz",
+      "integrity": "sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz",
+      "integrity": "sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-flow-strip-types": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.27.1.tgz",
+      "integrity": "sha512-G5eDKsu50udECw7DL2AcsysXiQyB7Nfg521t2OAJ4tbfTJ27doHLeF/vlI1NZGlLdbb/v+ibvtL1YBQqYOwJGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-flow": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz",
+      "integrity": "sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz",
+      "integrity": "sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz",
+      "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz",
+      "integrity": "sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz",
+      "integrity": "sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz",
+      "integrity": "sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz",
+      "integrity": "sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz",
+      "integrity": "sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz",
+      "integrity": "sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
+      "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz",
+      "integrity": "sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz",
+      "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz",
+      "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.27.3.tgz",
+      "integrity": "sha512-7ZZtznF9g4l2JCImCo5LNKFHB5eXnN39lLtLY5Tg+VkR0jwOt7TBciMckuiQIOIW7L5tkQOCh3bVGYeXgMx52Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.27.3",
+        "@babel/plugin-transform-parameters": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz",
+      "integrity": "sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz",
+      "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz",
+      "integrity": "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.1.tgz",
+      "integrity": "sha512-018KRk76HWKeZ5l4oTj2zPpSh+NbGdt0st5S6x0pga6HgrjBOJb24mMDHorFopOOd6YHkLgOZ+zaCjZGPO4aKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz",
+      "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz",
+      "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz",
+      "integrity": "sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-constant-elements": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.27.1.tgz",
+      "integrity": "sha512-edoidOjl/ZxvYo4lSBOQGDSyToYVkTAwyVoa2tkuYTSmjrB1+uAedoL5iROVLXkxH+vRgA7uP4tMg2pUJpZ3Ug==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.27.1.tgz",
+      "integrity": "sha512-p9+Vl3yuHPmkirRrg021XiP+EETmPMQTLr6Ayjj85RLNEbb3Eya/4VI0vAdzQG9SEAl2Lnt7fy5lZyMzjYoZQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.27.1.tgz",
+      "integrity": "sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.27.1.tgz",
+      "integrity": "sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.27.1.tgz",
+      "integrity": "sha512-JfuinvDOsD9FVMTHpzA/pBLisxpv1aSf+OIV8lgH3MuWrks19R27e6a6DipIg4aX1Zm9Wpb04p8wljfKrVSnPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.27.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.5.tgz",
+      "integrity": "sha512-uhB8yHerfe3MWnuLAhEbeQ4afVoqv8BQsPqrTv7e/jZ9y00kJL6l9a/f4OWaKxotmjzewfEyXE1vgDJenkQ2/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz",
+      "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz",
+      "integrity": "sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.27.4.tgz",
+      "integrity": "sha512-D68nR5zxU64EUzV8i7T3R5XP0Xhrou/amNnddsRQssx6GrTLdZl1rLxyjtVZBd+v/NVX4AbTPOB5aU8thAZV1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "babel-plugin-polyfill-corejs2": "^0.4.10",
+        "babel-plugin-polyfill-corejs3": "^0.11.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz",
+      "integrity": "sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz",
+      "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz",
+      "integrity": "sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz",
+      "integrity": "sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz",
+      "integrity": "sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.1.tgz",
+      "integrity": "sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz",
+      "integrity": "sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz",
+      "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz",
+      "integrity": "sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz",
+      "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.27.2.tgz",
+      "integrity": "sha512-Ma4zSuYSlGNRlCLO+EAzLnCmJK2vdstgv+n7aUP+/IKZrOfWHOJVdSJtuub8RzHTj3ahD37k5OKJWvzf16TQyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.27.1",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.27.1",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-import-assertions": "^7.27.1",
+        "@babel/plugin-syntax-import-attributes": "^7.27.1",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.27.1",
+        "@babel/plugin-transform-async-generator-functions": "^7.27.1",
+        "@babel/plugin-transform-async-to-generator": "^7.27.1",
+        "@babel/plugin-transform-block-scoped-functions": "^7.27.1",
+        "@babel/plugin-transform-block-scoping": "^7.27.1",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-class-static-block": "^7.27.1",
+        "@babel/plugin-transform-classes": "^7.27.1",
+        "@babel/plugin-transform-computed-properties": "^7.27.1",
+        "@babel/plugin-transform-destructuring": "^7.27.1",
+        "@babel/plugin-transform-dotall-regex": "^7.27.1",
+        "@babel/plugin-transform-duplicate-keys": "^7.27.1",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-dynamic-import": "^7.27.1",
+        "@babel/plugin-transform-exponentiation-operator": "^7.27.1",
+        "@babel/plugin-transform-export-namespace-from": "^7.27.1",
+        "@babel/plugin-transform-for-of": "^7.27.1",
+        "@babel/plugin-transform-function-name": "^7.27.1",
+        "@babel/plugin-transform-json-strings": "^7.27.1",
+        "@babel/plugin-transform-literals": "^7.27.1",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.27.1",
+        "@babel/plugin-transform-member-expression-literals": "^7.27.1",
+        "@babel/plugin-transform-modules-amd": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-modules-systemjs": "^7.27.1",
+        "@babel/plugin-transform-modules-umd": "^7.27.1",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.27.1",
+        "@babel/plugin-transform-new-target": "^7.27.1",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.27.1",
+        "@babel/plugin-transform-numeric-separator": "^7.27.1",
+        "@babel/plugin-transform-object-rest-spread": "^7.27.2",
+        "@babel/plugin-transform-object-super": "^7.27.1",
+        "@babel/plugin-transform-optional-catch-binding": "^7.27.1",
+        "@babel/plugin-transform-optional-chaining": "^7.27.1",
+        "@babel/plugin-transform-parameters": "^7.27.1",
+        "@babel/plugin-transform-private-methods": "^7.27.1",
+        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/plugin-transform-property-literals": "^7.27.1",
+        "@babel/plugin-transform-regenerator": "^7.27.1",
+        "@babel/plugin-transform-regexp-modifiers": "^7.27.1",
+        "@babel/plugin-transform-reserved-words": "^7.27.1",
+        "@babel/plugin-transform-shorthand-properties": "^7.27.1",
+        "@babel/plugin-transform-spread": "^7.27.1",
+        "@babel/plugin-transform-sticky-regex": "^7.27.1",
+        "@babel/plugin-transform-template-literals": "^7.27.1",
+        "@babel/plugin-transform-typeof-symbol": "^7.27.1",
+        "@babel/plugin-transform-unicode-escapes": "^7.27.1",
+        "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-regex": "^7.27.1",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.27.1",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.10",
+        "babel-plugin-polyfill-corejs3": "^0.11.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "core-js-compat": "^3.40.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-env/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/preset-react": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.27.1.tgz",
+      "integrity": "sha512-oJHWh2gLhU9dW9HHr42q0cI0/iHHXTLGe39qvpAZZzagHy0MzYLCnCVV0symeRvzmjHyVU7mw2K06E6u/JwbhA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-transform-react-display-name": "^7.27.1",
+        "@babel/plugin-transform-react-jsx": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-development": "^7.27.1",
+        "@babel/plugin-transform-react-pure-annotations": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz",
+      "integrity": "sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.4.tgz",
+      "integrity": "sha512-t3yaEOuGu9NlIZ+hIeGbBjFtZT7j2cb2tg0fuaJKeGotchRjjLfrBA9Kwf8quhpP1EUuxModQg04q/mBwyg8uA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.27.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
+      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.3.tgz",
+      "integrity": "sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "license": "MIT"
+    },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.20.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.20.2.tgz",
+      "integrity": "sha512-G5FPkgIiLjOgZMjqVjvuKQ1rGPtHogLldJr33eFJdVLtmwY+giGrlv/ewljLz6b9BSQLkjxuwBc6g6omDM+YxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.10.3.tgz",
+      "integrity": "sha512-JFRiqhKu+bvSkDLI+rUhJwSxQxYb759W5GBezE8Uc8mHLqC9aV/9aTC7yJSqCtB3F00pylrLCwnyS91Ap5ej4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.6.0",
+        "@codemirror/view": "^6.27.0",
+        "@lezer/common": "^1.1.0"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.12.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.12.3.tgz",
+      "integrity": "sha512-QwCZW6Tt1siP37Jet9Tb02Zs81TQt6qQrZR2H+eGMcFsL1zMrk2/b9CLC7/9ieP1fjIUMgviLWMmgiHoJrj+ZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
+        "@lezer/common": "^1.5.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/legacy-modes": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/legacy-modes/-/legacy-modes-6.5.2.tgz",
+      "integrity": "sha512-/jJbwSTazlQEDOQw2FJ8LEEKVS72pU0lx6oM54kGpL8t/NJ2Jda3CZ4pcltiKTdqYSRk3ug1B3pil1gsjA6+8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.9.6",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.9.6.tgz",
+      "integrity": "sha512-6Kp7r6XfCi/D/5sdXieMfg9pJU1bUEx96WITuLU6ESaKizCz0QHFMjY/TaFSbigDdEAIgi93itLBIUETP4oK+A==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.42.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.7.0.tgz",
+      "integrity": "sha512-ZvGm99wc/s2cITtMT15LFdn8aH/aS+V+DqyGq/N5ZlV5vWtH+nILvC2nw0zX7ByNoHHDZ2IxxdW38O0tc5nVHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.37.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.6.0.tgz",
+      "integrity": "sha512-4nbvra5R5EtiCzr9BTHiTLc+MLXK2QGiAVYMyi8PkQd3SR+6ixar/Q/01Fa21TBIDOZXgeWV4WppsQolSreAPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@marijn/find-cluster-break": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/theme-one-dark": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.3.tgz",
+      "integrity": "sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.42.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.42.1.tgz",
+      "integrity": "sha512-ToN3oFc0nsxNUYVF5P0ztLgbC4UPPjPtA9aKYhkOKQaZASpOUo6ISXyQLP66ctVwlDc+j6Jv0uK5IFALkiXztg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.6.0",
+        "crelt": "^1.0.6",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@csstools/normalize.css": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/normalize.css/-/normalize.css-12.1.1.tgz",
+      "integrity": "sha512-YAYeJ+Xqh7fUou1d1j9XHl44BmsuThiTr4iNrgCQ3J27IbhXsxXDGZ1cXv8Qvs99d4rBbLiSKy3+WZiet32PcQ==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/@csstools/postcss-cascade-layers": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz",
+      "integrity": "sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.2",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-color-function": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz",
+      "integrity": "sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-font-format-keywords": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz",
+      "integrity": "sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-hwb-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz",
+      "integrity": "sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-ic-unit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz",
+      "integrity": "sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-is-pseudo-class": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz",
+      "integrity": "sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-nested-calc": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz",
+      "integrity": "sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-normalize-display-values": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz",
+      "integrity": "sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-oklab-function": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz",
+      "integrity": "sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-progressive-custom-properties": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz",
+      "integrity": "sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3"
+      }
+    },
+    "node_modules/@csstools/postcss-stepped-value-functions": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz",
+      "integrity": "sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-text-decoration-shorthand": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz",
+      "integrity": "sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-trigonometric-functions": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz",
+      "integrity": "sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/postcss-unset-value": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz",
+      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==",
+      "license": "CC0-1.0",
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "license": "CC0-1.0",
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "deprecated": "Use @eslint/config-array instead",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/console": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/console/-/console-27.5.1.tgz",
+      "integrity": "sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "jest-message-util": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/core": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/core/-/core-27.5.1.tgz",
+      "integrity": "sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^27.5.1",
+        "@jest/reporters": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "emittery": "^0.8.1",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "jest-changed-files": "^27.5.1",
+        "jest-config": "^27.5.1",
+        "jest-haste-map": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-resolve-dependencies": "^27.5.1",
+        "jest-runner": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "jest-watcher": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "rimraf": "^3.0.0",
+        "slash": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/environment": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-27.5.1.tgz",
+      "integrity": "sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "jest-mock": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-27.5.1.tgz",
+      "integrity": "sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@sinonjs/fake-timers": "^8.0.1",
+        "@types/node": "*",
+        "jest-message-util": "^27.5.1",
+        "jest-mock": "^27.5.1",
+        "jest-util": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/globals": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-27.5.1.tgz",
+      "integrity": "sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "expect": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/reporters": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-27.5.1.tgz",
+      "integrity": "sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==",
+      "license": "MIT",
+      "dependencies": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@jest/console": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "exit": "^0.1.2",
+        "glob": "^7.1.2",
+        "graceful-fs": "^4.2.9",
+        "istanbul-lib-coverage": "^3.0.0",
+        "istanbul-lib-instrument": "^5.1.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.0",
+        "istanbul-reports": "^3.1.3",
+        "jest-haste-map": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-worker": "^27.5.1",
+        "slash": "^3.0.0",
+        "source-map": "^0.6.0",
+        "string-length": "^4.0.1",
+        "terminal-link": "^2.0.0",
+        "v8-to-istanbul": "^8.1.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/reporters/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-28.1.3.tgz",
+      "integrity": "sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==",
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.24.1"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/@jest/source-map": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-27.5.1.tgz",
+      "integrity": "sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0",
+        "graceful-fs": "^4.2.9",
+        "source-map": "^0.6.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/source-map/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@jest/test-result": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-27.5.1.tgz",
+      "integrity": "sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "collect-v8-coverage": "^1.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/test-sequencer": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz",
+      "integrity": "sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^27.5.1",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-runtime": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/transform": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-27.5.1.tgz",
+      "integrity": "sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.1.0",
+        "@jest/types": "^27.5.1",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^1.4.0",
+        "fast-json-stable-stringify": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "source-map": "^0.6.1",
+        "write-file-atomic": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/@jest/transform/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
+      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^16.0.0",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
+      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@leichtgewicht/ip-codec": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
+      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.5.2.tgz",
+      "integrity": "sha512-sxQE460fPZyU3sdc8lafxiPwJHBzZRy/udNFynGQky1SePYBdhkBl1kOagA9uT3pxR8K09bOrmTUqA9wb/PjSQ==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.3.tgz",
+      "integrity": "sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.10.tgz",
+      "integrity": "sha512-rnCpTIBafOx4mRp43xOxDJbFipJm/c0cia/V5TiGlhmMa+wsSdoGmUN3w5Bqrks/09Q/D4tNAmWaT8p6NRi77A==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+      "license": "MIT"
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals/node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@one-ini/wasm": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
+      "license": "MIT"
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.16.tgz",
+      "integrity": "sha512-kLQc9xz6QIqd2oIYyXRUiAp79kGpFBm3fEM9ahfG1HI0WI5gdZ2OVHWdmZYnwODt7ISck+QuQ6sBPrtvUBML7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-html": "^0.0.9",
+        "core-js-pure": "^3.23.3",
+        "error-stack-parser": "^2.0.6",
+        "html-entities": "^2.1.0",
+        "loader-utils": "^2.0.4",
+        "schema-utils": "^4.2.0",
+        "source-map": "^0.7.3"
+      },
+      "engines": {
+        "node": ">= 10.13"
+      },
+      "peerDependencies": {
+        "@types/webpack": "4.x || 5.x",
+        "react-refresh": ">=0.10.0 <1.0.0",
+        "sockjs-client": "^1.4.0",
+        "type-fest": ">=0.17.0 <5.0.0",
+        "webpack": ">=4.43.0 <6.0.0",
+        "webpack-dev-server": "3.x || 4.x || 5.x",
+        "webpack-hot-middleware": "2.x",
+        "webpack-plugin-serve": "0.x || 1.x"
+      },
+      "peerDependenciesMeta": {
+        "@types/webpack": {
+          "optional": true
+        },
+        "sockjs-client": {
+          "optional": true
+        },
+        "type-fest": {
+          "optional": true
+        },
+        "webpack-dev-server": {
+          "optional": true
+        },
+        "webpack-hot-middleware": {
+          "optional": true
+        },
+        "webpack-plugin-serve": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-babel": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
+      "integrity": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.10.4",
+        "@rollup/pluginutils": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@types/babel__core": "^7.1.9",
+        "rollup": "^1.20.0||^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/babel__core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-node-resolve": {
+      "version": "11.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz",
+      "integrity": "sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^3.1.0",
+        "@types/resolve": "1.17.1",
+        "builtin-modules": "^3.1.0",
+        "deepmerge": "^4.2.2",
+        "is-module": "^1.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/@rollup/plugin-replace": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz",
+      "integrity": "sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^3.1.0",
+        "magic-string": "^0.25.7"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0 || ^2.0.0"
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+      "license": "MIT"
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "license": "MIT"
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.11.0.tgz",
+      "integrity": "sha512-zxnHvoMQVqewTJr/W4pKjF0bMGiKJv1WX7bSrkl46Hg0QjESbzBROWK0Wg4RphzSOS5Jiy7eFimmM3UgMrMZbQ==",
+      "license": "MIT"
+    },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.24.51",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.24.51.tgz",
+      "integrity": "sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==",
+      "license": "MIT"
+    },
+    "node_modules/@sinonjs/commons": {
+      "version": "1.8.6",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+      "integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz",
+      "integrity": "sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.0"
+      }
+    },
+    "node_modules/@surma/rollup-plugin-off-main-thread": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz",
+      "integrity": "sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "ejs": "^3.1.6",
+        "json5": "^2.2.0",
+        "magic-string": "^0.25.0",
+        "string.prototype.matchall": "^4.0.6"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz",
+      "integrity": "sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz",
+      "integrity": "sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz",
+      "integrity": "sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz",
+      "integrity": "sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz",
+      "integrity": "sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz",
+      "integrity": "sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz",
+      "integrity": "sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-svg-component": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz",
+      "integrity": "sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/babel-preset": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-5.5.0.tgz",
+      "integrity": "sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==",
+      "license": "MIT",
+      "dependencies": {
+        "@svgr/babel-plugin-add-jsx-attribute": "^5.4.0",
+        "@svgr/babel-plugin-remove-jsx-attribute": "^5.4.0",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "^5.0.1",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "^5.0.1",
+        "@svgr/babel-plugin-svg-dynamic-title": "^5.4.0",
+        "@svgr/babel-plugin-svg-em-dimensions": "^5.4.0",
+        "@svgr/babel-plugin-transform-react-native-svg": "^5.4.0",
+        "@svgr/babel-plugin-transform-svg-component": "^5.5.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/core": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-5.5.0.tgz",
+      "integrity": "sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@svgr/plugin-jsx": "^5.5.0",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/hast-util-to-babel-ast": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz",
+      "integrity": "sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.12.6"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/plugin-jsx": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz",
+      "integrity": "sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@svgr/babel-preset": "^5.5.0",
+        "@svgr/hast-util-to-babel-ast": "^5.5.0",
+        "svg-parser": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/plugin-svgo": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz",
+      "integrity": "sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^7.0.0",
+        "deepmerge": "^4.2.2",
+        "svgo": "^1.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/webpack": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-5.5.0.tgz",
+      "integrity": "sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/plugin-transform-react-constant-elements": "^7.12.1",
+        "@babel/preset-env": "^7.12.1",
+        "@babel/preset-react": "^7.12.5",
+        "@svgr/core": "^5.5.0",
+        "@svgr/plugin-jsx": "^5.5.0",
+        "@svgr/plugin-svgo": "^5.5.0",
+        "loader-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.21.tgz",
+      "integrity": "sha512-jI/VAmtdjB/RnI8GTnokyX7Ug8c+g+ffD6QRLa6XQewtnGyukKkKSk3wLTM3b5cjt1jNh9x0jfVlagdN2gDKQg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
+      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz",
+      "integrity": "sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "chalk": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "lodash": "^4.17.21",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/react": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.0.tgz",
+      "integrity": "sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@testing-library/user-event": {
+      "version": "13.5.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-13.5.0.tgz",
+      "integrity": "sha512-5Kwtbo3Y/NowpkbRuSepbyMFkZmHgD+vPzYB/RJ4oxt5Gj/avFFBYjhw27cqSVPVw/3a67NK1PbiIr9k4Gwmdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@tootallnate/once": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+      "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.5",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
+      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
+      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
+      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.56.12",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.12.tgz",
+      "integrity": "sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.22",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.22.tgz",
+      "integrity": "sha512-eZUmSnhRX9YRSkplpz0N+k6NljUUn5l3EWZIKZvYzhvMphEuNiyyy1viH/ejgt66JWgALwC/gtSUAeQKtSwW/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.6.tgz",
+      "integrity": "sha512-3xhRnjJPkULekpSzgtoNYYcTWgEZkp4myc+Saevii5JPnHNvHMRlBSHDbs7Bh1iPPoVTERHEZXyhyLbMEsExsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/express/node_modules/@types/express-serve-static-core": {
+      "version": "4.19.6",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz",
+      "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/graceful-fs": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
+      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.16",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.16.tgz",
+      "integrity": "sha512-sdWoUajOB1cd0A8cRRQ1cfyWNbmFKLAqBB89Y8x5iYyG/mkJHc0YUH8pdWBy2omi9qtCpiIgGjuwO0dQST2l5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/katex": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz",
+      "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.15.29",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.29.tgz",
+      "integrity": "sha512-LNdjOkUDlU1RZb8e1kOIUpN1qQUlzGkEtbVNo53vbrwDg5om6oduhm4SiUaPW5ASTXhAiP0jInWG8Qx9fVlOeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz",
+      "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/prettier": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.3.tgz",
+      "integrity": "sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/q": {
+      "version": "1.5.8",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.8.tgz",
+      "integrity": "sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/resolve": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+      "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/semver": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.7.0.tgz",
+      "integrity": "sha512-k107IF4+Xr7UHjwDc7Cfd6PRQfbdkiRabXGRjo07b4WyPahFBZCZ1sE+BNxYIJPPg73UkfOsVOLwqVc/6ETrIA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "0.17.4",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
+      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
+      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.7",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
+      "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.36",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
+      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yargs": {
+      "version": "16.0.9",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
+      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
+      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.4.0",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/type-utils": "5.62.0",
+        "@typescript-eslint/utils": "5.62.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "natural-compare-lite": "^1.4.0",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^5.0.0",
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/experimental-utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.62.0.tgz",
+      "integrity": "sha512-RTXpeB3eMkpoclG3ZHft6vG/Z30azNHuqY6wKPBHlVMZFuEvrtlEDe8gMqDb+SO+9hjC/pLekeSCryf9vMZlCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "5.62.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
+      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "@typescript-eslint/utils": "5.62.0",
+        "debug": "^4.3.4",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
+      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@types/json-schema": "^7.0.9",
+        "@types/semver": "^7.3.12",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "eslint-scope": "^5.1.1",
+        "semver": "^7.3.7"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@uiw/codemirror-extensions-basic-setup": {
+      "version": "4.25.9",
+      "resolved": "https://registry.npmjs.org/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.25.9.tgz",
+      "integrity": "sha512-QFAqr+pu6lDmNpAlecODcF49TlsrZ0bj15zPzfhiqSDl+Um3EsDLFLppixC7kFLn+rdDM2LTvVjn5CPvefpRgw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@codemirror/autocomplete": ">=6.0.0",
+        "@codemirror/commands": ">=6.0.0",
+        "@codemirror/language": ">=6.0.0",
+        "@codemirror/lint": ">=6.0.0",
+        "@codemirror/search": ">=6.0.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0"
+      }
+    },
+    "node_modules/@uiw/react-codemirror": {
+      "version": "4.25.9",
+      "resolved": "https://registry.npmjs.org/@uiw/react-codemirror/-/react-codemirror-4.25.9.tgz",
+      "integrity": "sha512-HftqCBUYShAOH0pGi1CHP8vfm5L8fQ3+0j0VI6lQD6QpK+UBu3J7nxfEN5O/BXMilMNf9ZyFJRvRcuMMOLHMng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.6",
+        "@codemirror/commands": "^6.1.0",
+        "@codemirror/state": "^6.1.1",
+        "@codemirror/theme-one-dark": "^6.0.0",
+        "@uiw/codemirror-extensions-basic-setup": "4.25.9",
+        "codemirror": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@babel/runtime": ">=7.11.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/theme-one-dark": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0",
+        "codemirror": ">=6.0.0",
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+      "license": "MIT",
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/abbrev": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-globals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
+      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1"
+      }
+    },
+    "node_modules/acorn-globals/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/acorn-walk": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
+      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/address": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz",
+      "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/adjust-sourcemap-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
+      "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "regex-parser": "^2.2.11"
+      },
+      "engines": {
+        "node": ">=8.9"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-html": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.9.tgz",
+      "integrity": "sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==",
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "license": "Apache-2.0",
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "license": "Apache-2.0",
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.reduce": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/array.prototype.reduce/-/array.prototype.reduce-1.0.8.tgz",
+      "integrity": "sha512-DwuEqgXFBwbmZSRqt3BpQigWNUoqw9Ml2dTWdF3B2zQlQX4OeUE0zyuzX0fX0IbTvjdkZbcBTU3idgpO78qkTw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-array-method-boxes-properly": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "is-string": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+      "license": "MIT"
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "license": "MIT"
+    },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.21",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
+      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.24.4",
+        "caniuse-lite": "^1.0.30001702",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.10.3",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.3.tgz",
+      "integrity": "sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg==",
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/babel-jest": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-27.5.1.tgz",
+      "integrity": "sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/babel__core": "^7.1.14",
+        "babel-plugin-istanbul": "^6.1.1",
+        "babel-preset-jest": "^27.5.1",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.8.0"
+      }
+    },
+    "node_modules/babel-loader": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.4.1.tgz",
+      "integrity": "sha512-nXzRChX+Z1GoE6yWavBQg6jDslyFF3SDjl2paADuoQtQW10JqShJt62R6eJQ5m/pjJFDT8xgKIWSP85OY8eXeA==",
+      "license": "MIT",
+      "dependencies": {
+        "find-cache-dir": "^3.3.1",
+        "loader-utils": "^2.0.4",
+        "make-dir": "^3.1.0",
+        "schema-utils": "^2.6.5"
+      },
+      "engines": {
+        "node": ">= 8.9"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "webpack": ">=2"
+      }
+    },
+    "node_modules/babel-loader/node_modules/schema-utils": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
+      "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.5",
+        "ajv": "^6.12.4",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 8.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-jest-hoist": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz",
+      "integrity": "sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.3.3",
+        "@babel/types": "^7.3.3",
+        "@types/babel__core": "^7.0.0",
+        "@types/babel__traverse": "^7.0.6"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/babel-plugin-named-asset-import": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz",
+      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@babel/core": "^7.1.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.13",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz",
+      "integrity": "sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.4",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz",
+      "integrity": "sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.3",
+        "core-js-compat": "^3.40.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz",
+      "integrity": "sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-transform-react-remove-prop-types": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz",
+      "integrity": "sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==",
+      "license": "MIT"
+    },
+    "node_modules/babel-preset-current-node-syntax": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz",
+      "integrity": "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-bigint": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/babel-preset-jest": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz",
+      "integrity": "sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==",
+      "license": "MIT",
+      "dependencies": {
+        "babel-plugin-jest-hoist": "^27.5.1",
+        "babel-preset-current-node-syntax": "^1.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/babel-preset-react-app": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-react-app/-/babel-preset-react-app-10.1.0.tgz",
+      "integrity": "sha512-f9B1xMdnkCIqe+2dHrJsoQFRz7reChaAHE/65SdaykPklQqhme2WaC08oD3is77x9ff98/9EazAKFDZv5rFEQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.16.0",
+        "@babel/plugin-proposal-class-properties": "^7.16.0",
+        "@babel/plugin-proposal-decorators": "^7.16.4",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
+        "@babel/plugin-proposal-numeric-separator": "^7.16.0",
+        "@babel/plugin-proposal-optional-chaining": "^7.16.0",
+        "@babel/plugin-proposal-private-methods": "^7.16.0",
+        "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
+        "@babel/plugin-transform-flow-strip-types": "^7.16.0",
+        "@babel/plugin-transform-react-display-name": "^7.16.0",
+        "@babel/plugin-transform-runtime": "^7.16.4",
+        "@babel/preset-env": "^7.16.4",
+        "@babel/preset-react": "^7.16.0",
+        "@babel/preset-typescript": "^7.16.0",
+        "@babel/runtime": "^7.16.3",
+        "babel-plugin-macros": "^3.1.0",
+        "babel-plugin-transform-react-remove-prop-types": "^0.4.24"
+      }
+    },
+    "node_modules/babel-preset-react-app/node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz",
+      "integrity": "sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.18.6",
+        "@babel/helper-create-class-features-plugin": "^7.21.0",
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+      "license": "MIT"
+    },
+    "node_modules/bfj": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/bfj/-/bfj-7.1.0.tgz",
+      "integrity": "sha512-I6MMLkn+anzNdCUp9hMRyui1HaNEUCco50lxbvNS4+EyXg8lN3nJ48PjPWtbH8UVS9CuMoaKE9U2V3l29DaRQw==",
+      "license": "MIT",
+      "dependencies": {
+        "bluebird": "^3.7.2",
+        "check-types": "^11.2.3",
+        "hoopy": "^0.1.4",
+        "jsonpath": "^1.1.1",
+        "tryer": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "license": "MIT"
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/bonjour-service": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz",
+      "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "multicast-dns": "^7.2.5"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
+    "node_modules/browser-process-hrtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.0.tgz",
+      "integrity": "sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001718",
+        "electron-to-chromium": "^1.5.160",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "node-int64": "^0.4.0"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "license": "MIT",
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001721",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001721.tgz",
+      "integrity": "sha512-cOuvmUVtKrtEaoKiO0rSc29jcjwMwX5tOHDy4MgVFEWiUXj4uBMJkwI8MDySkgXidpMiHUcviogAvFi4pA2hDQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/case-sensitive-paths-webpack-plugin": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
+      "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/char-regex": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/check-types": {
+      "version": "11.2.3",
+      "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.2.3.tgz",
+      "integrity": "sha512-+67P1GkJRaxQD6PKK0Et9DhwQB+vGg3PM5+aavopCpZT1lj9jeqfvpgTLAWErNj8qApkkmXlu/Ug74kmhagkXg==",
+      "license": "MIT"
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
+      "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cjs-module-lexer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz",
+      "integrity": "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==",
+      "license": "MIT"
+    },
+    "node_modules/clean-css": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
+      "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/clean-css/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/coa": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/q": "^1.5.1",
+        "chalk": "^2.4.1",
+        "q": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/coa/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/coa/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/coa/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/coa/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "license": "MIT"
+    },
+    "node_modules/coa/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/coa/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/coa/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.2.tgz",
+      "integrity": "sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/collect-v8-coverage": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
+      "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
+      "license": "MIT"
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "license": "MIT"
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/common-tags": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
+      "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "license": "MIT"
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.0.tgz",
+      "integrity": "sha512-k6WLKfunuqCYD3t6AsuPGvQWaKwuLLh2/xHNcX4qE+vIfDNXpSqnrhwA7O53R7WVQUnt8dVAIW+YHr7xTgOgGA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "compressible": "~2.0.18",
+        "debug": "2.6.9",
+        "negotiator": "~0.6.4",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.2.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT"
+    },
+    "node_modules/config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "node_modules/confusing-browser-globals": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
+      "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==",
+      "license": "MIT"
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
+      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+      "license": "MIT"
+    },
+    "node_modules/core-js": {
+      "version": "3.42.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.42.0.tgz",
+      "integrity": "sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.42.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.42.0.tgz",
+      "integrity": "sha512-bQasjMfyDGyaeWKBIu33lHh9qlSR0MFE/Nmc6nMjf/iU9b3rSMdAYz1Baxrv4lPdGUsTqZudHA4jIGSJy0SWZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.24.4"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-pure": {
+      "version": "3.42.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.42.0.tgz",
+      "integrity": "sha512-007bM04u91fF4kMgwom2I5cQxAFIy8jVulgr9eozILl/SZE53QOqnW/+vviC+wQWLv+AunBG+8Q0TLoeSsSxRQ==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/css-blank-pseudo": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz",
+      "integrity": "sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.9"
+      },
+      "bin": {
+        "css-blank-pseudo": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/css-declaration-sorter": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz",
+      "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==",
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.9"
+      }
+    },
+    "node_modules/css-has-pseudo": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz",
+      "integrity": "sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.9"
+      },
+      "bin": {
+        "css-has-pseudo": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz",
+      "integrity": "sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==",
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.1.0",
+        "postcss": "^8.4.33",
+        "postcss-modules-extract-imports": "^3.1.0",
+        "postcss-modules-local-by-default": "^4.0.5",
+        "postcss-modules-scope": "^3.2.0",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.2.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz",
+      "integrity": "sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "cssnano": "^5.0.6",
+        "jest-worker": "^27.0.2",
+        "postcss": "^8.3.5",
+        "schema-utils": "^4.0.0",
+        "serialize-javascript": "^6.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@parcel/css": {
+          "optional": true
+        },
+        "clean-css": {
+          "optional": true
+        },
+        "csso": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/css-prefers-color-scheme": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz",
+      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==",
+      "license": "CC0-1.0",
+      "bin": {
+        "css-prefers-color-scheme": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-select-base-adapter": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
+      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==",
+      "license": "MIT"
+    },
+    "node_modules/css-tree": {
+      "version": "1.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.4",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-tree/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "license": "MIT"
+    },
+    "node_modules/cssdb": {
+      "version": "7.11.2",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.11.2.tgz",
+      "integrity": "sha512-lhQ32TFkc1X4eTefGfYPvgovRSzIMofHkigfH8nWtyRL4XJLsRhJFreRvEgKzept7x1rjBuy3J/MurXLaFxW/A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        }
+      ],
+      "license": "CC0-1.0"
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssnano": {
+      "version": "5.1.15",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.1.15.tgz",
+      "integrity": "sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==",
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-preset-default": "^5.2.14",
+        "lilconfig": "^2.0.3",
+        "yaml": "^1.10.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/cssnano"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-preset-default": {
+      "version": "5.2.14",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz",
+      "integrity": "sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==",
+      "license": "MIT",
+      "dependencies": {
+        "css-declaration-sorter": "^6.3.1",
+        "cssnano-utils": "^3.1.0",
+        "postcss-calc": "^8.2.3",
+        "postcss-colormin": "^5.3.1",
+        "postcss-convert-values": "^5.1.3",
+        "postcss-discard-comments": "^5.1.2",
+        "postcss-discard-duplicates": "^5.1.0",
+        "postcss-discard-empty": "^5.1.1",
+        "postcss-discard-overridden": "^5.1.0",
+        "postcss-merge-longhand": "^5.1.7",
+        "postcss-merge-rules": "^5.1.4",
+        "postcss-minify-font-values": "^5.1.0",
+        "postcss-minify-gradients": "^5.1.1",
+        "postcss-minify-params": "^5.1.4",
+        "postcss-minify-selectors": "^5.2.1",
+        "postcss-normalize-charset": "^5.1.0",
+        "postcss-normalize-display-values": "^5.1.0",
+        "postcss-normalize-positions": "^5.1.1",
+        "postcss-normalize-repeat-style": "^5.1.1",
+        "postcss-normalize-string": "^5.1.0",
+        "postcss-normalize-timing-functions": "^5.1.0",
+        "postcss-normalize-unicode": "^5.1.1",
+        "postcss-normalize-url": "^5.1.0",
+        "postcss-normalize-whitespace": "^5.1.1",
+        "postcss-ordered-values": "^5.1.3",
+        "postcss-reduce-initial": "^5.1.2",
+        "postcss-reduce-transforms": "^5.1.0",
+        "postcss-svgo": "^5.1.0",
+        "postcss-unique-selectors": "^5.1.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
+      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/csso/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cssom": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz",
+      "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==",
+      "license": "MIT"
+    },
+    "node_modules/cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "license": "MIT",
+      "dependencies": {
+        "cssom": "~0.3.6"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cssstyle/node_modules/cssom": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-urls": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz",
+      "integrity": "sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "abab": "^2.0.3",
+        "whatwg-mimetype": "^2.3.0",
+        "whatwg-url": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
+      "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
+      "license": "MIT"
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.2.0.tgz",
+      "integrity": "sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dedent": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
+      "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
+      "license": "MIT"
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/default-gateway": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz",
+      "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "execa": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-newline": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
+      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "license": "MIT"
+    },
+    "node_modules/detect-port-alt": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/detect-port-alt/-/detect-port-alt-1.1.6.tgz",
+      "integrity": "sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "address": "^1.0.1",
+        "debug": "^2.6.0"
+      },
+      "bin": {
+        "detect": "bin/detect-port",
+        "detect-port": "bin/detect-port"
+      },
+      "engines": {
+        "node": ">= 4.2.1"
+      }
+    },
+    "node_modules/detect-port-alt/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/detect-port-alt/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
+      "license": "MIT"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/diff-sequences": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
+      "integrity": "sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "license": "MIT"
+    },
+    "node_modules/dns-packet": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
+      "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@leichtgewicht/ip-codec": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "license": "MIT"
+    },
+    "node_modules/dom-converter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+      "license": "MIT",
+      "dependencies": {
+        "utila": "~0.4"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domexception": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz",
+      "integrity": "sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "license": "MIT",
+      "dependencies": {
+        "webidl-conversions": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/domexception/node_modules/webidl-conversions": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz",
+      "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz",
+      "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/dotenv-expand": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-5.1.0.tgz",
+      "integrity": "sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/duplexer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
+      "license": "MIT"
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
+    },
+    "node_modules/editorconfig": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.7.tgz",
+      "integrity": "sha512-e0GOtq/aTQhVdNyDU9e02+wz9oDDM+SIOQxWME2QRjzRX5yyLAuHDE+0aE8vHb9XRC8XD37eO2u57+F09JqFhw==",
+      "license": "MIT",
+      "dependencies": {
+        "@one-ini/wasm": "0.1.1",
+        "commander": "^10.0.0",
+        "minimatch": "^9.0.1",
+        "semver": "^7.5.3"
+      },
+      "bin": {
+        "editorconfig": "bin/editorconfig"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/brace-expansion": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/editorconfig/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.165",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.165.tgz",
+      "integrity": "sha512-naiMx1Z6Nb2TxPU6fiFrUrDTjyPMLdTtaOd2oLmG8zVSg2hCWGkhPyxwk+qRmZ1ytwVqUv0u7ZcDA5+ALhaUtw==",
+      "license": "ISC"
+    },
+    "node_modules/emittery": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
+      "integrity": "sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "license": "BSD-2-Clause",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-stack-parser": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
+      "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
+      "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-array-method-boxes-properly": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
+      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==",
+      "license": "MIT"
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/escodegen/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-react-app": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz",
+      "integrity": "sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.16.0",
+        "@babel/eslint-parser": "^7.16.3",
+        "@rushstack/eslint-patch": "^1.1.0",
+        "@typescript-eslint/eslint-plugin": "^5.5.0",
+        "@typescript-eslint/parser": "^5.5.0",
+        "babel-preset-react-app": "^10.0.1",
+        "confusing-browser-globals": "^1.0.11",
+        "eslint-plugin-flowtype": "^8.0.3",
+        "eslint-plugin-import": "^2.25.3",
+        "eslint-plugin-jest": "^25.3.0",
+        "eslint-plugin-jsx-a11y": "^6.5.1",
+        "eslint-plugin-react": "^7.27.1",
+        "eslint-plugin-react-hooks": "^4.3.0",
+        "eslint-plugin-testing-library": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^8.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-flowtype": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-8.0.3.tgz",
+      "integrity": "sha512-dX8l6qUL6O+fYPtpNRideCFSpmWOUVx5QcaGLVqe/vlDiBSe4vYljDWDETwnyFzpl7By/WVIu6rcrniCgH9BqQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "string-natural-compare": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@babel/plugin-syntax-flow": "^7.14.5",
+        "@babel/plugin-transform-react-jsx": "^7.14.9",
+        "eslint": "^8.1.0"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.8",
+        "array.prototype.findlastindex": "^1.2.5",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.0",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.15.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.0",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-jest": {
+      "version": "25.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-25.7.0.tgz",
+      "integrity": "sha512-PWLUEXeeF7C9QGKqvdSbzLOiLTx+bno7/HC9eefePfEb257QFHg7ye3dh80AZVkaa/RQsBB1Q/ORQvg2X7F0NQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/experimental-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": "^4.0.0 || ^5.0.0",
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@typescript-eslint/eslint-plugin": {
+          "optional": true
+        },
+        "jest": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
+      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library": {
+      "version": "5.11.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.11.1.tgz",
+      "integrity": "sha512-5eX9e1Kc2PqVRed3taaLnAAqPZGEX75C+M/rXzUAI3wIg/ZxzUm1OVAwfe/O+vE+6YXOLetSe9g5GKD2ecXipw==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^5.58.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-webpack-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint": "^7.29.0 || ^8.4.1",
+        "jest-worker": "^28.0.2",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/eslint-webpack-plugin/node_modules/jest-worker": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-28.1.3.tgz",
+      "integrity": "sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/eslint-webpack-plugin/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/eslint/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/eslint/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+      "license": "MIT"
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+      "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/expect": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-27.5.1.tgz",
+      "integrity": "sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.7.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.6.tgz",
+      "integrity": "sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/fb-watchman": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bser": "2.1.1"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/file-loader": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
+      "integrity": "sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==",
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/file-loader/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/filesize": {
+      "version": "8.0.7",
+      "resolved": "https://registry.npmjs.org/filesize/-/filesize-8.0.7.tgz",
+      "integrity": "sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/find-cache-dir": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+      "license": "MIT",
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fontkit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
+      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "^0.5.12",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "dfa": "^1.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "restructure": "^3.0.0",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.4.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin": {
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz",
+      "integrity": "sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.8.3",
+        "@types/json-schema": "^7.0.5",
+        "chalk": "^4.1.0",
+        "chokidar": "^3.4.2",
+        "cosmiconfig": "^6.0.0",
+        "deepmerge": "^4.2.2",
+        "fs-extra": "^9.0.0",
+        "glob": "^7.1.6",
+        "memfs": "^3.1.2",
+        "minimatch": "^3.0.4",
+        "schema-utils": "2.7.0",
+        "semver": "^7.3.2",
+        "tapable": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "yarn": ">=1.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">= 6",
+        "typescript": ">= 2.7",
+        "vue-template-compiler": "*",
+        "webpack": ">= 4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        },
+        "vue-template-compiler": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/cosmiconfig": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
+      "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.1.0",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.7.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/schema-utils": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
+      "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.4",
+        "ajv": "^6.12.2",
+        "ajv-keywords": "^3.4.1"
+      },
+      "engines": {
+        "node": ">= 8.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/tapable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
+      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.3.tgz",
+      "integrity": "sha512-q5YBMeWy6E2Un0nMGWMgI65MAKtaylxfNJGJxpGh45YDciZB4epbWpaAfImil6CPAPTYB4sh0URQNDRIZG5F2w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.35"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/fs-monkey": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.6.tgz",
+      "integrity": "sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==",
+      "license": "Unlicense"
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-own-enumerable-property-symbols": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz",
+      "integrity": "sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==",
+      "license": "ISC"
+    },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "license": "MIT",
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "license": "MIT"
+    },
+    "node_modules/gzip-size": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
+      "integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "duplexer": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "license": "MIT"
+    },
+    "node_modules/harmony-reflect": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/harmony-reflect/-/harmony-reflect-1.6.2.tgz",
+      "integrity": "sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==",
+      "license": "(Apache-2.0 OR MPL-1.1)"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hast-util-from-dom": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-5.0.1.tgz",
+      "integrity": "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==",
+      "license": "ISC",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hastscript": "^9.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-html": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
+      "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "devlop": "^1.1.0",
+        "hast-util-from-parse5": "^8.0.0",
+        "parse5": "^7.0.0",
+        "vfile": "^6.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-html-isomorphic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-2.0.0.tgz",
+      "integrity": "sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hast-util-from-dom": "^5.0.0",
+        "hast-util-from-html": "^2.0.0",
+        "unist-util-remove-position": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-html/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/hast-util-from-html/node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/hast-util-from-parse5": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz",
+      "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "devlop": "^1.0.0",
+        "hastscript": "^9.0.0",
+        "property-information": "^7.0.0",
+        "vfile": "^6.0.0",
+        "vfile-location": "^5.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-is-element": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
+      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-text": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
+      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "hast-util-is-element": "^3.0.0",
+        "unist-util-find-after": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hastscript": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
+      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/hoopy": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
+      "integrity": "sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "node_modules/hpack.js/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/hpack.js/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/hpack.js/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/hpack.js/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz",
+      "integrity": "sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/html-entities": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "license": "MIT"
+    },
+    "node_modules/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
+      "license": "MIT",
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "^5.2.2",
+        "commander": "^8.3.0",
+        "he": "^1.2.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.10.0"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/html-webpack-plugin": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz",
+      "integrity": "sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/html-minifier-terser": "^6.0.0",
+        "html-minifier-terser": "^6.0.2",
+        "lodash": "^4.17.21",
+        "pretty-error": "^4.0.0",
+        "tapable": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/html-webpack-plugin"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "webpack": "^5.20.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+      "license": "MIT"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-parser-js": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
+      "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==",
+      "license": "MIT"
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+      "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/once": "1",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/http-proxy-middleware": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
+      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-proxy": "^1.17.8",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.1",
+        "is-plain-obj": "^3.0.0",
+        "micromatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@types/express": "^4.17.13"
+      },
+      "peerDependenciesMeta": {
+        "@types/express": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/hyphenation.de": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/hyphenation.de/-/hyphenation.de-0.2.1.tgz",
+      "integrity": "sha512-s6Y4TFA8xWjRLneOPI6HV/+wzfm2c2yurTvFaXlznmsbeI6waZhMpxu94fSXGNGsrPxrzI1zTtYDEWeEeaANnw==",
+      "dependencies": {
+        "hypher": "*"
+      }
+    },
+    "node_modules/hyphenation.en-us": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/hyphenation.en-us/-/hyphenation.en-us-0.2.1.tgz",
+      "integrity": "sha512-ItXYgvIpfN8rfXl/GTBQC7DsSb5PPsKh9gGzViK/iWzCS5mvjDebFJ6xCcIYo8dal+nSp2rUzvTT7BosrKlL8A==",
+      "dependencies": {
+        "hypher": "*"
+      }
+    },
+    "node_modules/hypher": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/hypher/-/hypher-0.2.5.tgz",
+      "integrity": "sha512-kUTpuyzBWWDO2VakmjHC/cxesg4lKQP+Fdc+7lrK4yvjNjkV9vm5UTZMDAwOyyHTOpbkYrAMlNZHG61NnE9vYQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/idb": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
+      "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==",
+      "license": "ISC"
+    },
+    "node_modules/identity-obj-proxy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz",
+      "integrity": "sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==",
+      "license": "MIT",
+      "dependencies": {
+        "harmony-reflect": "^1.4.6"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.2.1.tgz",
+      "integrity": "sha512-rH+46sQJ2dlwfjfhCyNx5thzrv+dtmBIhPHk0zgRUukHzZ/kRueTJXoYYsclBaKcSMBWuGbOFXtioLpzTb5euw==",
+      "license": "MIT",
+      "dependencies": {
+        "queue": "6.0.2"
+      },
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=16.x"
+      }
+    },
+    "node_modules/immer": {
+      "version": "9.0.21",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.21.tgz",
+      "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-fresh/node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/import-local": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
+      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
+      "license": "MIT",
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC"
+    },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
+      "integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==",
+      "license": "MIT"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
+      "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
+      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.0",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+      "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
+      "license": "MIT"
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "integrity": "sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz",
+      "integrity": "sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-root": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-root/-/is-root-2.1.0.tgz",
+      "integrity": "sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
+      "license": "MIT"
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz",
+      "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
+      "integrity": "sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest/-/jest-27.5.1.tgz",
+      "integrity": "sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/core": "^27.5.1",
+        "import-local": "^3.0.2",
+        "jest-cli": "^27.5.1"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-changed-files": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-27.5.1.tgz",
+      "integrity": "sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "execa": "^5.0.0",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-circus": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-27.5.1.tgz",
+      "integrity": "sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "co": "^4.6.0",
+        "dedent": "^0.7.0",
+        "expect": "^27.5.1",
+        "is-generator-fn": "^2.0.0",
+        "jest-each": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "pretty-format": "^27.5.1",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-cli": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-27.5.1.tgz",
+      "integrity": "sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/core": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "import-local": "^3.0.2",
+        "jest-config": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "prompts": "^2.0.1",
+        "yargs": "^16.2.0"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-config": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-27.5.1.tgz",
+      "integrity": "sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.8.0",
+        "@jest/test-sequencer": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "babel-jest": "^27.5.1",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "deepmerge": "^4.2.2",
+        "glob": "^7.1.1",
+        "graceful-fs": "^4.2.9",
+        "jest-circus": "^27.5.1",
+        "jest-environment-jsdom": "^27.5.1",
+        "jest-environment-node": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "jest-jasmine2": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-runner": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "parse-json": "^5.2.0",
+        "pretty-format": "^27.5.1",
+        "slash": "^3.0.0",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-diff": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
+      "integrity": "sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-docblock": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-27.5.1.tgz",
+      "integrity": "sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "detect-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-each": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-27.5.1.tgz",
+      "integrity": "sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-environment-jsdom": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz",
+      "integrity": "sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "jest-mock": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jsdom": "^16.6.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-environment-node": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-27.5.1.tgz",
+      "integrity": "sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "jest-mock": "^27.5.1",
+        "jest-util": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-get-type": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
+      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-haste-map": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-27.5.1.tgz",
+      "integrity": "sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/graceful-fs": "^4.1.2",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^27.5.1",
+        "jest-serializer": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-worker": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.7"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-jasmine2": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz",
+      "integrity": "sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/source-map": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "co": "^4.6.0",
+        "expect": "^27.5.1",
+        "is-generator-fn": "^2.0.0",
+        "jest-each": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "pretty-format": "^27.5.1",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-leak-detector": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz",
+      "integrity": "sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "jest-get-type": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz",
+      "integrity": "sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "jest-diff": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-message-util": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-27.5.1.tgz",
+      "integrity": "sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^27.5.1",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^27.5.1",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-mock": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-27.5.1.tgz",
+      "integrity": "sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/node": "*"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-pnp-resolver": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
+      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "peerDependencies": {
+        "jest-resolve": "*"
+      },
+      "peerDependenciesMeta": {
+        "jest-resolve": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-regex-util": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-27.5.1.tgz",
+      "integrity": "sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-resolve": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-27.5.1.tgz",
+      "integrity": "sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-pnp-resolver": "^1.2.2",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "resolve": "^1.20.0",
+        "resolve.exports": "^1.1.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-resolve-dependencies": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz",
+      "integrity": "sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-snapshot": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-runner": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-27.5.1.tgz",
+      "integrity": "sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^27.5.1",
+        "@jest/environment": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "emittery": "^0.8.1",
+        "graceful-fs": "^4.2.9",
+        "jest-docblock": "^27.5.1",
+        "jest-environment-jsdom": "^27.5.1",
+        "jest-environment-node": "^27.5.1",
+        "jest-haste-map": "^27.5.1",
+        "jest-leak-detector": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-worker": "^27.5.1",
+        "source-map-support": "^0.5.6",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-runtime": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-27.5.1.tgz",
+      "integrity": "sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/globals": "^27.5.1",
+        "@jest/source-map": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "cjs-module-lexer": "^1.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "execa": "^5.0.0",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-mock": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "slash": "^3.0.0",
+        "strip-bom": "^4.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-serializer": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-serializer/-/jest-serializer-27.5.1.tgz",
+      "integrity": "sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "graceful-fs": "^4.2.9"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-snapshot": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-27.5.1.tgz",
+      "integrity": "sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.7.2",
+        "@babel/generator": "^7.7.2",
+        "@babel/plugin-syntax-typescript": "^7.7.2",
+        "@babel/traverse": "^7.7.2",
+        "@babel/types": "^7.0.0",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/babel__traverse": "^7.0.4",
+        "@types/prettier": "^2.1.5",
+        "babel-preset-current-node-syntax": "^1.0.0",
+        "chalk": "^4.0.0",
+        "expect": "^27.5.1",
+        "graceful-fs": "^4.2.9",
+        "jest-diff": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "jest-haste-map": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "natural-compare": "^1.4.0",
+        "pretty-format": "^27.5.1",
+        "semver": "^7.3.2"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-27.5.1.tgz",
+      "integrity": "sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-validate": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-27.5.1.tgz",
+      "integrity": "sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^27.5.1",
+        "leven": "^3.1.0",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/jest-watch-typeahead/-/jest-watch-typeahead-1.1.0.tgz",
+      "integrity": "sha512-Va5nLSJTN7YFtC2jd+7wsoe1pNe5K4ShLux/E5iHEwlB9AxaxmggY7to9KUqKojhaJw3aXqt5WAb4jGPOolpEw==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^4.3.1",
+        "chalk": "^4.0.0",
+        "jest-regex-util": "^28.0.0",
+        "jest-watcher": "^28.0.0",
+        "slash": "^4.0.0",
+        "string-length": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "jest": "^27.0.0 || ^28.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/@jest/console": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/@jest/console/-/console-28.1.3.tgz",
+      "integrity": "sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^28.1.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "jest-message-util": "^28.1.3",
+        "jest-util": "^28.1.3",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/@jest/console/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/@jest/test-result": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-28.1.3.tgz",
+      "integrity": "sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^28.1.3",
+        "@jest/types": "^28.1.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "collect-v8-coverage": "^1.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/@jest/types": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-28.1.3.tgz",
+      "integrity": "sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^28.1.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/@types/yargs": {
+      "version": "17.0.33",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
+      "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/emittery": {
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.10.2.tgz",
+      "integrity": "sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/jest-message-util": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-28.1.3.tgz",
+      "integrity": "sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^28.1.3",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^28.1.3",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/jest-message-util/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/jest-regex-util": {
+      "version": "28.0.2",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-28.0.2.tgz",
+      "integrity": "sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/jest-util": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-28.1.3.tgz",
+      "integrity": "sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^28.1.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/jest-watcher": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-28.1.3.tgz",
+      "integrity": "sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^28.1.3",
+        "@jest/types": "^28.1.3",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "emittery": "^0.10.2",
+        "jest-util": "^28.1.3",
+        "string-length": "^4.0.1"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/jest-watcher/node_modules/string-length": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
+      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+      "license": "MIT",
+      "dependencies": {
+        "char-regex": "^1.0.2",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/jest-watcher/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/pretty-format": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-28.1.3.tgz",
+      "integrity": "sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^28.1.3",
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/jest-watch-typeahead/node_modules/slash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/string-length": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/string-length/-/string-length-5.0.1.tgz",
+      "integrity": "sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==",
+      "license": "MIT",
+      "dependencies": {
+        "char-regex": "^2.0.0",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/string-length/node_modules/char-regex": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-2.0.2.tgz",
+      "integrity": "sha512-cbGOjAptfM2LVmWhwRFHEKTPkLwNddVmuqYZQt895yXwAsWsXObCG+YN4DGQ/JBtT4GP1a1lPPdio2z413LmTg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/jest-watch-typeahead/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/jest-watcher": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-27.5.1.tgz",
+      "integrity": "sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "jest-util": "^27.5.1",
+        "string-length": "^4.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-beautify": {
+      "version": "1.14.11",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.11.tgz",
+      "integrity": "sha512-rPogWqAfoYh1Ryqqh2agUpVfbxAhbjuN1SmU86dskQUKouRiggUTCO4+2ym9UPXllc2WAp0J+T5qxn7Um3lCdw==",
+      "license": "MIT",
+      "dependencies": {
+        "config-chain": "^1.1.13",
+        "editorconfig": "^1.0.3",
+        "glob": "^10.3.3",
+        "nopt": "^7.2.0"
+      },
+      "bin": {
+        "css-beautify": "js/bin/css-beautify.js",
+        "html-beautify": "js/bin/html-beautify.js",
+        "js-beautify": "js/bin/js-beautify.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-beautify/node_modules/brace-expansion": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/js-beautify/node_modules/glob": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/js-beautify/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "16.7.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-16.7.0.tgz",
+      "integrity": "sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==",
+      "license": "MIT",
+      "dependencies": {
+        "abab": "^2.0.5",
+        "acorn": "^8.2.4",
+        "acorn-globals": "^6.0.0",
+        "cssom": "^0.4.4",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^2.0.0",
+        "decimal.js": "^10.2.1",
+        "domexception": "^2.0.1",
+        "escodegen": "^2.0.0",
+        "form-data": "^3.0.0",
+        "html-encoding-sniffer": "^2.0.1",
+        "http-proxy-agent": "^4.0.1",
+        "https-proxy-agent": "^5.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.0",
+        "parse5": "6.0.1",
+        "saxes": "^5.0.1",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.0.0",
+        "w3c-hr-time": "^1.0.2",
+        "w3c-xmlserializer": "^2.0.0",
+        "webidl-conversions": "^6.1.0",
+        "whatwg-encoding": "^1.0.5",
+        "whatwg-mimetype": "^2.3.0",
+        "whatwg-url": "^8.5.0",
+        "ws": "^7.4.6",
+        "xml-name-validator": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "license": "(AFL-2.1 OR BSD-3-Clause)"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonpath": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jsonpath/-/jsonpath-1.1.1.tgz",
+      "integrity": "sha512-l6Cg7jRpixfbgoWgkrl77dgEj8RPvND0wMH6TwQmi9Qs4TFfS9u5cUFnbeKTwj5ga5Y3BTGGNI28k117LJ009w==",
+      "license": "MIT",
+      "dependencies": {
+        "esprima": "1.2.2",
+        "static-eval": "2.0.2",
+        "underscore": "1.12.1"
+      }
+    },
+    "node_modules/jsonpath/node_modules/esprima": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-1.2.2.tgz",
+      "integrity": "sha512-+JpPZam9w5DuJ3Q67SqsMGtiHKENSMRVoxvArfJZK01/BfLEObtZ6orJa/MtoGNR/rfMgp5837T41PAmTwAv/A==",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/jsonpointer": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz",
+      "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/katex": {
+      "version": "0.16.45",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.45.tgz",
+      "integrity": "sha512-pQpZbdBu7wCTmQUh7ufPmLr0pFoObnGUoL/yhtwJDgmmQpbkg/0HSVti25Fu4rmd1oCR6NGWe9vqTWuWv3GcNA==",
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^8.3.0"
+      },
+      "bin": {
+        "katex": "cli.js"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/klona": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/latex.js": {
+      "version": "0.12.6",
+      "resolved": "https://registry.npmjs.org/latex.js/-/latex.js-0.12.6.tgz",
+      "integrity": "sha512-spMTeSq9cP4vidMQuPgoYGKmsQTMElZhDtNF3NyLIRc03XkuuPvMA0tzb0ShS/otaIJrB7DIHDk0GL3knCisEw==",
+      "license": "MIT",
+      "dependencies": {
+        "commander": "8.x",
+        "fs-extra": "10.x",
+        "hyphenation.de": "*",
+        "hyphenation.en-us": "*",
+        "js-beautify": "1.14.x",
+        "stdin": "*",
+        "svgdom": "^0.1.8"
+      },
+      "bin": {
+        "latex.js": "bin/latex.js"
+      },
+      "engines": {
+        "node": ">= 14.0"
+      }
+    },
+    "node_modules/launch-editor": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.10.0.tgz",
+      "integrity": "sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==",
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "shell-quote": "^1.8.1"
+      }
+    },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.sortby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
+      "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "license": "MIT"
+    },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.544.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.544.0.tgz",
+      "integrity": "sha512-t5tS44bqd825zAW45UQxpG2CvcC4urOwn2TrwSH8u+MjeE+1NnWl6QqeQ/6NdjMqdOygyiT9p3Ev0p1NJykxjw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "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/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "license": "MIT",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tmpl": "1.0.5"
+      }
+    },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
+      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz",
+      "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz",
+      "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
+      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
+      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
+      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-math": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-math/-/mdast-util-math-3.0.0.tgz",
+      "integrity": "sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.1.0",
+        "unist-util-remove-position": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
+      "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memfs": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
+      "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
+      "license": "Unlicense",
+      "dependencies": {
+        "fs-monkey": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
+      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
+      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
+      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-math": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-math/-/micromark-extension-math-3.1.0.tgz",
+      "integrity": "sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/katex": "^0.16.0",
+        "devlop": "^1.0.0",
+        "katex": "^0.16.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mini-css-extract-plugin": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz",
+      "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==",
+      "license": "MIT",
+      "dependencies": {
+        "schema-utils": "^4.0.0",
+        "tapable": "^2.2.1"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "license": "ISC"
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/multicast-dns": {
+      "version": "7.2.5",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
+      "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
+      "license": "MIT",
+      "dependencies": {
+        "dns-packet": "^5.2.2",
+        "thunky": "^1.0.2"
+      },
+      "bin": {
+        "multicast-dns": "cli.js"
+      }
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "license": "MIT"
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "license": "MIT"
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
+      "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
+      "license": "(BSD-3-Clause OR GPL-2.0)",
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "license": "MIT"
+    },
+    "node_modules/nopt": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
+      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "^2.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-url": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
+      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.20",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.20.tgz",
+      "integrity": "sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==",
+      "license": "MIT"
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.getownpropertydescriptors": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz",
+      "integrity": "sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==",
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.reduce": "^1.0.6",
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "gopd": "^1.0.1",
+        "safe-array-concat": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "license": "MIT"
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-retry": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
+      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/retry": "0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "license": "BlueOak-1.0.0"
+    },
+    "node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
+      "license": "MIT"
+    },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "license": "MIT"
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-up": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz",
+      "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==",
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-up/node_modules/find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz",
+      "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-attribute-case-insensitive": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz",
+      "integrity": "sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-browser-comments": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz",
+      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==",
+      "license": "CC0-1.0",
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "browserslist": ">=4",
+        "postcss": ">=8"
+      }
+    },
+    "node_modules/postcss-calc": {
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-8.2.4.tgz",
+      "integrity": "sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.9",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.2"
+      }
+    },
+    "node_modules/postcss-clamp": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-clamp/-/postcss-clamp-4.1.0.tgz",
+      "integrity": "sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=7.6.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.6"
+      }
+    },
+    "node_modules/postcss-color-functional-notation": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz",
+      "integrity": "sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-color-hex-alpha": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz",
+      "integrity": "sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-color-rebeccapurple": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz",
+      "integrity": "sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-colormin": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-5.3.1.tgz",
+      "integrity": "sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "colord": "^2.9.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-convert-values": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz",
+      "integrity": "sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-custom-media": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz",
+      "integrity": "sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3"
+      }
+    },
+    "node_modules/postcss-custom-properties": {
+      "version": "12.1.11",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz",
+      "integrity": "sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-custom-selectors": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz",
+      "integrity": "sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3"
+      }
+    },
+    "node_modules/postcss-dir-pseudo-class": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz",
+      "integrity": "sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-discard-comments": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz",
+      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-duplicates": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
+      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-empty": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
+      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-overridden": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
+      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-double-position-gradients": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz",
+      "integrity": "sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-env-function": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-4.0.6.tgz",
+      "integrity": "sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-flexbugs-fixes": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz",
+      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "postcss": "^8.1.4"
+      }
+    },
+    "node_modules/postcss-focus-visible": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz",
+      "integrity": "sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.9"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-focus-within": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz",
+      "integrity": "sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.9"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-font-variant": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
+      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-gap-properties": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz",
+      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==",
+      "license": "CC0-1.0",
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-image-set-function": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz",
+      "integrity": "sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-initial": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
+      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-lab-function": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz",
+      "integrity": "sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/yaml": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.0.tgz",
+      "integrity": "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      }
+    },
+    "node_modules/postcss-loader": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz",
+      "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^7.0.0",
+        "klona": "^2.0.5",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "postcss": "^7.0.0 || ^8.0.1",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/postcss-logical": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz",
+      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==",
+      "license": "CC0-1.0",
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-media-minmax": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz",
+      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-merge-longhand": {
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz",
+      "integrity": "sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "stylehacks": "^5.1.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-merge-rules": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz",
+      "integrity": "sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "cssnano-utils": "^3.1.0",
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-font-values": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz",
+      "integrity": "sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-gradients": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz",
+      "integrity": "sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==",
+      "license": "MIT",
+      "dependencies": {
+        "colord": "^2.9.1",
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-params": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz",
+      "integrity": "sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-selectors": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz",
+      "integrity": "sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz",
+      "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz",
+      "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^7.0.0",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default/node_modules/postcss-selector-parser": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz",
+      "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-modules-scope": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz",
+      "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==",
+      "license": "ISC",
+      "dependencies": {
+        "postcss-selector-parser": "^7.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-scope/node_modules/postcss-selector-parser": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz",
+      "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "license": "ISC",
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-nesting": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-10.2.0.tgz",
+      "integrity": "sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-normalize": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize/-/postcss-normalize-10.0.1.tgz",
+      "integrity": "sha512-+5w18/rDev5mqERcG3W5GZNMJa1eoYYNGo8gB7tEwaos0ajk3ZXAI4mHGcNT47NE+ZnZD1pEpUOFLvltIwmeJA==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/normalize.css": "*",
+        "postcss-browser-comments": "^4",
+        "sanitize.css": "*"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4",
+        "postcss": ">= 8"
+      }
+    },
+    "node_modules/postcss-normalize-charset": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
+      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-display-values": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz",
+      "integrity": "sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-positions": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz",
+      "integrity": "sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-repeat-style": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz",
+      "integrity": "sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-string": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz",
+      "integrity": "sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-timing-functions": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz",
+      "integrity": "sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-unicode": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz",
+      "integrity": "sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-url": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz",
+      "integrity": "sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==",
+      "license": "MIT",
+      "dependencies": {
+        "normalize-url": "^6.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-whitespace": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz",
+      "integrity": "sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-opacity-percentage": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz",
+      "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==",
+      "funding": [
+        {
+          "type": "kofi",
+          "url": "https://ko-fi.com/mrcgrtz"
+        },
+        {
+          "type": "liberapay",
+          "url": "https://liberapay.com/mrcgrtz"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-ordered-values": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz",
+      "integrity": "sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-overflow-shorthand": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz",
+      "integrity": "sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-page-break": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
+      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "postcss": "^8"
+      }
+    },
+    "node_modules/postcss-place": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-7.0.5.tgz",
+      "integrity": "sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-preset-env": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz",
+      "integrity": "sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/postcss-cascade-layers": "^1.1.1",
+        "@csstools/postcss-color-function": "^1.1.1",
+        "@csstools/postcss-font-format-keywords": "^1.0.1",
+        "@csstools/postcss-hwb-function": "^1.0.2",
+        "@csstools/postcss-ic-unit": "^1.0.1",
+        "@csstools/postcss-is-pseudo-class": "^2.0.7",
+        "@csstools/postcss-nested-calc": "^1.0.0",
+        "@csstools/postcss-normalize-display-values": "^1.0.1",
+        "@csstools/postcss-oklab-function": "^1.1.1",
+        "@csstools/postcss-progressive-custom-properties": "^1.3.0",
+        "@csstools/postcss-stepped-value-functions": "^1.0.1",
+        "@csstools/postcss-text-decoration-shorthand": "^1.0.0",
+        "@csstools/postcss-trigonometric-functions": "^1.0.2",
+        "@csstools/postcss-unset-value": "^1.0.2",
+        "autoprefixer": "^10.4.13",
+        "browserslist": "^4.21.4",
+        "css-blank-pseudo": "^3.0.3",
+        "css-has-pseudo": "^3.0.4",
+        "css-prefers-color-scheme": "^6.0.3",
+        "cssdb": "^7.1.0",
+        "postcss-attribute-case-insensitive": "^5.0.2",
+        "postcss-clamp": "^4.1.0",
+        "postcss-color-functional-notation": "^4.2.4",
+        "postcss-color-hex-alpha": "^8.0.4",
+        "postcss-color-rebeccapurple": "^7.1.1",
+        "postcss-custom-media": "^8.0.2",
+        "postcss-custom-properties": "^12.1.10",
+        "postcss-custom-selectors": "^6.0.3",
+        "postcss-dir-pseudo-class": "^6.0.5",
+        "postcss-double-position-gradients": "^3.1.2",
+        "postcss-env-function": "^4.0.6",
+        "postcss-focus-visible": "^6.0.4",
+        "postcss-focus-within": "^5.0.4",
+        "postcss-font-variant": "^5.0.0",
+        "postcss-gap-properties": "^3.0.5",
+        "postcss-image-set-function": "^4.0.7",
+        "postcss-initial": "^4.0.1",
+        "postcss-lab-function": "^4.2.1",
+        "postcss-logical": "^5.0.4",
+        "postcss-media-minmax": "^5.0.0",
+        "postcss-nesting": "^10.2.0",
+        "postcss-opacity-percentage": "^1.1.2",
+        "postcss-overflow-shorthand": "^3.0.4",
+        "postcss-page-break": "^3.0.4",
+        "postcss-place": "^7.0.5",
+        "postcss-pseudo-class-any-link": "^7.1.6",
+        "postcss-replace-overflow-wrap": "^4.0.0",
+        "postcss-selector-not": "^6.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-pseudo-class-any-link": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz",
+      "integrity": "sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==",
+      "license": "CC0-1.0",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-reduce-initial": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz",
+      "integrity": "sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-reduce-transforms": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz",
+      "integrity": "sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-replace-overflow-wrap": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
+      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "postcss": "^8.0.3"
+      }
+    },
+    "node_modules/postcss-selector-not": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz",
+      "integrity": "sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-svgo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-5.1.0.tgz",
+      "integrity": "sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "svgo": "^2.7.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-svgo/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/postcss-svgo/node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/postcss-svgo/node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/postcss-svgo/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postcss-svgo/node_modules/svgo": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "license": "MIT",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/postcss-unique-selectors": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz",
+      "integrity": "sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/pretty-bytes": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
+      "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pretty-error": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
+      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.20",
+        "renderkid": "^3.0.0"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/promise": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
+      "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==",
+      "license": "MIT",
+      "dependencies": {
+        "asap": "~2.0.6"
+      }
+    },
+    "node_modules/prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "license": "ISC"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/proxy-addr/node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/psl": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/q": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+      "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
+      "deprecated": "You or someone you depend on is using Q, the JavaScript Promise library that gave JavaScript developers strong feelings about promises. They can almost certainly migrate to the native JavaScript promise now. Thank you literally everyone for joining me in this bet against the odds. Be excellent to each other.\n\n(For a CapTP with native promises, see @endo/eventual-send and @endo/captp)",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.0",
+        "teleport": ">=0.2.0"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "license": "MIT"
+    },
+    "node_modules/queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.3"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "license": "MIT",
+      "dependencies": {
+        "performance-now": "^2.1.0"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/raw-body/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
+      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-app-polyfill": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz",
+      "integrity": "sha512-sZ41cxiU5llIB003yxxQBYrARBqe0repqPTTYBTmMqTz9szeBbE37BehCE891NZsmdZqqP+xWKdT3eo3vOzN8w==",
+      "license": "MIT",
+      "dependencies": {
+        "core-js": "^3.19.2",
+        "object-assign": "^4.1.1",
+        "promise": "^8.1.0",
+        "raf": "^3.4.1",
+        "regenerator-runtime": "^0.13.9",
+        "whatwg-fetch": "^3.6.2"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/react-dev-utils": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
+      "integrity": "sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.16.0",
+        "address": "^1.1.2",
+        "browserslist": "^4.18.1",
+        "chalk": "^4.1.2",
+        "cross-spawn": "^7.0.3",
+        "detect-port-alt": "^1.1.6",
+        "escape-string-regexp": "^4.0.0",
+        "filesize": "^8.0.6",
+        "find-up": "^5.0.0",
+        "fork-ts-checker-webpack-plugin": "^6.5.0",
+        "global-modules": "^2.0.0",
+        "globby": "^11.0.4",
+        "gzip-size": "^6.0.0",
+        "immer": "^9.0.7",
+        "is-root": "^2.1.0",
+        "loader-utils": "^3.2.0",
+        "open": "^8.4.0",
+        "pkg-up": "^3.1.0",
+        "prompts": "^2.4.2",
+        "react-error-overlay": "^6.0.11",
+        "recursive-readdir": "^2.2.2",
+        "shell-quote": "^1.7.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/react-dev-utils/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/react-dev-utils/node_modules/loader-utils": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
+      "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/react-dev-utils/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/react-dev-utils/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/react-dev-utils/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
+      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.0"
+      }
+    },
+    "node_modules/react-error-overlay": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.1.0.tgz",
+      "integrity": "sha512-SN/U6Ytxf1QGkw/9ve5Y+NxBbZM6Ht95tuXNMKs8EJyFa/Vy/+Co3stop3KBHARfn/giv+Lj1uUnTfOJ3moFEQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "license": "MIT"
+    },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
+      "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-scripts": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
+      "integrity": "sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.16.0",
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
+        "@svgr/webpack": "^5.5.0",
+        "babel-jest": "^27.4.2",
+        "babel-loader": "^8.2.3",
+        "babel-plugin-named-asset-import": "^0.3.8",
+        "babel-preset-react-app": "^10.0.1",
+        "bfj": "^7.0.2",
+        "browserslist": "^4.18.1",
+        "camelcase": "^6.2.1",
+        "case-sensitive-paths-webpack-plugin": "^2.4.0",
+        "css-loader": "^6.5.1",
+        "css-minimizer-webpack-plugin": "^3.2.0",
+        "dotenv": "^10.0.0",
+        "dotenv-expand": "^5.1.0",
+        "eslint": "^8.3.0",
+        "eslint-config-react-app": "^7.0.1",
+        "eslint-webpack-plugin": "^3.1.1",
+        "file-loader": "^6.2.0",
+        "fs-extra": "^10.0.0",
+        "html-webpack-plugin": "^5.5.0",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^27.4.3",
+        "jest-resolve": "^27.4.2",
+        "jest-watch-typeahead": "^1.0.0",
+        "mini-css-extract-plugin": "^2.4.5",
+        "postcss": "^8.4.4",
+        "postcss-flexbugs-fixes": "^5.0.2",
+        "postcss-loader": "^6.2.1",
+        "postcss-normalize": "^10.0.1",
+        "postcss-preset-env": "^7.0.1",
+        "prompts": "^2.4.2",
+        "react-app-polyfill": "^3.0.0",
+        "react-dev-utils": "^12.0.1",
+        "react-refresh": "^0.11.0",
+        "resolve": "^1.20.0",
+        "resolve-url-loader": "^4.0.0",
+        "sass-loader": "^12.3.0",
+        "semver": "^7.3.5",
+        "source-map-loader": "^3.0.0",
+        "style-loader": "^3.3.1",
+        "tailwindcss": "^3.0.2",
+        "terser-webpack-plugin": "^5.2.5",
+        "webpack": "^5.64.4",
+        "webpack-dev-server": "^4.6.0",
+        "webpack-manifest-plugin": "^4.0.2",
+        "workbox-webpack-plugin": "^6.4.1"
+      },
+      "bin": {
+        "react-scripts": "bin/react-scripts.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      },
+      "peerDependencies": {
+        "react": ">= 16",
+        "typescript": "^3.2.1 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-scripts/node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/react-scripts/node_modules/tailwindcss": {
+      "version": "3.4.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
+      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.6",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/recursive-readdir": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+      "integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
+      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT"
+    },
+    "node_modules/regex-parser": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.1.tgz",
+      "integrity": "sha512-yXLRqatcCuKtVHsWrNg0JL3l1zGfdXeEvDa0bdu4tCDQw0RpMDZsqbkyRTUnKMR0tXF627V2oEWjBEaEdqTwtQ==",
+      "license": "MIT"
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz",
+      "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.2.0",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.12.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "license": "MIT"
+    },
+    "node_modules/regjsparser": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz",
+      "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~3.0.2"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/rehype-katex": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/rehype-katex/-/rehype-katex-7.0.1.tgz",
+      "integrity": "sha512-OiM2wrZ/wuhKkigASodFoo8wimG3H12LWQaH8qSPVJn9apWKFSH3YOCtbKpBorTVw/eI7cuT21XBbvwEswbIOA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/katex": "^0.16.0",
+        "hast-util-from-html-isomorphic": "^2.0.0",
+        "hast-util-to-text": "^4.0.0",
+        "katex": "^0.16.0",
+        "unist-util-visit-parents": "^6.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
+      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-math": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/remark-math/-/remark-math-6.0.0.tgz",
+      "integrity": "sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-math": "^3.0.0",
+        "micromark-extension-math": "^3.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz",
+      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/renderkid": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
+      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
+      "license": "MIT",
+      "dependencies": {
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^6.0.1"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "license": "MIT",
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-url-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz",
+      "integrity": "sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==",
+      "license": "MIT",
+      "dependencies": {
+        "adjust-sourcemap-loader": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "loader-utils": "^2.0.0",
+        "postcss": "^7.0.35",
+        "source-map": "0.6.1"
+      },
+      "engines": {
+        "node": ">=8.9"
+      },
+      "peerDependencies": {
+        "rework": "1.0.1",
+        "rework-visit": "1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rework": {
+          "optional": true
+        },
+        "rework-visit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/resolve-url-loader/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/resolve-url-loader/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "license": "ISC"
+    },
+    "node_modules/resolve-url-loader/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/resolve-url-loader/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve.exports": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-1.1.1.tgz",
+      "integrity": "sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/restructure": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
+      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==",
+      "license": "MIT"
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "2.79.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz",
+      "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
+      "license": "MIT",
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rollup-plugin-terser": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
+      "integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
+      "deprecated": "This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "jest-worker": "^26.2.1",
+        "serialize-javascript": "^4.0.0",
+        "terser": "^5.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.0.0"
+      }
+    },
+    "node_modules/rollup-plugin-terser/node_modules/jest-worker": {
+      "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
+      "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/rollup-plugin-terser/node_modules/serialize-javascript": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/sanitize.css": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz",
+      "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/sass-loader": {
+      "version": "12.6.0",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz",
+      "integrity": "sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==",
+      "license": "MIT",
+      "dependencies": {
+        "klona": "^2.0.4",
+        "neo-async": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "fibers": ">= 3.1.0",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
+        "sass": "^1.3.0",
+        "sass-embedded": "*",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "fibers": {
+          "optional": true
+        },
+        "node-sass": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "license": "ISC"
+    },
+    "node_modules/saxes": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz",
+      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "license": "MIT"
+    },
+    "node_modules/schema-utils": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
+      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+      "license": "MIT"
+    },
+    "node_modules/selfsigned": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
+      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node-forge": "^1.3.0",
+        "node-forge": "^1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/serve-index/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC"
+    },
+    "node_modules/sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "node_modules/source-list-map": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+      "license": "MIT"
+    },
+    "node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-loader": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.2.tgz",
+      "integrity": "sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==",
+      "license": "MIT",
+      "dependencies": {
+        "abab": "^2.0.5",
+        "iconv-lite": "^0.6.3",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+      "license": "MIT"
+    },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility",
+      "license": "MIT"
+    },
+    "node_modules/stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stack-utils/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stackframe": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
+      "license": "MIT"
+    },
+    "node_modules/static-eval": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/static-eval/-/static-eval-2.0.2.tgz",
+      "integrity": "sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==",
+      "license": "MIT",
+      "dependencies": {
+        "escodegen": "^1.8.1"
+      }
+    },
+    "node_modules/static-eval/node_modules/escodegen": {
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz",
+      "integrity": "sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^4.2.0",
+        "esutils": "^2.0.2",
+        "optionator": "^0.8.1"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/static-eval/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/static-eval/node_modules/levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/static-eval/node_modules/optionator": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "~0.1.3",
+        "fast-levenshtein": "~2.0.6",
+        "levn": "~0.3.0",
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2",
+        "word-wrap": "~1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/static-eval/node_modules/prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/static-eval/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/static-eval/node_modules/type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/stdin": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/stdin/-/stdin-0.0.1.tgz",
+      "integrity": "sha512-2bacd1TXzqOEsqRa+eEWkRdOSznwptrs4gqFcpMq5tOtmJUGPZd10W5Lam6wQ4YQ/+qjQt4e9u35yXCF6mrlfQ=="
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-length": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
+      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+      "license": "MIT",
+      "dependencies": {
+        "char-regex": "^1.0.2",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/string-natural-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/string-natural-compare/-/string-natural-compare-3.0.1.tgz",
+      "integrity": "sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==",
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/stringify-object": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz",
+      "integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "get-own-enumerable-property-symbols": "^3.0.0",
+        "is-obj": "^1.0.1",
+        "is-regexp": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-comments/-/strip-comments-2.0.1.tgz",
+      "integrity": "sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-loader": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
+      "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/style-mod": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.3.tgz",
+      "integrity": "sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ==",
+      "license": "MIT"
+    },
+    "node_modules/style-to-js": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.17.tgz",
+      "integrity": "sha512-xQcBGDxJb6jjFCTzvQtfiPn6YvvP2O8U1MDIPNfJQlWMYfktPy+iGsHE7cssjs7y84d9fQaK4UF3RIJaAHSoYA==",
+      "license": "MIT",
+      "dependencies": {
+        "style-to-object": "1.0.9"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.9.tgz",
+      "integrity": "sha512-G4qppLgKu/k6FwRpHiGiKPaPTFcG3g4wNVX/Qsfu+RqQM30E7Tyu/TEgxcL9PNLF5pdRLwQdE3YKKf+KF2Dzlw==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.4"
+      }
+    },
+    "node_modules/stylehacks": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
+      "integrity": "sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz",
+      "integrity": "sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
+      "license": "MIT"
+    },
+    "node_modules/svgdom": {
+      "version": "0.1.23",
+      "resolved": "https://registry.npmjs.org/svgdom/-/svgdom-0.1.23.tgz",
+      "integrity": "sha512-zTT8cz8rf07OCvRhTipJv+bt/MgL5Zm2ZF3IttK9zr/MKVDTrgo+usbDQMOK1PGzqDT7GA1SshnYlXvtafK7Fw==",
+      "license": "MIT",
+      "dependencies": {
+        "fontkit": "^2.0.4",
+        "image-size": "^1.2.1",
+        "sax": "^1.4.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Fuzzyma"
+      }
+    },
+    "node_modules/svgdom/node_modules/sax": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz",
+      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
+    "node_modules/svgo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+      "deprecated": "This SVGO version is no longer supported. Upgrade to v2.x.x.",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^2.4.1",
+        "coa": "^2.0.2",
+        "css-select": "^2.0.0",
+        "css-select-base-adapter": "^0.1.1",
+        "css-tree": "1.0.0-alpha.37",
+        "csso": "^4.0.2",
+        "js-yaml": "^3.13.1",
+        "mkdirp": "~0.5.1",
+        "object.values": "^1.1.0",
+        "sax": "~1.2.4",
+        "stable": "^0.1.8",
+        "unquote": "~1.1.1",
+        "util.promisify": "~1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/svgo/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/svgo/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/svgo/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/svgo/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "license": "MIT"
+    },
+    "node_modules/svgo/node_modules/css-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^3.2.1",
+        "domutils": "^1.7.0",
+        "nth-check": "^1.0.2"
+      }
+    },
+    "node_modules/svgo/node_modules/css-what": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/svgo/node_modules/dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/svgo/node_modules/domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/svgo/node_modules/domutils/node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/svgo/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/svgo/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/svgo/node_modules/nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "~1.0.0"
+      }
+    },
+    "node_modules/svgo/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz",
+      "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/temp-dir": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
+      "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tempy": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tempy/-/tempy-0.6.0.tgz",
+      "integrity": "sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-stream": "^2.0.0",
+        "temp-dir": "^2.0.0",
+        "type-fest": "^0.16.0",
+        "unique-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/tempy/node_modules/type-fest": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz",
+      "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/terminal-link": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
+      "integrity": "sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^4.2.1",
+        "supports-hyperlinks": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.40.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.40.0.tgz",
+      "integrity": "sha512-cfeKl/jjwSR5ar7d0FGmave9hFGJT8obyo0z+CrQOylLDbk7X81nPU6vq9VORa5jU30SkDnT2FXjLbR8HLP+xA==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.14.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.14",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
+      "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT"
+    },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "license": "MIT"
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/throat": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/throat/-/throat-6.0.2.tgz",
+      "integrity": "sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==",
+      "license": "MIT"
+    },
+    "node_modules/thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "license": "MIT"
+    },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
+      "license": "MIT"
+    },
+    "node_modules/tmpl": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-2.1.0.tgz",
+      "integrity": "sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/tryer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
+      "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==",
+      "license": "MIT"
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
+    "node_modules/tsutils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/underscore": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.12.1.tgz",
+      "integrity": "sha512-hEQt0+ZLDVUMhebKxL4x1BTtDY7bavVofhZ9KZ4aI26X9SRaE+Y3m83XUL1UP2jn8ynjndwCCpEHdUG+9pP1Tw==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unified/node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "license": "MIT",
+      "dependencies": {
+        "crypto-random-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/unist-util-find-after": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz",
+      "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
+      "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-remove-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
+      "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-visit": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
+      "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/unquote": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+      "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==",
+      "license": "MIT"
+    },
+    "node_modules/upath": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4",
+        "yarn": "*"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/util.promisify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
+      "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.2",
+        "has-symbols": "^1.0.1",
+        "object.getownpropertydescriptors": "^2.1.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v8-to-istanbul": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz",
+      "integrity": "sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==",
+      "license": "ISC",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^1.6.0",
+        "source-map": "^0.7.3"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/v8-to-istanbul/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-location": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
+      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/w3c-hr-time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
+      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
+      "license": "MIT",
+      "dependencies": {
+        "browser-process-hrtime": "^1.0.0"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz",
+      "integrity": "sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==",
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/walker": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "makeerror": "1.0.12"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
+      "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==",
+      "license": "MIT",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "license": "MIT",
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/web-namespaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
+      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/web-vitals": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-2.1.4.tgz",
+      "integrity": "sha512-sVWcwhU5mX6crfI5Vd2dC4qchyTqxV8URinzt25XqVh+bHEPGH4C3NPrNionCP7Obx59wrYEbNlw4Z8sjALzZg==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/webidl-conversions": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
+      "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=10.4"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.99.9",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.99.9.tgz",
+      "integrity": "sha512-brOPwM3JnmOa+7kd3NsmOUOwbDAj8FT9xDsG3IW0MgbN9yZV7Oi/s/+MNQ/EcSMqw7qfoRyXPoeEWT8zLVdVGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.1",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.11",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-middleware": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz",
+      "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^3.4.3",
+        "mime-types": "^2.1.31",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "4.15.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz",
+      "integrity": "sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/bonjour": "^3.5.9",
+        "@types/connect-history-api-fallback": "^1.3.5",
+        "@types/express": "^4.17.13",
+        "@types/serve-index": "^1.9.1",
+        "@types/serve-static": "^1.13.10",
+        "@types/sockjs": "^0.3.33",
+        "@types/ws": "^8.5.5",
+        "ansi-html-community": "^0.0.8",
+        "bonjour-service": "^1.0.11",
+        "chokidar": "^3.5.3",
+        "colorette": "^2.0.10",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^2.0.0",
+        "default-gateway": "^6.0.3",
+        "express": "^4.17.3",
+        "graceful-fs": "^4.2.6",
+        "html-entities": "^2.3.2",
+        "http-proxy-middleware": "^2.0.3",
+        "ipaddr.js": "^2.0.1",
+        "launch-editor": "^2.6.0",
+        "open": "^8.0.9",
+        "p-retry": "^4.5.0",
+        "rimraf": "^3.0.2",
+        "schema-utils": "^4.0.0",
+        "selfsigned": "^2.1.1",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.24",
+        "spdy": "^4.0.2",
+        "webpack-dev-middleware": "^5.3.4",
+        "ws": "^8.13.0"
+      },
+      "bin": {
+        "webpack-dev-server": "bin/webpack-dev-server.js"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.37.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ws": {
+      "version": "8.18.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.2.tgz",
+      "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-manifest-plugin": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/webpack-manifest-plugin/-/webpack-manifest-plugin-4.1.1.tgz",
+      "integrity": "sha512-YXUAwxtfKIJIKkhg03MKuiFAD72PlrqCiwdwO4VEXdRO5V0ORCNwaOwAZawPZalCbmH9kBDmXnNeQOw+BIEiow==",
+      "license": "MIT",
+      "dependencies": {
+        "tapable": "^2.0.0",
+        "webpack-sources": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.44.2 || ^5.47.0"
+      }
+    },
+    "node_modules/webpack-manifest-plugin/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/webpack-manifest-plugin/node_modules/webpack-sources": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-2.3.1.tgz",
+      "integrity": "sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==",
+      "license": "MIT",
+      "dependencies": {
+        "source-list-map": "^2.0.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.2.tgz",
+      "integrity": "sha512-ykKKus8lqlgXX/1WjudpIEjqsafjOTcOJqxnAbMLAu/KCsDCJ6GBtvscewvTkrn24HsnvFwrSCbenFrhtcCsAA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/webpack/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",
+      "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==",
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.4.24"
+      }
+    },
+    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/whatwg-fetch": {
+      "version": "3.6.20",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
+      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==",
+      "license": "MIT"
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
+      "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==",
+      "license": "MIT"
+    },
+    "node_modules/whatwg-url": {
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.7.0.tgz",
+      "integrity": "sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.7.0",
+        "tr46": "^2.1.0",
+        "webidl-conversions": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/workbox-background-sync": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-6.6.0.tgz",
+      "integrity": "sha512-jkf4ZdgOJxC9u2vztxLuPT/UjlH7m/nWRQ/MgGL0v8BJHoZdVGJd18Kck+a0e55wGXdqyHO+4IQTk0685g4MUw==",
+      "license": "MIT",
+      "dependencies": {
+        "idb": "^7.0.1",
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-broadcast-update": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-broadcast-update/-/workbox-broadcast-update-6.6.0.tgz",
+      "integrity": "sha512-nm+v6QmrIFaB/yokJmQ/93qIJ7n72NICxIwQwe5xsZiV2aI93MGGyEyzOzDPVz5THEr5rC3FJSsO3346cId64Q==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-build": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-build/-/workbox-build-6.6.0.tgz",
+      "integrity": "sha512-Tjf+gBwOTuGyZwMz2Nk/B13Fuyeo0Q84W++bebbVsfr9iLkDSo6j6PST8tET9HYA58mlRXwlMGpyWO8ETJiXdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@apideck/better-ajv-errors": "^0.3.1",
+        "@babel/core": "^7.11.1",
+        "@babel/preset-env": "^7.11.0",
+        "@babel/runtime": "^7.11.2",
+        "@rollup/plugin-babel": "^5.2.0",
+        "@rollup/plugin-node-resolve": "^11.2.1",
+        "@rollup/plugin-replace": "^2.4.1",
+        "@surma/rollup-plugin-off-main-thread": "^2.2.3",
+        "ajv": "^8.6.0",
+        "common-tags": "^1.8.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "fs-extra": "^9.0.1",
+        "glob": "^7.1.6",
+        "lodash": "^4.17.20",
+        "pretty-bytes": "^5.3.0",
+        "rollup": "^2.43.1",
+        "rollup-plugin-terser": "^7.0.0",
+        "source-map": "^0.8.0-beta.0",
+        "stringify-object": "^3.3.0",
+        "strip-comments": "^2.0.1",
+        "tempy": "^0.6.0",
+        "upath": "^1.2.0",
+        "workbox-background-sync": "6.6.0",
+        "workbox-broadcast-update": "6.6.0",
+        "workbox-cacheable-response": "6.6.0",
+        "workbox-core": "6.6.0",
+        "workbox-expiration": "6.6.0",
+        "workbox-google-analytics": "6.6.0",
+        "workbox-navigation-preload": "6.6.0",
+        "workbox-precaching": "6.6.0",
+        "workbox-range-requests": "6.6.0",
+        "workbox-recipes": "6.6.0",
+        "workbox-routing": "6.6.0",
+        "workbox-strategies": "6.6.0",
+        "workbox-streams": "6.6.0",
+        "workbox-sw": "6.6.0",
+        "workbox-window": "6.6.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/workbox-build/node_modules/@apideck/better-ajv-errors": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz",
+      "integrity": "sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==",
+      "license": "MIT",
+      "dependencies": {
+        "json-schema": "^0.4.0",
+        "jsonpointer": "^5.0.0",
+        "leven": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "ajv": ">=8"
+      }
+    },
+    "node_modules/workbox-build/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/workbox-build/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/workbox-build/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/workbox-build/node_modules/source-map": {
+      "version": "0.8.0-beta.0",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
+      "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "whatwg-url": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/workbox-build/node_modules/tr46": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
+      "integrity": "sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/workbox-build/node_modules/webidl-conversions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
+      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/workbox-build/node_modules/whatwg-url": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
+      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash.sortby": "^4.7.0",
+        "tr46": "^1.0.1",
+        "webidl-conversions": "^4.0.2"
+      }
+    },
+    "node_modules/workbox-cacheable-response": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-6.6.0.tgz",
+      "integrity": "sha512-JfhJUSQDwsF1Xv3EV1vWzSsCOZn4mQ38bWEBR3LdvOxSPgB65gAM6cS2CX8rkkKHRgiLrN7Wxoyu+TuH67kHrw==",
+      "deprecated": "workbox-background-sync@6.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-core": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-core/-/workbox-core-6.6.0.tgz",
+      "integrity": "sha512-GDtFRF7Yg3DD859PMbPAYPeJyg5gJYXuBQAC+wyrWuuXgpfoOrIQIvFRZnQ7+czTIQjIr1DhLEGFzZanAT/3bQ==",
+      "license": "MIT"
+    },
+    "node_modules/workbox-expiration": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-expiration/-/workbox-expiration-6.6.0.tgz",
+      "integrity": "sha512-baplYXcDHbe8vAo7GYvyAmlS4f6998Jff513L4XvlzAOxcl8F620O91guoJ5EOf5qeXG4cGdNZHkkVAPouFCpw==",
+      "license": "MIT",
+      "dependencies": {
+        "idb": "^7.0.1",
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-google-analytics": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-google-analytics/-/workbox-google-analytics-6.6.0.tgz",
+      "integrity": "sha512-p4DJa6OldXWd6M9zRl0H6vB9lkrmqYFkRQ2xEiNdBFp9U0LhsGO7hsBscVEyH9H2/3eZZt8c97NB2FD9U2NJ+Q==",
+      "deprecated": "It is not compatible with newer versions of GA starting with v4, as long as you are using GAv3 it should be ok, but the package is not longer being maintained",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-background-sync": "6.6.0",
+        "workbox-core": "6.6.0",
+        "workbox-routing": "6.6.0",
+        "workbox-strategies": "6.6.0"
+      }
+    },
+    "node_modules/workbox-navigation-preload": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-navigation-preload/-/workbox-navigation-preload-6.6.0.tgz",
+      "integrity": "sha512-utNEWG+uOfXdaZmvhshrh7KzhDu/1iMHyQOV6Aqup8Mm78D286ugu5k9MFD9SzBT5TcwgwSORVvInaXWbvKz9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-precaching": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-precaching/-/workbox-precaching-6.6.0.tgz",
+      "integrity": "sha512-eYu/7MqtRZN1IDttl/UQcSZFkHP7dnvr/X3Vn6Iw6OsPMruQHiVjjomDFCNtd8k2RdjLs0xiz9nq+t3YVBcWPw==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0",
+        "workbox-routing": "6.6.0",
+        "workbox-strategies": "6.6.0"
+      }
+    },
+    "node_modules/workbox-range-requests": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-range-requests/-/workbox-range-requests-6.6.0.tgz",
+      "integrity": "sha512-V3aICz5fLGq5DpSYEU8LxeXvsT//mRWzKrfBOIxzIdQnV/Wj7R+LyJVTczi4CQ4NwKhAaBVaSujI1cEjXW+hTw==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-recipes": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-recipes/-/workbox-recipes-6.6.0.tgz",
+      "integrity": "sha512-TFi3kTgYw73t5tg73yPVqQC8QQjxJSeqjXRO4ouE/CeypmP2O/xqmB/ZFBBQazLTPxILUQ0b8aeh0IuxVn9a6A==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-cacheable-response": "6.6.0",
+        "workbox-core": "6.6.0",
+        "workbox-expiration": "6.6.0",
+        "workbox-precaching": "6.6.0",
+        "workbox-routing": "6.6.0",
+        "workbox-strategies": "6.6.0"
+      }
+    },
+    "node_modules/workbox-routing": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-routing/-/workbox-routing-6.6.0.tgz",
+      "integrity": "sha512-x8gdN7VDBiLC03izAZRfU+WKUXJnbqt6PG9Uh0XuPRzJPpZGLKce/FkOX95dWHRpOHWLEq8RXzjW0O+POSkKvw==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-strategies": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-strategies/-/workbox-strategies-6.6.0.tgz",
+      "integrity": "sha512-eC07XGuINAKUWDnZeIPdRdVja4JQtTuc35TZ8SwMb1ztjp7Ddq2CJ4yqLvWzFWGlYI7CG/YGqaETntTxBGdKgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/workbox-streams": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-streams/-/workbox-streams-6.6.0.tgz",
+      "integrity": "sha512-rfMJLVvwuED09CnH1RnIep7L9+mj4ufkTyDPVaXPKlhi9+0czCu+SJggWCIFbPpJaAZmp2iyVGLqS3RUmY3fxg==",
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "6.6.0",
+        "workbox-routing": "6.6.0"
+      }
+    },
+    "node_modules/workbox-sw": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-sw/-/workbox-sw-6.6.0.tgz",
+      "integrity": "sha512-R2IkwDokbtHUE4Kus8pKO5+VkPHD2oqTgl+XJwh4zbF1HyjAbgNmK/FneZHVU7p03XUt9ICfuGDYISWG9qV/CQ==",
+      "license": "MIT"
+    },
+    "node_modules/workbox-webpack-plugin": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-webpack-plugin/-/workbox-webpack-plugin-6.6.0.tgz",
+      "integrity": "sha512-xNZIZHalboZU66Wa7x1YkjIqEy1gTR+zPM+kjrYJzqN7iurYZBctBLISyScjhkJKYuRrZUP0iqViZTh8rS0+3A==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-json-stable-stringify": "^2.1.0",
+        "pretty-bytes": "^5.4.1",
+        "upath": "^1.2.0",
+        "webpack-sources": "^1.4.3",
+        "workbox-build": "6.6.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.4.0 || ^5.9.0"
+      }
+    },
+    "node_modules/workbox-webpack-plugin/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/workbox-webpack-plugin/node_modules/webpack-sources": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "source-list-map": "^2.0.0",
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/workbox-window": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/workbox-window/-/workbox-window-6.6.0.tgz",
+      "integrity": "sha512-L4N9+vka17d16geaJXXRjENLFldvkWy7JyGxElRD0JvBxvFEd8LOhr+uXCcar/NzAmIBRv9EZ+M+Qr4mOoBITw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2",
+        "workbox-core": "6.6.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
+    "node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
+      "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "license": "MIT"
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..8d610b762405720a358cfa0e9909d3ad70714aaa
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,48 @@
+{
+  "name": "cybersecurity-panel-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@codemirror/legacy-modes": "^6.5.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@uiw/react-codemirror": "^4.25.9",
+    "katex": "^0.16.45",
+    "latex.js": "^0.12.6",
+    "lucide-react": "^0.544.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-markdown": "^10.1.0",
+    "react-scripts": "5.0.1",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..6c0d8335ddddfae0a3725bed3bf8bbf1055d0c59
--- /dev/null
+++ b/frontend/public/favicon.ico
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3d10f7da6c603178340081668c4ac5b3ae9743ca9a262ab0fcd312fbb9f48bdd
+size 3870
diff --git a/frontend/public/index.html b/frontend/public/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..b02b898904e8598c269393251656383e3fd21157
--- /dev/null
+++ b/frontend/public/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Cybersecurity Advisor — AI-powered security guidance from expert advisors"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>Cybersecurity Advisor</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/frontend/public/logo192.png b/frontend/public/logo192.png
new file mode 100644
index 0000000000000000000000000000000000000000..4652f36958ba722e822d2da52eb0e64ce4388341
--- /dev/null
+++ b/frontend/public/logo192.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c386396ec70db3608075b5fbfaac4ab1ccaa86ba05a68ab393ec551eb66c3e00
+size 5347
diff --git a/frontend/public/logo512.png b/frontend/public/logo512.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba6e512c930a5d395e72ef6a5daef2e83ac93586
--- /dev/null
+++ b/frontend/public/logo512.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9ea4f4da7050c0cc408926f6a39c253624e9babb1d43c7977cd821445a60b461
+size 9664
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..f681043b36a0c478b040f8423fd810b3adffb62f
--- /dev/null
+++ b/frontend/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "Cybersecurity Advisor",
+  "name": "Cybersecurity Advisor",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/frontend/public/neon-logo.png b/frontend/public/neon-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..648381c66bab703ed5e2eaf52d67284e0d8e78fb
--- /dev/null
+++ b/frontend/public/neon-logo.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9c9839f8c25e457a57c2d30bffefbf7d31607b071ad85004445054f899c5ec28
+size 130156
diff --git a/frontend/public/robots.txt b/frontend/public/robots.txt
new file mode 100644
index 0000000000000000000000000000000000000000..e9e57dc4d41b9b46e05112e9f45b7ea6ac0ba15e
--- /dev/null
+++ b/frontend/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/frontend/src/App.js b/frontend/src/App.js
new file mode 100644
index 0000000000000000000000000000000000000000..76e4f81964acb05cadec225cb5f3eb74f3af6d17
--- /dev/null
+++ b/frontend/src/App.js
@@ -0,0 +1,181 @@
+import React, { useState, useEffect } from 'react';
+import { ThemeProvider } from './contexts/ThemeContext';
+import { AppConfigProvider } from './contexts/AppConfigContext';
+import HomePage from './pages/HomePage';
+import ChatPage from './pages/ChatPage';
+import AuthPage from './pages/AuthPage';
+import CanvasPage from './pages/CanvasPage';
+import JourneyPage from './pages/JourneyPage';
+import UserGuide from './components/UserGuide';
+import './styles/components.css';
+
+function App() {
+  const [currentView, setCurrentView] = useState('home');
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const [user, setUser] = useState(null);
+  const [authToken, setAuthToken] = useState(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    const token = localStorage.getItem('authToken');
+    const userData = localStorage.getItem('user');
+
+    if (!token || !userData) return undefined;
+
+    let parsedUser;
+    try {
+      parsedUser = JSON.parse(userData);
+    } catch {
+      localStorage.removeItem('authToken');
+      localStorage.removeItem('user');
+      return undefined;
+    }
+
+    // Restore UI immediately, then prove the JWT still works. Stale tokens
+    // (rotated secret, deleted guest, etc.) previously left the user in chat
+    // with every API call 401'ing and send silently failing.
+    setAuthToken(token);
+    setUser(parsedUser);
+    setIsAuthenticated(true);
+    setCurrentView('chat');
+
+    (async () => {
+      try {
+        const apiUrl = process.env.REACT_APP_API_URL || '';
+        const resp = await fetch(`${apiUrl}/auth/me`, {
+          headers: { Authorization: `Bearer ${token}` },
+        });
+        if (cancelled) return;
+        if (!resp.ok) {
+          localStorage.removeItem('authToken');
+          localStorage.removeItem('user');
+          setUser(null);
+          setAuthToken(null);
+          setIsAuthenticated(false);
+          setCurrentView('home');
+          return;
+        }
+        const me = await resp.json();
+        if (cancelled || !me) return;
+        setUser(me);
+        try {
+          localStorage.setItem('user', JSON.stringify(me));
+        } catch { /* ignore quota */ }
+      } catch {
+        // Network blip — keep optimistic session; next API call will re-check.
+      }
+    })();
+
+    return () => { cancelled = true; };
+  }, []);
+
+  const navigateToAuth = () => {
+    setCurrentView('auth');
+  };
+
+  const navigateToJourney = () => {
+    setCurrentView('journey');
+  };
+
+  const navigateToCanvas = (canvasView) => {
+    if (canvasView === 'journey') {
+      setCurrentView('journey');
+      return;
+    }
+    if (['insights', 'workspace', 'deliverables'].includes(canvasView)) {
+      localStorage.setItem('canvas-view-v2', canvasView);
+    }
+    setCurrentView('canvas');
+  };
+
+  const navigateToChat = () => {
+    setCurrentView('chat');
+  };
+
+  const navigateToHome = () => {
+    setCurrentView('home');
+  };
+
+  const handleAuthSuccess = (userData, token) => {
+    setUser(userData);
+    setAuthToken(token);
+    setIsAuthenticated(true);
+    setCurrentView('chat');
+  };
+
+  const handleSignOut = () => {
+    localStorage.removeItem('authToken');
+    localStorage.removeItem('user');
+    try {
+      localStorage.removeItem('canvas-layout-v2');
+      localStorage.removeItem('canvas-states-v2');
+      localStorage.removeItem('canvas-deliverables-v2');
+      localStorage.removeItem('canvas-view-v2');
+      localStorage.removeItem('canvas-task-status-v1');
+    } catch { /* ignore */ }
+    setUser(null);
+    setAuthToken(null);
+    setIsAuthenticated(false);
+    setCurrentView('home');
+  };
+
+  return (
+    <AppConfigProvider>
+      <ThemeProvider>
+        <div className="App">
+          {currentView === 'home' && (
+            <HomePage
+              onNavigateToHome={navigateToHome}
+              onNavigateToChat={isAuthenticated ? navigateToChat : navigateToAuth}
+              onNavigateToCanvas={isAuthenticated ? navigateToCanvas : navigateToAuth}
+              onNavigateToJourney={isAuthenticated ? navigateToJourney : navigateToAuth}
+              onExploreAsGuest={handleAuthSuccess}
+              isAuthenticated={isAuthenticated}
+            />
+          )}
+          {currentView === 'auth' && (
+            <AuthPage onAuthSuccess={handleAuthSuccess} />
+          )}
+          {currentView === 'canvas' && isAuthenticated && (
+            <CanvasPage
+              user={user}
+              authToken={authToken}
+              onNavigateToHome={navigateToHome}
+              onNavigateToChat={navigateToChat}
+              onNavigateToJourney={navigateToJourney}
+              onNavigateToCanvas={navigateToCanvas}
+              onSignOut={handleSignOut}
+              onUserUpdate={setUser}
+            />
+          )}
+          {currentView === 'journey' && isAuthenticated && (
+            <JourneyPage
+              user={user}
+              authToken={authToken}
+              onNavigateToHome={navigateToHome}
+              onNavigateToChat={navigateToChat}
+              onNavigateToCanvas={navigateToCanvas}
+              onNavigateToJourney={navigateToJourney}
+              onSignOut={handleSignOut}
+              onUserUpdate={setUser}
+            />
+          )}
+          {currentView === 'chat' && isAuthenticated && (
+            <ChatPage
+              user={user}
+              authToken={authToken}
+              onNavigateToHome={navigateToHome}
+              onNavigateToCanvas={navigateToCanvas}
+              onNavigateToJourney={navigateToJourney}
+              onSignOut={handleSignOut}
+              onUserUpdate={setUser}
+            />
+          )}
+          <UserGuide />
+        </div>
+      </ThemeProvider>
+    </AppConfigProvider>
+  );
+}
+
+export default App;
diff --git a/frontend/src/App.test.js b/frontend/src/App.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..1f03afeece5ac28064fa3c73a29215037465f789
--- /dev/null
+++ b/frontend/src/App.test.js
@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});
diff --git a/frontend/src/components/AboutYouModal.js b/frontend/src/components/AboutYouModal.js
new file mode 100644
index 0000000000000000000000000000000000000000..2fc392dd224715712a35279adf6ea92f4b52b0e6
--- /dev/null
+++ b/frontend/src/components/AboutYouModal.js
@@ -0,0 +1,637 @@
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import ReactDOM from 'react-dom';
+import {
+  X, User as UserIcon, Sparkles, Check, Trash2, Pencil, Plus,
+  RefreshCw, Loader2, MessageSquareQuote, Eye,
+} from 'lucide-react';
+import ProfileWalkthrough from './ProfileWalkthrough';
+
+const FACT_CATEGORIES = [
+  { value: 'person', label: 'Person' },
+  { value: 'organization', label: 'Organization' },
+  { value: 'environment', label: 'Devices & environment' },
+  { value: 'needs', label: 'Needs' },
+  { value: 'preferences', label: 'Preferences' },
+];
+
+const overlay = {
+  position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.5)',
+  display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1000,
+};
+
+const modal = {
+  background: 'var(--bg-primary)', borderRadius: 16, padding: 0, width: 560,
+  maxWidth: '95vw', maxHeight: '85vh', overflow: 'hidden',
+  boxShadow: 'var(--shadow-xl)', display: 'flex', flexDirection: 'column',
+};
+
+const header = {
+  display: 'flex', justifyContent: 'space-between', alignItems: 'center',
+  padding: '20px 24px', borderBottom: '1px solid var(--border-primary)',
+};
+
+const tabRow = {
+  display: 'flex', gap: 4, padding: '12px 16px 0',
+  borderBottom: '1px solid var(--border-primary)',
+  flexWrap: 'wrap',
+};
+
+const tabBtn = (active) => ({
+  display: 'flex', alignItems: 'center', gap: 8,
+  padding: '10px 14px', minHeight: 44, background: 'transparent',
+  border: 'none', borderBottom: active ? '2px solid var(--accent-primary)' : '2px solid transparent',
+  color: active ? 'var(--accent-primary)' : 'var(--text-secondary)',
+  cursor: 'pointer', fontSize: 13.5, fontWeight: 500,
+  marginBottom: -1,
+});
+
+const body = { padding: 24, overflowY: 'auto', flex: 1 };
+
+const label = {
+  display: 'block', fontSize: 13, fontWeight: 600,
+  color: 'var(--text-secondary)', marginBottom: 6,
+};
+
+const input = {
+  width: '100%', padding: '10px 12px', borderRadius: 8, minHeight: 44,
+  border: '1px solid var(--border-primary)', background: 'var(--bg-secondary)',
+  color: 'var(--text-primary)', fontSize: 14, boxSizing: 'border-box',
+};
+
+const primaryBtn = {
+  padding: '10px 16px', minHeight: 44, background: 'var(--accent-primary)',
+  color: '#fff', border: 'none', borderRadius: 8,
+  cursor: 'pointer', fontSize: 14, fontWeight: 500,
+  display: 'inline-flex', alignItems: 'center', gap: 8,
+};
+
+const ghostBtn = {
+  padding: '10px 14px', minHeight: 44, minWidth: 44,
+  background: 'transparent', border: '1px solid var(--border-primary)',
+  borderRadius: 8, cursor: 'pointer', fontSize: 13, fontWeight: 500,
+  color: 'var(--text-primary)', display: 'inline-flex', alignItems: 'center',
+  justifyContent: 'center', gap: 6,
+};
+
+const sectionTitle = {
+  margin: '0 0 6px', fontSize: 15, fontWeight: 600, color: 'var(--text-primary)',
+};
+
+const sectionHint = {
+  margin: '0 0 14px', fontSize: 12.5, color: 'var(--text-secondary)', lineHeight: 1.45,
+};
+
+const factCard = {
+  border: '1px solid var(--border-primary)', borderRadius: 10,
+  padding: '12px 14px', marginBottom: 10,
+  background: 'var(--bg-secondary)',
+};
+
+const extractError = (data, fallback) => {
+  if (!data) return fallback;
+  if (typeof data.detail === 'string') return data.detail;
+  if (Array.isArray(data.detail) && data.detail[0]?.msg) return data.detail[0].msg;
+  return fallback;
+};
+
+const AboutYouModal = ({
+  authToken,
+  onClose,
+  existingProfile,
+  initialTab = 'about',
+}) => {
+  const [activeTab, setActiveTab] = useState(initialTab === 'profile' ? 'profile' : 'about');
+  const [facts, setFacts] = useState([]);
+  const [summaries, setSummaries] = useState({ short: '', long: '' });
+  const [loading, setLoading] = useState(true);
+  const [message, setMessage] = useState(null);
+  const [busyId, setBusyId] = useState(null);
+  const [regenerating, setRegenerating] = useState(false);
+  const [editingId, setEditingId] = useState(null);
+  const [editValue, setEditValue] = useState('');
+  const [showAdd, setShowAdd] = useState(false);
+  const [newFact, setNewFact] = useState({ category: 'person', key: '', value: '' });
+  const [adding, setAdding] = useState(false);
+
+  const apiUrl = process.env.REACT_APP_API_URL || '';
+  const mouseDownOnOverlay = useRef(false);
+
+  const handleOverlayMouseDown = (e) => {
+    mouseDownOnOverlay.current = e.target === e.currentTarget;
+  };
+  const handleOverlayMouseUp = (e) => {
+    if (mouseDownOnOverlay.current && e.target === e.currentTarget) onClose();
+    mouseDownOnOverlay.current = false;
+  };
+
+  const authHeaders = useCallback(() => ({
+    Authorization: `Bearer ${authToken}`,
+    'Content-Type': 'application/json',
+  }), [authToken]);
+
+  const loadData = useCallback(async () => {
+    setLoading(true);
+    setMessage(null);
+    try {
+      const [factsResp, sumsResp] = await Promise.all([
+        fetch(`${apiUrl}/api/users/me/facts`, { headers: { Authorization: `Bearer ${authToken}` } }),
+        fetch(`${apiUrl}/api/users/me/summaries`, { headers: { Authorization: `Bearer ${authToken}` } }),
+      ]);
+      if (factsResp.ok) {
+        const data = await factsResp.json();
+        setFacts(Array.isArray(data.facts) ? data.facts : []);
+      } else {
+        setMessage({ type: 'error', text: 'Could not load profile facts.' });
+      }
+      if (sumsResp.ok) {
+        const data = await sumsResp.json();
+        setSummaries({ short: data.short || '', long: data.long || '' });
+      }
+    } catch {
+      setMessage({ type: 'error', text: 'Network error loading knowledge profile.' });
+    } finally {
+      setLoading(false);
+    }
+  }, [apiUrl, authToken]);
+
+  useEffect(() => {
+    if (activeTab === 'about') loadData();
+  }, [activeTab, loadData]);
+
+  useEffect(() => {
+    setActiveTab(initialTab === 'profile' ? 'profile' : 'about');
+  }, [initialTab]);
+
+  const statedFacts = facts.filter((f) => f.source === 'stated');
+  const inferredFacts = facts.filter((f) => f.source === 'inferred');
+
+  const handleConfirm = async (fact) => {
+    setBusyId(fact.id);
+    setMessage(null);
+    try {
+      const resp = await fetch(`${apiUrl}/api/users/me/facts/${fact.id}`, {
+        method: 'PUT',
+        headers: authHeaders(),
+        body: JSON.stringify({ source: 'stated' }),
+      });
+      const data = await resp.json().catch(() => null);
+      if (!resp.ok) {
+        setMessage({ type: 'error', text: extractError(data, 'Could not confirm fact.') });
+        return;
+      }
+      setFacts((prev) => prev.map((f) => (f.id === fact.id ? { ...f, ...data, source: 'stated' } : f)));
+      setMessage({ type: 'success', text: 'Fact confirmed as something you told us.' });
+    } catch {
+      setMessage({ type: 'error', text: 'Network error.' });
+    } finally {
+      setBusyId(null);
+    }
+  };
+
+  const handleDelete = async (fact) => {
+    setBusyId(fact.id);
+    setMessage(null);
+    try {
+      const resp = await fetch(`${apiUrl}/api/users/me/facts/${fact.id}`, {
+        method: 'DELETE',
+        headers: { Authorization: `Bearer ${authToken}` },
+      });
+      if (!resp.ok && resp.status !== 204) {
+        const data = await resp.json().catch(() => null);
+        setMessage({ type: 'error', text: extractError(data, 'Could not delete fact.') });
+        return;
+      }
+      setFacts((prev) => prev.filter((f) => f.id !== fact.id));
+      if (editingId === fact.id) {
+        setEditingId(null);
+        setEditValue('');
+      }
+    } catch {
+      setMessage({ type: 'error', text: 'Network error.' });
+    } finally {
+      setBusyId(null);
+    }
+  };
+
+  const startEdit = (fact) => {
+    setEditingId(fact.id);
+    setEditValue(fact.value || '');
+    setMessage(null);
+  };
+
+  const cancelEdit = () => {
+    setEditingId(null);
+    setEditValue('');
+  };
+
+  const saveEdit = async (fact) => {
+    const trimmed = editValue.trim();
+    if (!trimmed) {
+      setMessage({ type: 'error', text: 'Value cannot be empty.' });
+      return;
+    }
+    setBusyId(fact.id);
+    setMessage(null);
+    try {
+      const resp = await fetch(`${apiUrl}/api/users/me/facts/${fact.id}`, {
+        method: 'PUT',
+        headers: authHeaders(),
+        body: JSON.stringify({ value: trimmed }),
+      });
+      const data = await resp.json().catch(() => null);
+      if (!resp.ok) {
+        setMessage({ type: 'error', text: extractError(data, 'Could not update fact.') });
+        return;
+      }
+      setFacts((prev) => prev.map((f) => (f.id === fact.id ? { ...f, ...data } : f)));
+      setEditingId(null);
+      setEditValue('');
+    } catch {
+      setMessage({ type: 'error', text: 'Network error.' });
+    } finally {
+      setBusyId(null);
+    }
+  };
+
+  const handleAdd = async () => {
+    const key = newFact.key.trim();
+    const value = newFact.value.trim();
+    if (!key || !value) {
+      setMessage({ type: 'error', text: 'Key and value are required.' });
+      return;
+    }
+    setAdding(true);
+    setMessage(null);
+    try {
+      const resp = await fetch(`${apiUrl}/api/users/me/facts`, {
+        method: 'POST',
+        headers: authHeaders(),
+        body: JSON.stringify({
+          category: newFact.category,
+          key,
+          value,
+        }),
+      });
+      const data = await resp.json().catch(() => null);
+      if (!resp.ok) {
+        setMessage({ type: 'error', text: extractError(data, 'Could not add fact.') });
+        return;
+      }
+      setFacts((prev) => [...prev, data]);
+      setNewFact({ category: 'person', key: '', value: '' });
+      setShowAdd(false);
+      setMessage({ type: 'success', text: 'Fact added.' });
+    } catch {
+      setMessage({ type: 'error', text: 'Network error.' });
+    } finally {
+      setAdding(false);
+    }
+  };
+
+  const handleRegenerate = async () => {
+    setRegenerating(true);
+    setMessage(null);
+    try {
+      const resp = await fetch(`${apiUrl}/api/users/me/summaries/regenerate`, {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${authToken}` },
+      });
+      const data = await resp.json().catch(() => null);
+      if (!resp.ok) {
+        setMessage({ type: 'error', text: extractError(data, 'Could not regenerate summaries.') });
+        return;
+      }
+      setSummaries({ short: data.short || '', long: data.long || '' });
+      setMessage({ type: 'success', text: 'Summaries regenerated.' });
+    } catch {
+      setMessage({ type: 'error', text: 'Network error.' });
+    } finally {
+      setRegenerating(false);
+    }
+  };
+
+  const messageStyle = (type) => ({
+    padding: '10px 12px', borderRadius: 8, marginBottom: 16, fontSize: 13,
+    background: type === 'error'
+      ? 'rgba(220,38,38,0.1)'
+      : type === 'success'
+        ? 'rgba(22,163,74,0.1)'
+        : 'var(--bg-secondary)',
+    color: type === 'error'
+      ? '#dc2626'
+      : type === 'success'
+        ? '#16a34a'
+        : 'var(--text-secondary)',
+    border: `1px solid ${
+      type === 'error'
+        ? 'rgba(220,38,38,0.3)'
+        : type === 'success'
+          ? 'rgba(22,163,74,0.3)'
+          : 'var(--border-primary)'
+    }`,
+  });
+
+  const formatKey = (key) => (key || '')
+    .replace(/_/g, ' ')
+    .replace(/\b\w/g, (c) => c.toUpperCase());
+
+  const renderFactRow = (fact, { inferred = false } = {}) => {
+    const isBusy = busyId === fact.id;
+    const isEditing = editingId === fact.id;
+
+    return (
+      <div key={fact.id} style={factCard}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', gap: 10, alignItems: 'flex-start' }}>
+          <div style={{ flex: 1, minWidth: 0 }}>
+            <div style={{
+              fontSize: 11, fontWeight: 600, textTransform: 'uppercase',
+              letterSpacing: '0.04em', color: 'var(--text-secondary)', marginBottom: 4,
+            }}>
+              {formatKey(fact.key)}
+              {fact.category ? (
+                <span style={{ fontWeight: 500, opacity: 0.75 }}> · {fact.category}</span>
+              ) : null}
+            </div>
+            {isEditing ? (
+              <textarea
+                value={editValue}
+                onChange={(e) => setEditValue(e.target.value)}
+                rows={2}
+                style={{ ...input, minHeight: 64, resize: 'vertical' }}
+                autoFocus
+              />
+            ) : (
+              <div style={{ fontSize: 14, color: 'var(--text-primary)', lineHeight: 1.45, wordBreak: 'break-word' }}>
+                {fact.value}
+              </div>
+            )}
+            {inferred && fact.confidence != null && (
+              <div style={{ marginTop: 6, fontSize: 11.5, color: 'var(--text-secondary)' }}>
+                Confidence: {Math.round(Number(fact.confidence) * 100)}%
+              </div>
+            )}
+          </div>
+        </div>
+
+        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8, marginTop: 12 }}>
+          {isEditing ? (
+            <>
+              <button
+                type="button"
+                onClick={() => saveEdit(fact)}
+                disabled={isBusy}
+                style={primaryBtn}
+              >
+                {isBusy ? <Loader2 size={16} style={{ animation: 'spin 1s linear infinite' }} /> : <Check size={16} />}
+                Save
+              </button>
+              <button type="button" onClick={cancelEdit} disabled={isBusy} style={ghostBtn}>
+                Cancel
+              </button>
+            </>
+          ) : inferred ? (
+            <>
+              <button
+                type="button"
+                onClick={() => handleConfirm(fact)}
+                disabled={isBusy}
+                style={primaryBtn}
+                title="Promote to something you told us"
+              >
+                {isBusy ? <Loader2 size={16} style={{ animation: 'spin 1s linear infinite' }} /> : <Check size={16} />}
+                Confirm
+              </button>
+              <button
+                type="button"
+                onClick={() => handleDelete(fact)}
+                disabled={isBusy}
+                style={{ ...ghostBtn, color: '#dc2626', borderColor: 'rgba(220,38,38,0.35)' }}
+              >
+                <Trash2 size={16} />
+                Delete
+              </button>
+            </>
+          ) : (
+            <>
+              <button type="button" onClick={() => startEdit(fact)} disabled={isBusy} style={ghostBtn}>
+                <Pencil size={16} />
+                Edit
+              </button>
+              <button
+                type="button"
+                onClick={() => handleDelete(fact)}
+                disabled={isBusy}
+                style={{ ...ghostBtn, color: '#dc2626', borderColor: 'rgba(220,38,38,0.35)' }}
+              >
+                <Trash2 size={16} />
+                Delete
+              </button>
+            </>
+          )}
+        </div>
+      </div>
+    );
+  };
+
+  const aboutContent = loading ? (
+    <div style={{ textAlign: 'center', padding: 40, color: 'var(--text-secondary)', fontSize: 14 }}>
+      <Loader2 size={22} style={{ animation: 'spin 1s linear infinite', marginBottom: 10 }} />
+      <div>Loading what we know about you…</div>
+    </div>
+  ) : (
+    <>
+      {/* Summaries */}
+      <section style={{ marginBottom: 28 }}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 12, marginBottom: 6 }}>
+          <h4 style={sectionTitle}>Your summary</h4>
+          <button
+            type="button"
+            onClick={handleRegenerate}
+            disabled={regenerating}
+            style={ghostBtn}
+          >
+            {regenerating
+              ? <Loader2 size={16} style={{ animation: 'spin 1s linear infinite' }} />
+              : <RefreshCw size={16} />}
+            Regenerate
+          </button>
+        </div>
+        <p style={sectionHint}>
+          Short and long previews built from your profile facts. Regenerate after confirming or editing facts.
+        </p>
+        <div style={{
+          border: '1px solid var(--border-primary)', borderRadius: 10,
+          padding: 14, marginBottom: 10, background: 'var(--bg-secondary)',
+        }}>
+          <div style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.04em', color: 'var(--text-secondary)', marginBottom: 6 }}>
+            Short
+          </div>
+          <div style={{ fontSize: 14, color: 'var(--text-primary)', lineHeight: 1.5, whiteSpace: 'pre-wrap' }}>
+            {summaries.short || <span style={{ color: 'var(--text-secondary)' }}>No short summary yet.</span>}
+          </div>
+        </div>
+        <div style={{
+          border: '1px solid var(--border-primary)', borderRadius: 10,
+          padding: 14, background: 'var(--bg-secondary)',
+        }}>
+          <div style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.04em', color: 'var(--text-secondary)', marginBottom: 6 }}>
+            Long
+          </div>
+          <div style={{ fontSize: 14, color: 'var(--text-primary)', lineHeight: 1.5, whiteSpace: 'pre-wrap' }}>
+            {summaries.long || <span style={{ color: 'var(--text-secondary)' }}>No long summary yet.</span>}
+          </div>
+        </div>
+      </section>
+
+      {/* Stated */}
+      <section style={{ marginBottom: 28 }}>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 6 }}>
+          <MessageSquareQuote size={18} style={{ color: 'var(--accent-primary)' }} />
+          <h4 style={{ ...sectionTitle, margin: 0 }}>Things you told us</h4>
+        </div>
+        <p style={sectionHint}>
+          Facts you stated explicitly — editable anytime.
+        </p>
+        {statedFacts.length === 0 ? (
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', margin: '0 0 12px' }}>
+            Nothing here yet. Add a fact or confirm something we noticed.
+          </p>
+        ) : (
+          statedFacts.map((f) => renderFactRow(f))
+        )}
+
+        {showAdd ? (
+          <div style={{ ...factCard, marginTop: 4 }}>
+            <div style={{ marginBottom: 12 }}>
+              <label style={label}>Category</label>
+              <select
+                value={newFact.category}
+                onChange={(e) => setNewFact((p) => ({ ...p, category: e.target.value }))}
+                style={input}
+              >
+                {FACT_CATEGORIES.map((c) => (
+                  <option key={c.value} value={c.value}>{c.label}</option>
+                ))}
+              </select>
+            </div>
+            <div style={{ marginBottom: 12 }}>
+              <label style={label}>Key</label>
+              <input
+                value={newFact.key}
+                onChange={(e) => setNewFact((p) => ({ ...p, key: e.target.value }))}
+                placeholder="e.g. role, employer, goal"
+                style={input}
+              />
+            </div>
+            <div style={{ marginBottom: 12 }}>
+              <label style={label}>Value</label>
+              <textarea
+                value={newFact.value}
+                onChange={(e) => setNewFact((p) => ({ ...p, value: e.target.value }))}
+                placeholder="What should we remember?"
+                rows={2}
+                style={{ ...input, minHeight: 64, resize: 'vertical' }}
+              />
+            </div>
+            <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
+              <button type="button" onClick={handleAdd} disabled={adding} style={primaryBtn}>
+                {adding ? <Loader2 size={16} style={{ animation: 'spin 1s linear infinite' }} /> : <Plus size={16} />}
+                Add fact
+              </button>
+              <button
+                type="button"
+                onClick={() => { setShowAdd(false); setNewFact({ category: 'person', key: '', value: '' }); }}
+                style={ghostBtn}
+              >
+                Cancel
+              </button>
+            </div>
+          </div>
+        ) : (
+          <button type="button" onClick={() => setShowAdd(true)} style={{ ...ghostBtn, marginTop: 4 }}>
+            <Plus size={16} />
+            Add fact
+          </button>
+        )}
+      </section>
+
+      {/* Inferred */}
+      <section>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 6 }}>
+          <Eye size={18} style={{ color: 'var(--accent-primary)' }} />
+          <h4 style={{ ...sectionTitle, margin: 0 }}>Things we noticed</h4>
+        </div>
+        <p style={sectionHint}>
+          Inferred from conversation. Confirm to keep, or delete if wrong.
+        </p>
+        {inferredFacts.length === 0 ? (
+          <p style={{ fontSize: 13, color: 'var(--text-secondary)', margin: 0 }}>
+            No inferred facts yet — they appear as you chat.
+          </p>
+        ) : (
+          inferredFacts.map((f) => renderFactRow(f, { inferred: true }))
+        )}
+      </section>
+    </>
+  );
+
+  return ReactDOM.createPortal(
+    <div style={overlay} onMouseDown={handleOverlayMouseDown} onMouseUp={handleOverlayMouseUp}>
+      <div style={modal} onClick={(e) => e.stopPropagation()}>
+        <div style={header}>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+            <Sparkles size={20} style={{ color: 'var(--accent-primary)' }} />
+            <h3 style={{ margin: 0, color: 'var(--text-primary)', fontSize: 18 }}>About You</h3>
+          </div>
+          <button
+            type="button"
+            onClick={onClose}
+            style={{
+              background: 'none', border: 'none', cursor: 'pointer',
+              color: 'var(--text-secondary)', minWidth: 44, minHeight: 44,
+              display: 'flex', alignItems: 'center', justifyContent: 'center',
+            }}
+          >
+            <X size={20} />
+          </button>
+        </div>
+
+        <div style={tabRow}>
+          <button
+            type="button"
+            style={tabBtn(activeTab === 'profile')}
+            onClick={() => { setActiveTab('profile'); setMessage(null); }}
+          >
+            <UserIcon size={15} /> Profile form
+          </button>
+          <button
+            type="button"
+            style={tabBtn(activeTab === 'about')}
+            onClick={() => { setActiveTab('about'); setMessage(null); }}
+          >
+            <Sparkles size={15} /> About You
+          </button>
+        </div>
+
+        <div style={body}>
+          {message && <div style={messageStyle(message.type)}>{message.text}</div>}
+
+          {activeTab === 'profile' ? (
+            <ProfileWalkthrough
+              authToken={authToken}
+              existingProfile={existingProfile}
+              embedded
+              onClose={onClose}
+            />
+          ) : (
+            aboutContent
+          )}
+        </div>
+      </div>
+      <style>{`@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }`}</style>
+    </div>,
+    document.body
+  );
+};
+
+export default AboutYouModal;
diff --git a/frontend/src/components/AdvisorCard.js b/frontend/src/components/AdvisorCard.js
new file mode 100644
index 0000000000000000000000000000000000000000..cf98a947b29864371d2c863373ba5433d8a1839e
--- /dev/null
+++ b/frontend/src/components/AdvisorCard.js
@@ -0,0 +1,47 @@
+import React, { useState } from 'react';
+import { Pencil } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import { useTheme } from '../contexts/ThemeContext';
+import AvatarPickerModal from './AvatarPickerModal';
+
+const AdvisorCard = ({ advisor, advisorId }) => {
+  const Icon = advisor.icon;
+  const { isDark } = useTheme();
+  const { getAdvisorColors } = useAppConfig();
+  const colors = getAdvisorColors(advisorId, isDark);
+  const [hovered, setHovered] = useState(false);
+  const [pickerOpen, setPickerOpen] = useState(false);
+
+  return (
+    <>
+      <div className="advisor-card">
+        <div
+          className="advisor-card-icon"
+          style={{ backgroundColor: colors.bgColor, position: 'relative', cursor: 'pointer', overflow: 'hidden' }}
+          onMouseEnter={() => setHovered(true)}
+          onMouseLeave={() => setHovered(false)}
+          onClick={() => setPickerOpen(true)}
+        >
+          {advisor.avatarUrl ? (
+            <img src={advisor.avatarUrl} alt={advisor.name} style={{ width: '100%', height: '100%', objectFit: 'cover', borderRadius: 'inherit' }} />
+          ) : (
+            <Icon style={{ color: colors.color }} />
+          )}
+          {hovered && (
+            <div style={{ position: 'absolute', inset: 0, borderRadius: 'inherit', background: 'rgba(0,0,0,0.45)', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+              <Pencil size={18} color="#fff" />
+            </div>
+          )}
+        </div>
+        <h3 className="advisor-card-title">{advisor.name}</h3>
+        <p className="advisor-card-role" style={{ color: colors.color }}>{advisor.role}</p>
+        <p className="advisor-card-description">{advisor.description}</p>
+      </div>
+      {pickerOpen && (
+        <AvatarPickerModal advisorId={advisorId} advisorName={advisor.name} onClose={() => setPickerOpen(false)} />
+      )}
+    </>
+  );
+};
+
+export default AdvisorCard;
diff --git a/frontend/src/components/AdvisorCarousel.js b/frontend/src/components/AdvisorCarousel.js
new file mode 100644
index 0000000000000000000000000000000000000000..c008847e5c5571380fa25cc3886d6f7035d39a34
--- /dev/null
+++ b/frontend/src/components/AdvisorCarousel.js
@@ -0,0 +1,109 @@
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import MessageBubble from './MessageBubble';
+
+/**
+ * Always show one advisor answer at a time with prev/next + dots.
+ * Messages should already be ordered most-relevant-first (orchestrator rank).
+ */
+const AdvisorCarousel = ({ messages = [], onReply, onExpand, onClick, onSearchReferences, userAvatarId, userAvatarOptions }) => {
+  const [activeIndex, setActiveIndex] = useState(0);
+  const containerRef = useRef(null);
+
+  useEffect(() => {
+    setActiveIndex(0);
+  }, [messages.map((m) => m.id).join('|')]);
+
+  const goPrev = useCallback(() => {
+    setActiveIndex(i => Math.max(0, i - 1));
+  }, []);
+
+  const goNext = useCallback(() => {
+    setActiveIndex(i => Math.min(messages.length - 1, i + 1));
+  }, [messages.length]);
+
+  if (messages.length === 1) {
+    return (
+      <div className="single-response-wide">
+        <MessageBubble
+          message={messages[0]}
+          onReply={onReply}
+          onExpand={onExpand}
+          onClick={onClick}
+          onSearchReferences={onSearchReferences}
+          showReplyButton={true}
+          userAvatarId={userAvatarId}
+          userAvatarOptions={userAvatarOptions}
+        />
+      </div>
+    );
+  }
+
+  return (
+    <div className="advisor-carousel carousel-mode" ref={containerRef}>
+      <button
+        className="carousel-arrow carousel-prev"
+        onClick={goPrev}
+        disabled={activeIndex === 0}
+        aria-label="Previous advisor"
+      >
+        <ChevronLeft size={20} />
+      </button>
+
+      <div className="carousel-viewport">
+        <div
+          className="carousel-track"
+          style={{
+            width: `${messages.length * 100}%`,
+            transform: `translateX(-${activeIndex * (100 / messages.length)}%)`,
+          }}
+        >
+          {messages.map(message => (
+            <div
+              key={message.id}
+              className="carousel-slide"
+              style={{ width: `${100 / messages.length}%` }}
+            >
+              <MessageBubble
+                message={message}
+                onReply={onReply}
+                onExpand={onExpand}
+                onClick={onClick}
+                onSearchReferences={onSearchReferences}
+                showReplyButton={true}
+                inlineAvatar={true}
+                userAvatarId={userAvatarId}
+                userAvatarOptions={userAvatarOptions}
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+
+      <button
+        className="carousel-arrow carousel-next"
+        onClick={goNext}
+        disabled={activeIndex === messages.length - 1}
+        aria-label="Next advisor"
+      >
+        <ChevronRight size={20} />
+      </button>
+
+      <div className="carousel-dots" role="tablist" aria-label="Advisor answers">
+        {messages.map((m, i) => (
+          <button
+            key={m.id}
+            type="button"
+            className={`carousel-dot ${i === activeIndex ? 'active' : ''}`}
+            onClick={() => setActiveIndex(i)}
+            aria-label={m.advisorName ? `Show ${m.advisorName}` : `Go to advisor ${i + 1}`}
+            aria-selected={i === activeIndex}
+            role="tab"
+          />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default AdvisorCarousel;
diff --git a/frontend/src/components/AdvisorStatusDropdown.js b/frontend/src/components/AdvisorStatusDropdown.js
new file mode 100644
index 0000000000000000000000000000000000000000..eaec978075187300c9418c2af5fb2ad3b2f973aa
--- /dev/null
+++ b/frontend/src/components/AdvisorStatusDropdown.js
@@ -0,0 +1,474 @@
+import React, { useState, useEffect } from 'react';
+import { Users, ChevronDown, Pencil } from 'lucide-react';
+import AvatarPickerModal from './AvatarPickerModal';
+
+const AdvisorStatusDropdown = ({
+  advisors,
+  activeAdvisorIds = [],
+  onToggleAdvisor,
+  onSetActiveAdvisors,
+  thinkingAdvisors,
+  getAdvisorColors,
+  isDark,
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [hoveredId, setHoveredId] = useState(null);
+  const [pickerAdvisor, setPickerAdvisor] = useState(null);
+
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (isOpen && !event.target.closest('.advisor-status-dropdown')) {
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [isOpen]);
+
+  if (!advisors || typeof advisors !== 'object') {
+    return null;
+  }
+
+  const advisorEntries = Object.entries(advisors);
+  const allIds = advisorEntries.map(([id]) => id);
+  const activeSet = new Set(activeAdvisorIds);
+  const activeCount = allIds.filter((id) => activeSet.has(id)).length;
+  const thinkingCount = Array.isArray(thinkingAdvisors)
+    ? thinkingAdvisors.filter((id) => id !== 'system' && activeSet.has(id)).length
+    : 0;
+  const totalAdvisors = advisorEntries.length;
+
+  const handleToggle = () => {
+    setIsOpen(!isOpen);
+  };
+
+  const handleCheckboxChange = (id, event) => {
+    event.stopPropagation();
+    if (onToggleAdvisor) {
+      onToggleAdvisor(id);
+    }
+  };
+
+  const selectAll = (event) => {
+    event.stopPropagation();
+    if (onSetActiveAdvisors) {
+      onSetActiveAdvisors([...allIds]);
+    }
+  };
+
+  const selectNone = (event) => {
+    event.stopPropagation();
+    if (onSetActiveAdvisors && allIds.length > 0) {
+      onSetActiveAdvisors([allIds[0]]);
+    }
+  };
+
+  return (
+    <div className="advisor-status-dropdown">
+      <button
+        type="button"
+        className={`advisor-status-button ${isOpen ? 'open' : ''}`}
+        onClick={handleToggle}
+        title="Choose which advisors are active"
+        aria-expanded={isOpen}
+        aria-haspopup="listbox"
+      >
+        <div className="advisor-status-info">
+          <Users size={16} />
+          <span className="advisor-count">
+            {activeCount}/{totalAdvisors} Active
+          </span>
+          {thinkingCount > 0 && (
+            <div className="thinking-badge">
+              {thinkingCount} thinking
+            </div>
+          )}
+        </div>
+        <ChevronDown size={14} className={`dropdown-arrow ${isOpen ? 'rotated' : ''}`} />
+      </button>
+
+      {pickerAdvisor && (
+        <AvatarPickerModal
+          advisorId={pickerAdvisor.id}
+          advisorName={pickerAdvisor.name}
+          onClose={() => setPickerAdvisor(null)}
+        />
+      )}
+      {isOpen && (
+        <div className="advisor-dropdown-panel" role="listbox" aria-label="Active advisors">
+          <div className="advisor-panel-header">
+            <div className="advisor-panel-title">Active advisors</div>
+            <div className="advisor-panel-subtitle">
+              Only checked advisors respond to your messages.
+            </div>
+            <div className="advisor-panel-actions">
+              <button type="button" className="advisor-panel-link" onClick={selectAll}>
+                Select all
+              </button>
+              <span className="advisor-panel-sep">·</span>
+              <button type="button" className="advisor-panel-link" onClick={selectNone}>
+                Minimize
+              </button>
+            </div>
+          </div>
+          <div className="advisor-list">
+            {advisorEntries.map(([id, advisor]) => {
+              const IconComponent = advisor.icon;
+              const colors = getAdvisorColors(id, isDark);
+              const isThinking = Array.isArray(thinkingAdvisors) && thinkingAdvisors.includes(id);
+              const isActive = activeSet.has(id);
+
+              return (
+                <div
+                  key={id}
+                  className={`advisor-item ${isThinking ? 'thinking' : ''} ${isActive ? '' : 'inactive'}`}
+                  style={{ '--advisor-color': colors.color, '--advisor-bg': colors.bgColor }}
+                >
+                  <label className="advisor-active-toggle" onClick={(e) => e.stopPropagation()}>
+                    <input
+                      type="checkbox"
+                      checked={isActive}
+                      onChange={(e) => handleCheckboxChange(id, e)}
+                      aria-label={`${isActive ? 'Deactivate' : 'Activate'} ${advisor.name}`}
+                    />
+                  </label>
+                  <div
+                    className="advisor-icon"
+                    role="button"
+                    tabIndex={0}
+                    onKeyDown={(e) => {
+                      if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        setPickerAdvisor({ id, name: advisor.name });
+                      }
+                    }}
+                    onClick={() => setPickerAdvisor({ id, name: advisor.name })}
+                    onMouseEnter={() => setHoveredId(id)}
+                    onMouseLeave={() => setHoveredId(null)}
+                  >
+                    {advisor.avatarUrl
+                      ? <img src={advisor.avatarUrl} alt={advisor.name} />
+                      : <IconComponent size={16} />}
+                    {hoveredId === id && (
+                      <div className="advisor-icon-edit">
+                        <Pencil size={10} color="#fff" />
+                      </div>
+                    )}
+                  </div>
+                  <div className="advisor-details">
+                    <div className="advisor-name">{advisor.name}</div>
+                    <div className="advisor-description">{advisor.description}</div>
+                  </div>
+                  <div className="advisor-status">
+                    {!isActive ? (
+                      <div className="status-inactive">Off</div>
+                    ) : isThinking ? (
+                      <div className="status-thinking">
+                        <div className="thinking-dots">
+                          <div className="dot" />
+                          <div className="dot" />
+                          <div className="dot" />
+                        </div>
+                      </div>
+                    ) : (
+                      <div className="status-ready">Ready</div>
+                    )}
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      )}
+
+      <style>{`
+        .advisor-status-dropdown {
+          position: relative;
+          display: inline-block;
+        }
+
+        .advisor-status-button {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          padding: 8px 12px;
+          background: var(--bg-primary);
+          border: 1px solid var(--border-primary);
+          border-radius: 12px;
+          cursor: pointer;
+          transition: all 0.2s ease;
+          font-size: 13px;
+          min-width: 140px;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+          color: var(--text-primary);
+        }
+
+        .advisor-status-button:hover {
+          background: var(--bg-secondary);
+          border-color: var(--accent-primary);
+          transform: translateY(-1px);
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .advisor-status-button.open {
+          background: var(--bg-secondary);
+          border-color: var(--accent-primary);
+        }
+
+        .advisor-status-info {
+          display: flex;
+          align-items: center;
+          gap: 6px;
+          flex: 1;
+        }
+
+        .advisor-count {
+          font-weight: 600;
+          color: var(--text-primary);
+          white-space: nowrap;
+        }
+
+        .thinking-badge {
+          background: var(--accent-primary);
+          color: white;
+          padding: 2px 6px;
+          border-radius: 8px;
+          font-size: 10px;
+          font-weight: 600;
+          animation: pulse 2s ease-in-out infinite;
+        }
+
+        .dropdown-arrow {
+          color: var(--text-secondary);
+          transition: transform 0.2s ease;
+          flex-shrink: 0;
+        }
+
+        .dropdown-arrow.rotated {
+          transform: rotate(180deg);
+        }
+
+        .advisor-dropdown-panel {
+          position: absolute;
+          top: calc(100% + 8px);
+          right: 0;
+          min-width: 300px;
+          max-width: 340px;
+          background: var(--bg-primary);
+          border: 1px solid var(--border-primary);
+          border-radius: 12px;
+          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
+          z-index: 1000;
+          overflow: hidden;
+          backdrop-filter: blur(20px);
+          -webkit-backdrop-filter: blur(20px);
+        }
+
+        [data-theme="dark"] .advisor-dropdown-panel {
+          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
+        }
+
+        .advisor-panel-header {
+          padding: 12px 16px 8px;
+          border-bottom: 1px solid var(--border-primary);
+        }
+
+        .advisor-panel-title {
+          font-size: 13px;
+          font-weight: 600;
+          color: var(--text-primary);
+        }
+
+        .advisor-panel-subtitle {
+          font-size: 11px;
+          color: var(--text-secondary);
+          margin-top: 2px;
+          line-height: 1.35;
+        }
+
+        .advisor-panel-actions {
+          margin-top: 8px;
+          display: flex;
+          align-items: center;
+          gap: 6px;
+        }
+
+        .advisor-panel-link {
+          background: none;
+          border: none;
+          padding: 0;
+          font-size: 11px;
+          font-weight: 600;
+          color: var(--accent-primary);
+          cursor: pointer;
+        }
+
+        .advisor-panel-link:hover {
+          text-decoration: underline;
+        }
+
+        .advisor-panel-sep {
+          color: var(--text-tertiary);
+          font-size: 11px;
+        }
+
+        .advisor-list {
+          max-height: 320px;
+          overflow-y: auto;
+          scrollbar-width: thin;
+          scrollbar-color: var(--border-primary) transparent;
+        }
+
+        .advisor-item {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          padding: 10px 14px;
+          border-bottom: 1px solid var(--border-primary);
+          transition: background-color 0.2s ease, opacity 0.2s ease;
+        }
+
+        .advisor-item.inactive {
+          opacity: 0.55;
+        }
+
+        .advisor-item:last-child {
+          border-bottom: none;
+        }
+
+        .advisor-item:hover {
+          background: var(--bg-secondary);
+        }
+
+        .advisor-item.thinking {
+          background: var(--advisor-bg);
+          opacity: 1;
+        }
+
+        .advisor-active-toggle {
+          display: flex;
+          align-items: center;
+          flex-shrink: 0;
+          cursor: pointer;
+        }
+
+        .advisor-active-toggle input {
+          width: 16px;
+          height: 16px;
+          accent-color: var(--accent-primary);
+          cursor: pointer;
+        }
+
+        .advisor-icon {
+          position: relative;
+          cursor: pointer;
+          overflow: hidden;
+          width: 32px;
+          height: 32px;
+          border-radius: 8px;
+          flex-shrink: 0;
+          background: var(--advisor-bg);
+          color: var(--advisor-color);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          border: 1px solid var(--advisor-color);
+        }
+
+        .advisor-icon img {
+          width: 32px;
+          height: 32px;
+          object-fit: cover;
+          display: block;
+        }
+
+        .advisor-icon-edit {
+          position: absolute;
+          inset: 0;
+          border-radius: 8px;
+          background: rgba(0, 0, 0, 0.45);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .advisor-details {
+          flex: 1;
+          min-width: 0;
+        }
+
+        .advisor-name {
+          font-weight: 600;
+          color: var(--text-primary);
+          font-size: 13px;
+          margin-bottom: 2px;
+        }
+
+        .advisor-description {
+          font-size: 11px;
+          color: var(--text-secondary);
+          line-height: 1.3;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .advisor-status {
+          flex-shrink: 0;
+        }
+
+        .status-inactive {
+          font-size: 11px;
+          color: var(--text-tertiary);
+          font-weight: 500;
+        }
+
+        .status-thinking {
+          display: flex;
+          align-items: center;
+        }
+
+        .thinking-dots {
+          display: flex;
+          gap: 2px;
+        }
+
+        .thinking-dots .dot {
+          width: 4px;
+          height: 4px;
+          background: var(--advisor-color);
+          border-radius: 50%;
+          animation: thinking-bounce 1.4s infinite ease-in-out both;
+        }
+
+        .thinking-dots .dot:nth-child(1) { animation-delay: -0.32s; }
+        .thinking-dots .dot:nth-child(2) { animation-delay: -0.16s; }
+
+        .status-ready {
+          font-size: 11px;
+          color: var(--text-tertiary);
+          font-weight: 500;
+        }
+
+        @keyframes thinking-bounce {
+          0%, 80%, 100% { transform: scale(0); }
+          40% { transform: scale(1); }
+        }
+
+        @keyframes pulse {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.7; }
+        }
+
+        @media (max-width: 768px) {
+          .advisor-status-dropdown {
+            display: none;
+          }
+        }
+      `}</style>
+    </div>
+  );
+};
+
+export default AdvisorStatusDropdown;
diff --git a/frontend/src/components/AppHeader.js b/frontend/src/components/AppHeader.js
new file mode 100644
index 0000000000000000000000000000000000000000..b6baf8aac171bcf987961f90b1fd8a7e02f21c55
--- /dev/null
+++ b/frontend/src/components/AppHeader.js
@@ -0,0 +1,106 @@
+import React from 'react';
+import { Home, Menu } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+
+/**
+ * Shared floating header used on every page so the app feels like one surface.
+ *
+ * Props:
+ *   currentPage: 'home' | 'chat' | 'canvas' | 'journey' | 'canvas-<subview>'
+ *   onNavigateToHome, onNavigateToChat, onNavigateToCanvas, onNavigateToJourney
+ *     (onNavigateToCanvas may receive 'workspace' | 'deliverables' to deep-link a view;
+ *      'journey' is handled via onNavigateToJourney when provided)
+ *   onMobileMenu?: () => void  — when present, shows the mobile menu button
+ *   children?: ReactNode        — extra controls slotted in header-right
+ */
+const AppHeader = ({
+  currentPage = 'home',
+  onNavigateToHome,
+  onNavigateToChat,
+  onNavigateToCanvas,
+  onNavigateToJourney,
+  onMobileMenu,
+  children,
+}) => {
+  const { config } = useAppConfig();
+
+  const goToCanvas = (view) => {
+    if (view === 'journey') {
+      if (onNavigateToJourney) onNavigateToJourney();
+      else if (onNavigateToCanvas) onNavigateToCanvas('journey');
+      return;
+    }
+    if (onNavigateToCanvas) onNavigateToCanvas(view);
+  };
+
+  // Accept either 'canvas' (all canvas tabs highlight equally) or a more specific
+  // 'canvas-<subview>' from CanvasPage so only the active one highlights.
+  const isOnHome = currentPage === 'home';
+  const isOnChat = currentPage === 'chat';
+  const isOnJourney = currentPage === 'journey';
+  const isOnCanvas = currentPage === 'canvas' || currentPage.startsWith('canvas-');
+  const canvasSub = currentPage.startsWith('canvas-') ? currentPage.slice(7) : null;
+  const tabActive = (sub) => isOnCanvas && (canvasSub === null ? false : canvasSub === sub);
+
+  return (
+    <header className="floating-header app-header">
+      <div className="header-left">
+        {onMobileMenu && (
+          <button className="mobile-menu-button" onClick={onMobileMenu}>
+            <Menu size={20} />
+          </button>
+        )}
+        <button
+          className="modern-home-btn"
+          onClick={onNavigateToHome}
+          title="Home"
+          disabled={isOnHome}
+          aria-disabled={isOnHome}
+        >
+          <Home size={20} />
+        </button>
+        <div className="header-brand">
+          <div className="brand-text">
+            <h1>{config?.app?.title || 'Advisory'}</h1>
+            <p>{config?.app?.subtitle || 'AI-Powered Guidance'}</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Hide the view pill bar on the home page — home is a landing page,
+          not part of the chat ↔ canvas surface. */}
+      {!isOnHome && (
+        <div className="canvas-tabs chat-view-tabs">
+          <button className={`tab ${isOnChat ? 'active' : ''}`} onClick={onNavigateToChat}>Chat</button>
+          <button className={`tab ${isOnJourney ? 'active' : ''}`} onClick={() => goToCanvas('journey')}>Journey</button>
+          <button className={`tab ${tabActive('workspace') ? 'active' : ''}`} onClick={() => goToCanvas('workspace')}>Workspace</button>
+          <button className={`tab ${tabActive('deliverables') ? 'active' : ''}`} onClick={() => goToCanvas('deliverables')}>Documents</button>
+        </div>
+      )}
+
+      {/* Compact mobile dropdown — appears in place of the pill bar at narrow widths */}
+      {!isOnHome && (
+        <select
+          className="canvas-tabs-mobile"
+          value={isOnChat ? 'chat' : (isOnJourney ? 'journey' : (canvasSub || 'workspace'))}
+          onChange={(e) => {
+            const v = e.target.value;
+            if (v === 'chat') onNavigateToChat();
+            else goToCanvas(v);
+          }}
+        >
+          <option value="chat">Chat</option>
+          <option value="journey">Journey</option>
+          <option value="workspace">Workspace</option>
+          <option value="deliverables">Documents</option>
+        </select>
+      )}
+
+      <div className="header-right">
+        {children}
+      </div>
+    </header>
+  );
+};
+
+export default AppHeader;
diff --git a/frontend/src/components/AvatarPickerModal.js b/frontend/src/components/AvatarPickerModal.js
new file mode 100644
index 0000000000000000000000000000000000000000..a7ac07a4dd867a81e0a9130c3c03d3017aee037a
--- /dev/null
+++ b/frontend/src/components/AvatarPickerModal.js
@@ -0,0 +1,75 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { X } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+
+const API = process.env.REACT_APP_API_URL || '';
+
+const BUNDLED = [
+  'advisor1.png','advisor2.png','advisor3.png','advisor4.png',
+  'advisor5.png','advisor6.png','advisor7.png',
+];
+
+const overlay = {
+  position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.5)',
+  display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1000,
+};
+
+const modal = {
+  background: 'var(--bg-primary)', borderRadius: 16, padding: 24, width: 480,
+  maxWidth: '95vw', maxHeight: '85vh', overflowY: 'auto',
+  boxShadow: 'var(--shadow-xl)',
+};
+
+const AvatarPickerModal = ({ advisorId, advisorName, onClose }) => {
+  const { setAdvisorAvatar } = useAppConfig();
+
+  const select = (url) => {
+    setAdvisorAvatar(advisorId, url || '');
+    onClose();
+  };
+
+  return ReactDOM.createPortal(
+    <div style={overlay} onClick={(e) => e.target === e.currentTarget && onClose()} onMouseDown={(e) => e.stopPropagation()}>
+      <div style={modal}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20 }}>
+          <h3 style={{ margin: 0, color: 'var(--text-primary)', fontSize: 18 }}>
+            Choose Avatar — {advisorName}
+          </h3>
+          <button onClick={onClose} style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--text-secondary)' }}>
+            <X size={20} />
+          </button>
+        </div>
+
+        <p style={{ margin: '0 0 10px', color: 'var(--text-secondary)', fontSize: 13, fontWeight: 600 }}>Pre-made Avatars</p>
+        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 8, marginBottom: 20 }}>
+          {BUNDLED.map((file) => (
+            <img
+              key={file}
+              src={`${API}/api/avatars/bundled/${file}`}
+              alt={file}
+              onClick={() => select(`${API}/api/avatars/bundled/${file}`)}
+              style={{ width: '100%', aspectRatio: '1', borderRadius: '50%', objectFit: 'cover', cursor: 'pointer', border: '2px solid transparent', transition: 'border-color 0.15s' }}
+              onMouseEnter={e => e.target.style.borderColor = 'var(--accent-primary)'}
+              onMouseLeave={e => e.target.style.borderColor = 'transparent'}
+            />
+          ))}
+        </div>
+
+        <button
+          onClick={() => select(null)}
+          style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '10px 14px', background: 'transparent', border: '1px solid var(--border-primary)', borderRadius: 10, color: 'var(--text-secondary)', cursor: 'pointer', fontSize: 13.5 }}
+        >
+          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
+            <circle cx="12" cy="8" r="4" />
+            <path d="M4 20c0-4 3.6-7 8-7s8 3 8 7" />
+          </svg>
+          Use default icon
+        </button>
+      </div>
+    </div>,
+    document.body
+  );
+};
+
+export default AvatarPickerModal;
diff --git a/frontend/src/components/ChatInput.js b/frontend/src/components/ChatInput.js
new file mode 100644
index 0000000000000000000000000000000000000000..a36e9be96d62fa14bf9c9f7b9651eb5cf80e0772
--- /dev/null
+++ b/frontend/src/components/ChatInput.js
@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+import { Send } from 'lucide-react';
+
+const ChatInput = ({ onSendMessage, isLoading, placeholder = "Ask your advisors anything..." }) => {
+  const [inputMessage, setInputMessage] = useState('');
+
+  const handleSend = () => {
+    if (!inputMessage.trim() || isLoading) return;
+    
+    onSendMessage(inputMessage);
+    setInputMessage('');
+  };
+
+  const handleKeyPress = (e) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+
+  return (
+    <div className="input-area">
+      <div className="input-container">
+        <textarea
+          value={inputMessage}
+          onChange={(e) => setInputMessage(e.target.value)}
+          onKeyPress={handleKeyPress}
+          placeholder={placeholder}
+          className="message-input"
+          rows="2"
+          disabled={isLoading}
+        />
+        <button
+          onClick={handleSend}
+          disabled={!inputMessage.trim() || isLoading}
+          className="send-button"
+        >
+          <Send className="send-icon" />
+          <span className="send-text">Send</span>
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default ChatInput;
\ No newline at end of file
diff --git a/frontend/src/components/ClearDataModal.js b/frontend/src/components/ClearDataModal.js
new file mode 100644
index 0000000000000000000000000000000000000000..c5c2cacd5aae7e5d3423768924311ac1315e19d9
--- /dev/null
+++ b/frontend/src/components/ClearDataModal.js
@@ -0,0 +1,196 @@
+import React, { useState } from 'react';
+import { Trash2, AlertTriangle, X, Loader2, CheckCircle } from 'lucide-react';
+import { useTheme } from '../contexts/ThemeContext';
+
+const ClearDataModal = ({ authToken, onClose, onDataCleared }) => {
+  const { isDark } = useTheme();
+  const [profile, setProfile] = useState(false);
+  const [chats, setChats] = useState(false);
+  const [canvas, setCanvas] = useState(false);
+  const [journey, setJourney] = useState(false);
+  const [clearing, setClearing] = useState(false);
+  const [result, setResult] = useState(null);
+
+  const noneSelected = !profile && !chats && !canvas && !journey;
+
+  const handleClear = async () => {
+    if (noneSelected) return;
+    setClearing(true);
+    try {
+      const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/users/me/clear-data`, {
+        method: 'POST',
+        headers: {
+          'Authorization': `Bearer ${authToken}`,
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ profile, chats, canvas, journey }),
+      });
+      if (resp.ok) {
+        const data = await resp.json();
+        setResult(data.cleared);
+        if (onDataCleared) onDataCleared({ profile, chats, canvas, journey });
+      } else {
+        setResult(['Error clearing data']);
+      }
+    } catch {
+      setResult(['Network error']);
+    } finally {
+      setClearing(false);
+    }
+  };
+
+  const overlay = {
+    position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.5)',
+    display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 9999,
+  };
+
+  const modal = {
+    background: isDark ? '#1f2937' : '#fff',
+    borderRadius: 16, padding: 28, width: 400, maxWidth: '90vw',
+    boxShadow: '0 20px 60px rgba(0,0,0,0.3)',
+    color: isDark ? '#f3f4f6' : '#111827',
+  };
+
+  const checkRow = {
+    display: 'flex', alignItems: 'center', gap: 12,
+    padding: '12px 14px', borderRadius: 10, cursor: 'pointer',
+    border: `1px solid ${isDark ? '#374151' : '#e5e7eb'}`,
+    marginBottom: 10, transition: 'all 0.15s ease',
+  };
+
+  const checkRowActive = (active) => ({
+    ...checkRow,
+    background: active
+      ? (isDark ? 'rgba(239,68,68,0.12)' : 'rgba(239,68,68,0.06)')
+      : 'transparent',
+    borderColor: active ? '#ef4444' : (isDark ? '#374151' : '#e5e7eb'),
+  });
+
+  const checkbox = (checked) => ({
+    width: 20, height: 20, borderRadius: 4, flexShrink: 0,
+    border: `2px solid ${checked ? '#ef4444' : (isDark ? '#6b7280' : '#9ca3af')}`,
+    background: checked ? '#ef4444' : 'transparent',
+    display: 'flex', alignItems: 'center', justifyContent: 'center',
+    transition: 'all 0.15s ease', color: '#fff', fontSize: 13, fontWeight: 700,
+  });
+
+  if (result) {
+    return (
+      <div style={overlay} onClick={onClose}>
+        <div style={modal} onClick={(e) => e.stopPropagation()}>
+          <div style={{ textAlign: 'center', padding: '16px 0' }}>
+            <CheckCircle size={48} style={{ color: '#22c55e', marginBottom: 16 }} />
+            <h3 style={{ margin: '0 0 12px', fontSize: 18 }}>Data Cleared</h3>
+            <p style={{ color: isDark ? '#9ca3af' : '#6b7280', fontSize: 14, lineHeight: 1.6 }}>
+              {result.join(', ')}
+            </p>
+            <button
+              onClick={onClose}
+              style={{
+                marginTop: 20, padding: '10px 32px', borderRadius: 10,
+                border: 'none', background: '#3b82f6', color: '#fff',
+                fontSize: 14, fontWeight: 600, cursor: 'pointer',
+              }}
+            >
+              Done
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div style={overlay} onClick={onClose}>
+      <div style={modal} onClick={(e) => e.stopPropagation()}>
+        {/* Header */}
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20 }}>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+            <AlertTriangle size={22} style={{ color: '#f59e0b' }} />
+            <h3 style={{ margin: 0, fontSize: 18 }}>Clear User Data</h3>
+          </div>
+          <button onClick={onClose} style={{ background: 'none', border: 'none', cursor: 'pointer', color: isDark ? '#9ca3af' : '#6b7280', padding: 4 }}>
+            <X size={20} />
+          </button>
+        </div>
+
+        <p style={{ color: isDark ? '#9ca3af' : '#6b7280', fontSize: 13, marginBottom: 18, lineHeight: 1.5 }}>
+          Select which data to clear. Profile data removal will reset your onboarding progress.
+        </p>
+
+        {/* Checkboxes */}
+        <div onClick={() => setProfile(!profile)} style={checkRowActive(profile)}>
+          <div style={checkbox(profile)}>{profile && '✓'}</div>
+          <div>
+            <div style={{ fontWeight: 600, fontSize: 14 }}>Profile Information</div>
+            <div style={{ fontSize: 12, color: isDark ? '#9ca3af' : '#6b7280', marginTop: 2 }}>
+              Major, GPA, career goals, learning style, etc. Resets "Tell us about yourself."
+            </div>
+          </div>
+        </div>
+
+        <div onClick={() => setChats(!chats)} style={checkRowActive(chats)}>
+          <div style={checkbox(chats)}>{chats && '✓'}</div>
+          <div>
+            <div style={{ fontWeight: 600, fontSize: 14 }}>Chat History</div>
+            <div style={{ fontSize: 12, color: isDark ? '#9ca3af' : '#6b7280', marginTop: 2 }}>
+              All conversation sessions and messages.
+            </div>
+          </div>
+        </div>
+
+        <div onClick={() => setCanvas(!canvas)} style={checkRowActive(canvas)}>
+          <div style={checkbox(canvas)}>{canvas && '✓'}</div>
+          <div>
+            <div style={{ fontWeight: 600, fontSize: 14 }}>Canvas</div>
+            <div style={{ fontSize: 12, color: isDark ? '#9ca3af' : '#6b7280', marginTop: 2 }}>
+              All collected insights and research notes.
+            </div>
+          </div>
+        </div>
+
+        <div onClick={() => setJourney(!journey)} style={checkRowActive(journey)}>
+          <div style={checkbox(journey)}>{journey && '✓'}</div>
+          <div>
+            <div style={{ fontWeight: 600, fontSize: 14 }}>Security Journey</div>
+            <div style={{ fontSize: 12, color: isDark ? '#9ca3af' : '#6b7280', marginTop: 2 }}>
+              Track progress, checked items, and assessment history.
+            </div>
+          </div>
+        </div>
+
+        {/* Actions */}
+        <div style={{ display: 'flex', gap: 10, marginTop: 22, justifyContent: 'flex-end' }}>
+          <button
+            onClick={onClose}
+            style={{
+              padding: '10px 20px', borderRadius: 10,
+              border: `1px solid ${isDark ? '#374151' : '#e5e7eb'}`,
+              background: 'transparent', color: isDark ? '#d1d5db' : '#374151',
+              fontSize: 14, cursor: 'pointer',
+            }}
+          >
+            Cancel
+          </button>
+          <button
+            onClick={handleClear}
+            disabled={noneSelected || clearing}
+            style={{
+              padding: '10px 20px', borderRadius: 10, border: 'none',
+              background: noneSelected ? (isDark ? '#374151' : '#e5e7eb') : '#ef4444',
+              color: noneSelected ? (isDark ? '#6b7280' : '#9ca3af') : '#fff',
+              fontSize: 14, fontWeight: 600, cursor: noneSelected ? 'default' : 'pointer',
+              display: 'flex', alignItems: 'center', gap: 8,
+              opacity: clearing ? 0.7 : 1,
+            }}
+          >
+            {clearing ? <Loader2 size={16} style={{ animation: 'spin 1s linear infinite' }} /> : <Trash2 size={16} />}
+            {clearing ? 'Clearing...' : 'Clear Selected'}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ClearDataModal;
diff --git a/frontend/src/components/ConfirmDialog.js b/frontend/src/components/ConfirmDialog.js
new file mode 100644
index 0000000000000000000000000000000000000000..8591b64ada6555bab1cef520feece9168e800c3e
--- /dev/null
+++ b/frontend/src/components/ConfirmDialog.js
@@ -0,0 +1,60 @@
+import React, { useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { AlertTriangle } from 'lucide-react';
+import '../styles/ConfirmDialog.css';
+
+const ConfirmDialog = ({
+  isOpen,
+  title,
+  message,
+  confirmLabel = 'Confirm',
+  cancelLabel = 'Cancel',
+  onConfirm,
+  onCancel,
+  tone = 'default',
+}) => {
+  useEffect(() => {
+    if (!isOpen) return;
+    const onKey = (e) => e.key === 'Escape' && onCancel?.();
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, [isOpen, onCancel]);
+
+  if (!isOpen) return null;
+
+  const isDanger = tone === 'danger';
+
+  return ReactDOM.createPortal(
+    <div
+      className="confirm-overlay"
+      onClick={(e) => e.target === e.currentTarget && onCancel?.()}
+    >
+      <div className="confirm-dialog" role="dialog" aria-label={title}>
+        <div className={`confirm-icon ${isDanger ? 'danger' : ''}`}>
+          <AlertTriangle size={22} />
+        </div>
+        <h2 className="confirm-title">{title}</h2>
+        {message && <p className="confirm-message">{message}</p>}
+        <div className="confirm-actions">
+          <button
+            type="button"
+            className="confirm-btn confirm-btn-cancel"
+            onClick={onCancel}
+          >
+            {cancelLabel}
+          </button>
+          <button
+            type="button"
+            className={`confirm-btn ${isDanger ? 'confirm-btn-danger' : 'confirm-btn-primary'}`}
+            onClick={onConfirm}
+          >
+            {confirmLabel}
+          </button>
+        </div>
+      </div>
+    </div>,
+    document.body
+  );
+};
+
+export default ConfirmDialog;
diff --git a/frontend/src/components/CopyrightNotice.js b/frontend/src/components/CopyrightNotice.js
new file mode 100644
index 0000000000000000000000000000000000000000..4ad92585e33e124d6874b611686c14fe17e255cf
--- /dev/null
+++ b/frontend/src/components/CopyrightNotice.js
@@ -0,0 +1,38 @@
+import React from 'react';
+
+const CopyrightNotice = ({ variant = 'footer', className = '' }) => {
+  const isSidebar = variant === 'sidebar';
+  const textClass = isSidebar ? 'sidebar-copyright-text' : 'footer-text';
+  const patentsClass = isSidebar ? 'sidebar-patents-link' : 'footer-patents-link';
+  const combinedClass = className ? `${textClass} ${className}` : textClass;
+
+  return (
+    <p className={combinedClass}>
+      {'\u00A9 '}
+      {isSidebar ? (
+        'Neon.ai'
+      ) : (
+        <a
+          href="https://neon.ai"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="footer-neon-link"
+        >
+          <img src="/neon-logo.png" alt="" className="footer-neon-logo" />
+          Neon.ai
+        </a>
+      )}
+      . All rights reserved.{' '}
+      <a
+        href="https://www.neon.ai/contact"
+        target="_blank"
+        rel="noopener noreferrer"
+        className={patentsClass}
+      >
+        Patents and licensing.
+      </a>
+    </p>
+  );
+};
+
+export default CopyrightNotice;
diff --git a/frontend/src/components/EnhancedChatInput.js b/frontend/src/components/EnhancedChatInput.js
new file mode 100644
index 0000000000000000000000000000000000000000..f3d7df06b123fedc4f6e7f228507e3ca9022f708
--- /dev/null
+++ b/frontend/src/components/EnhancedChatInput.js
@@ -0,0 +1,399 @@
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { Send, Paperclip, FileText, X, Trash2, Download, Mic, MicOff, MessageCircle, ClipboardList, Loader2, Columns3, FileOutput } from 'lucide-react';
+import FileUpload from './FileUpload';
+
+const EnhancedChatInput = ({ 
+  onSendMessage, 
+  onFileUploaded,
+  uploadedDocuments = [],
+  isLoading,
+  currentChatSessionId,
+  authToken, 
+  placeholder = "Ask your advisors anything...",
+  showProfileButtons = false,
+  onOpenOnboarding,
+  onOpenProfileForm,
+  synthesizedMode = false,
+  onToggleSynthesized,
+  ensureSessionId,
+}) => {
+  const [inputMessage, setInputMessage] = useState('');
+  const [showUpload, setShowUpload] = useState(false);
+  const [showDocuments, setShowDocuments] = useState(false);
+  const [isUploading, setIsUploading] = useState(false);
+  const [isRecording, setIsRecording] = useState(false);
+  const [isTranscribing, setIsTranscribing] = useState(false);
+  const mediaRecorderRef = useRef(null);
+  const audioChunksRef = useRef([]);
+  const textareaRef = useRef(null);
+  const uploadRef = useRef(null);
+  const uploadBtnRef = useRef(null);
+
+  const sendForTranscription = useCallback(async (blob) => {
+    if (!blob || blob.size < 100) {
+      console.warn('STT: blob too small, skipping', blob?.size);
+      return;
+    }
+    setIsTranscribing(true);
+    try {
+      const form = new FormData();
+      form.append('audio', blob, 'recording.webm');
+      const token = authToken || localStorage.getItem('authToken');
+      const resp = await fetch(`${process.env.REACT_APP_API_URL}/voice/transcribe`, {
+        method: 'POST',
+        headers: { 'Authorization': `Bearer ${token}` },
+        body: form,
+      });
+      if (resp.ok) {
+        const data = await resp.json();
+        const text = data?.text?.trim();
+        if (text) {
+          setInputMessage(prev => prev ? `${prev} ${text}` : text);
+        }
+      } else {
+        console.error('STT response not ok:', resp.status, await resp.text().catch(() => ''));
+      }
+    } catch (err) {
+      console.error('Transcription failed:', err);
+    } finally {
+      setIsTranscribing(false);
+    }
+  }, [authToken]);
+
+  const toggleRecording = useCallback(async () => {
+    if (isRecording) {
+      mediaRecorderRef.current?.stop();
+      setIsRecording(false);
+      return;
+    }
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+
+      // Pick a supported mimeType
+      const mimeType = ['audio/webm;codecs=opus', 'audio/webm', 'audio/ogg;codecs=opus', '']
+        .find(mt => mt === '' || MediaRecorder.isTypeSupported(mt));
+      const options = mimeType ? { mimeType } : undefined;
+      const mediaRecorder = new MediaRecorder(stream, options);
+
+      audioChunksRef.current = [];
+      mediaRecorder.ondataavailable = (e) => {
+        if (e.data && e.data.size > 0) audioChunksRef.current.push(e.data);
+      };
+      mediaRecorder.onstop = () => {
+        stream.getTracks().forEach(t => t.stop());
+        const blobType = mediaRecorder.mimeType || 'audio/webm';
+        const blob = new Blob(audioChunksRef.current, { type: blobType });
+        sendForTranscription(blob);
+      };
+      mediaRecorderRef.current = mediaRecorder;
+      // Request data every 500ms so chunks are available when stop() fires
+      mediaRecorder.start(500);
+      setIsRecording(true);
+    } catch (err) {
+      console.error('Microphone access error:', err);
+    }
+  }, [isRecording, sendForTranscription]);
+
+  const handleSend = () => {
+    if (!inputMessage.trim() || isLoading || isUploading) return;
+    
+    onSendMessage(inputMessage);
+    setInputMessage('');
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+    }
+  };
+
+  const handleKeyPress = (e) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+
+  const handleFileUploaded = (file, response) => {
+    setIsUploading(false);
+    setShowUpload(false);
+    
+    if (onFileUploaded) {
+      onFileUploaded(file, response);
+    }
+  };
+
+  const handleUploadStart = () => {
+    setIsUploading(true);
+  };
+
+  const toggleUpload = () => {
+    if (!isUploading) {
+      setShowUpload(!showUpload);
+      setShowDocuments(false); // Close documents panel when opening upload
+    }
+  };
+
+  const toggleDocuments = () => {
+    setShowDocuments(!showDocuments);
+    setShowUpload(false); // Close upload panel when opening documents
+  };
+
+  // Auto-resize textarea
+  useEffect(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+      textareaRef.current.style.height = textareaRef.current.scrollHeight + 'px';
+    }
+  }, [inputMessage]);
+
+  // Close upload panel when clicking outside
+  useEffect(() => {
+    if (!showUpload) return;
+    const handleClickOutside = (e) => {
+      if (
+        uploadRef.current && !uploadRef.current.contains(e.target) &&
+        uploadBtnRef.current && !uploadBtnRef.current.contains(e.target)
+      ) {
+        setShowUpload(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [showUpload]);
+
+  const formatFileSize = (bytes) => {
+    if (bytes === 0) return '0 Bytes';
+    const k = 1024;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+  };
+
+  const getFileIcon = (type) => {
+    if (type.includes('pdf')) return '📄';
+    if (type.includes('word') || type.includes('document')) return '📝';
+    if (type.includes('text')) return '📃';
+    return '📄';
+  };
+
+  const formatUploadTime = (date) => {
+    return new Date(date).toLocaleString([], {
+      month: 'short',
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit'
+    });
+  };
+
+  const isDisabled = isLoading || isUploading;
+  const canSend = inputMessage.trim() && !isDisabled;
+
+  return (
+    <div className="enhanced-chat-input-container">
+      {/* File Upload Area */}
+      {showUpload && (
+        <div className="floating-upload-section" ref={uploadRef}>
+          <FileUpload 
+            onFileUploaded={handleFileUploaded}
+            isUploading={isUploading}
+            currentChatSessionId={currentChatSessionId}  
+            authToken={authToken}
+            onUploadStart={handleUploadStart}
+            ensureSessionId={ensureSessionId}
+          />
+        </div>
+      )}
+
+      {/* Documents Viewer Panel */}
+      {showDocuments && (
+        <div className="floating-documents-section">
+          <div className="documents-header">
+            <div className="documents-title">
+              <FileText size={16} />
+              <span>Uploaded Documents ({uploadedDocuments.length})</span>
+            </div>
+            <button 
+              onClick={() => setShowDocuments(false)}
+              className="close-documents-btn"
+            >
+              <X size={16} />
+            </button>
+          </div>
+          
+          <div className="documents-list">
+            {uploadedDocuments.length === 0 ? (
+              <div className="no-documents">
+                <FileText size={24} />
+                <p>No documents uploaded yet</p>
+                <span>Upload documents to reference them in your conversations</span>
+              </div>
+            ) : (
+              uploadedDocuments.map((doc) => (
+                <div key={doc.id} className="document-item">
+                  <div className="document-icon">
+                    {getFileIcon(doc.type)}
+                  </div>
+                  <div className="document-info">
+                    <div className="document-name">{doc.name}</div>
+                    <div className="document-details">
+                      {formatFileSize(doc.size)} • {formatUploadTime(doc.uploadTime)}
+                    </div>
+                  </div>
+                  <div className="document-actions">
+                    <button 
+                      className="document-action-btn"
+                      title="Remove document"
+                      onClick={() => {
+                        // TODO: Implement remove functionality
+                        console.log('Remove document:', doc.id);
+                      }}
+                    >
+                      <Trash2 size={14} />
+                    </button>
+                  </div>
+                </div>
+              ))
+            )}
+          </div>
+        </div>
+      )}
+
+      {/* Main Input Box */}
+      <div className="floating-input-box">
+        {/* Text Input Row */}
+        <div className="text-input-row">
+          <textarea
+            ref={textareaRef}
+            value={inputMessage}
+            onChange={(e) => setInputMessage(e.target.value)}
+            onKeyPress={handleKeyPress}
+            placeholder={placeholder}
+            className="main-textarea"
+            disabled={isDisabled}
+            rows={1}
+          />
+        </div>
+
+        {/* Controls Row */}
+        <div className="controls-row">
+          {/* Left - File Controls */}
+          <div className="file-controls">
+            <button
+              ref={uploadBtnRef}
+              onClick={toggleUpload}
+              className={`add-docs-btn ${showUpload ? 'active' : ''}`}
+              disabled={isUploading}
+              type="button"
+            >
+              <Paperclip size={16} />
+              <span>Add documents</span>
+            </button>
+            
+            {uploadedDocuments.length > 0 && (
+              <button
+                onClick={toggleDocuments}
+                className={`view-docs-btn ${showDocuments ? 'active' : ''}`}
+                type="button"
+                title={`View ${uploadedDocuments.length} uploaded document${uploadedDocuments.length !== 1 ? 's' : ''}`}
+              >
+                <FileText size={16} />
+                <span className="docs-count">{uploadedDocuments.length}</span>
+              </button>
+            )}
+            {showProfileButtons && (
+              <>
+                <button
+                  onClick={onOpenOnboarding}
+                  className="add-docs-btn"
+                  type="button"
+                >
+                  <MessageCircle size={16} />
+                  <span>Tell us about yourself</span>
+                </button>
+                <button
+                  onClick={onOpenProfileForm}
+                  className="add-docs-btn"
+                  type="button"
+                >
+                  <ClipboardList size={16} />
+                  <span>Fill out profile form</span>
+                </button>
+              </>
+            )}
+          </div>
+
+          {/* Right - Mode Toggle + Mic + Send */}
+          <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
+            {onToggleSynthesized && (
+              <div style={{
+                display: 'flex', borderRadius: '18px', overflow: 'hidden',
+                border: '1px solid #3b82f6', flexShrink: 0,
+              }}>
+                <button
+                  onClick={synthesizedMode ? onToggleSynthesized : undefined}
+                  type="button"
+                  title="Panel Response (3 advisors)"
+                  style={{
+                    display: 'flex', alignItems: 'center', gap: '4px',
+                    padding: '5px 10px', fontSize: '12px', fontWeight: 600,
+                    cursor: synthesizedMode ? 'pointer' : 'default',
+                    border: 'none', transition: 'all 0.2s', whiteSpace: 'nowrap',
+                    background: !synthesizedMode ? '#3b82f6' : 'transparent',
+                    color: !synthesizedMode ? '#fff' : '#3b82f6',
+                  }}
+                >
+                  <Columns3 size={13} />
+                  Panel
+                </button>
+                <div style={{ width: 1, background: '#3b82f6', alignSelf: 'stretch' }} />
+                <button
+                  onClick={!synthesizedMode ? onToggleSynthesized : undefined}
+                  type="button"
+                  title="Aggregate synthesized answer"
+                  style={{
+                    display: 'flex', alignItems: 'center', gap: '4px',
+                    padding: '5px 10px', fontSize: '12px', fontWeight: 600,
+                    cursor: !synthesizedMode ? 'pointer' : 'default',
+                    border: 'none', transition: 'all 0.2s', whiteSpace: 'nowrap',
+                    background: synthesizedMode ? '#3b82f6' : 'transparent',
+                    color: synthesizedMode ? '#fff' : '#3b82f6',
+                  }}
+                >
+                  <FileOutput size={13} />
+                  Aggregate
+                </button>
+              </div>
+            )}
+            <button
+              onClick={toggleRecording}
+              disabled={isTranscribing}
+              className={`mic-button ${isRecording ? 'listening' : ''}`}
+              type="button"
+              title={isTranscribing ? 'Transcribing...' : isRecording ? 'Stop recording' : 'Voice input'}
+              style={{
+                background: isRecording ? '#EF4444' : 'transparent',
+                border: isRecording ? '1px solid #EF4444' : '1px solid var(--border-primary)',
+                color: isRecording ? '#fff' : 'var(--text-secondary)',
+                borderRadius: '50%', width: 36, height: 36,
+                display: 'flex', alignItems: 'center', justifyContent: 'center',
+                cursor: isTranscribing ? 'wait' : 'pointer', transition: 'all 0.2s',
+                animation: isRecording ? 'mic-pulse 1.5s ease-in-out infinite' : 'none',
+                opacity: isTranscribing ? 0.6 : 1,
+              }}
+            >
+              {isTranscribing ? <Loader2 size={16} className="spinning" /> : isRecording ? <MicOff size={16} /> : <Mic size={16} />}
+            </button>
+            <button
+              onClick={handleSend}
+              disabled={!canSend}
+              className={`send-button ${canSend ? 'enabled' : 'disabled'}`}
+              type="button"
+            >
+              <Send size={16} />
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default EnhancedChatInput;
diff --git a/frontend/src/components/ExportButton.js b/frontend/src/components/ExportButton.js
new file mode 100644
index 0000000000000000000000000000000000000000..fc9ee57710f660bf2cb710d07793d6bcd8cfbe71
--- /dev/null
+++ b/frontend/src/components/ExportButton.js
@@ -0,0 +1,256 @@
+import React, { useState } from 'react';
+import { Download, FileText, FileType, File, Check, X, Loader2 } from 'lucide-react';
+import '../styles/ExportButton.css';
+
+const ExportButton = ({ hasMessages = false, currentSessionId = null, authToken = null, dropdownPlacement = 'below' }) => {
+  const [showDropdown, setShowDropdown] = useState(false);
+  const [isExporting, setIsExporting] = useState(false);
+  const [exportStatus, setExportStatus] = useState(null);
+  const [selectedType, setSelectedType] = useState('chat');
+
+  const exportTypes = [
+    {
+      id: 'chat',
+      name: 'Full Chat',
+      description: 'Complete conversation history',
+      endpoint: 'export-chat'
+    },
+    {
+      id: 'summary',
+      name: 'Chat Summary',
+      description: 'AI-generated conversation summary',
+      endpoint: 'chat-summary'
+    }
+  ];
+
+  const exportFormats = [
+    {
+      id: 'txt',
+      name: 'Text File',
+      description: 'Plain text format (.txt)',
+      icon: FileText,
+      extension: '.txt'
+    },
+    {
+      id: 'docx',
+      name: 'Word Document',
+      description: 'Microsoft Word format (.docx)',
+      icon: FileType,
+      extension: '.docx'
+    },
+    {
+      id: 'pdf',
+      name: 'PDF Document',
+      description: 'Portable Document Format (.pdf)',
+      icon: File,
+      extension: '.pdf'
+    }
+  ];
+
+  const handleExportClick = () => {
+    if (!hasMessages) return;
+    setShowDropdown(!showDropdown);
+    setExportStatus(null);
+  };
+
+  const handleFormatSelect = async (format) => {
+    setIsExporting(true);
+    setShowDropdown(false);
+    setExportStatus(null);
+
+    try {
+      const selectedTypeData = exportTypes.find(t => t.id === selectedType);
+      const endpoint = selectedTypeData.endpoint;
+      
+      // Build the URL with session ID if available
+      let url = `${process.env.REACT_APP_API_URL}/${endpoint}?format=${format}`;
+      if (currentSessionId) {
+        url += `&chat_session_id=${currentSessionId}`;
+      }
+      
+      // Build headers - include auth token if available (needed for specific session export)
+      const headers = {
+        'Content-Type': 'application/json',
+      };
+      
+      if (authToken && currentSessionId) {
+        headers['Authorization'] = `Bearer ${authToken}`;
+      }
+      
+      const response = await fetch(url, {
+        method: 'GET',
+        headers: headers,
+      });
+
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        throw new Error(errorData.error || `Export failed with status ${response.status}`);
+      }
+
+      // Get the filename from the Content-Disposition header
+      const contentDisposition = response.headers.get('Content-Disposition');
+      let filename = `${selectedType}_export.${format}`;
+      
+      if (contentDisposition) {
+        const filenameMatch = contentDisposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
+        if (filenameMatch && filenameMatch[1]) {
+          filename = filenameMatch[1].replace(/['"]/g, '');
+        }
+      }
+
+      // Create blob and download
+      const blob = await response.blob();
+      const url_blob = window.URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url_blob;
+      link.download = filename;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url_blob);
+
+      setExportStatus('success');
+      setTimeout(() => setExportStatus(null), 3000);
+
+    } catch (error) {
+      console.error('Export error:', error);
+      setExportStatus('error');
+      setTimeout(() => setExportStatus(null), 5000);
+    } finally {
+      setIsExporting(false);
+    }
+  };
+
+  const handleClickOutside = (e) => {
+    if (!e.target.closest('.export-button-container')) {
+      setShowDropdown(false);
+    }
+  };
+
+  React.useEffect(() => {
+    if (showDropdown) {
+      document.addEventListener('click', handleClickOutside);
+      return () => document.removeEventListener('click', handleClickOutside);
+    }
+  }, [showDropdown]);
+
+  const getButtonIcon = () => {
+    if (isExporting) return <Loader2 size={16} className="spinning" />;
+    if (exportStatus === 'success') return <Check size={16} />;
+    if (exportStatus === 'error') return <X size={16} />;
+    return <Download size={16} />;
+  };
+
+  const getButtonClass = () => {
+    let baseClass = 'export-button';
+    if (!hasMessages) baseClass += ' disabled';
+    if (showDropdown) baseClass += ' active';
+    if (exportStatus === 'success') baseClass += ' success';
+    if (exportStatus === 'error') baseClass += ' error';
+    return baseClass;
+  };
+
+  const getButtonTitle = () => {
+    if (!hasMessages) return 'No messages to export';
+    if (isExporting) return 'Exporting chat...';
+    if (exportStatus === 'success') return 'Export successful!';
+    if (exportStatus === 'error') return 'Export failed - click to retry';
+    
+    // Show whether we're exporting current session or specific saved chat
+    const sessionInfo = currentSessionId ? 'this saved chat' : 'current session';
+    return `Export ${sessionInfo}`;
+  };
+
+  return (
+    <div className={`export-button-container${dropdownPlacement === 'above' ? ' export-dropdown-above' : ''}`}>
+      <button
+        onClick={handleExportClick}
+        className={getButtonClass()}
+        disabled={!hasMessages || isExporting}
+        title={getButtonTitle()}
+      >
+        {getButtonIcon()}
+        <span className="export-text">Export</span>
+      </button>
+
+      {showDropdown && (
+        <div className="export-dropdown">
+          <div className="export-dropdown-header">
+            <h4>Export Options</h4>
+            <p>
+              {currentSessionId 
+                ? 'Export this saved chat conversation' 
+                : 'Export current session'
+              }
+            </p>
+          </div>
+          
+          {/* Export Type Selection */}
+          <div className="export-type-section">
+            <h5>What to export:</h5>
+            <div className="export-type-buttons">
+              {exportTypes.map((type) => (
+                <button
+                  key={type.id}
+                  onClick={() => setSelectedType(type.id)}
+                  className={`export-type-button ${selectedType === type.id ? 'active' : ''}`}
+                  disabled={isExporting}
+                >
+                  <div className="type-info">
+                    <div className="type-name">{type.name}</div>
+                    <div className="type-description">{type.description}</div>
+                  </div>
+                </button>
+              ))}
+            </div>
+          </div>
+          
+          {/* Format Selection */}
+          <div className="export-format-section">
+            <h5>Format:</h5>
+            <div className="export-format-list">
+              {exportFormats.map((format) => {
+                const Icon = format.icon;
+                return (
+                  <button
+                    key={format.id}
+                    onClick={() => handleFormatSelect(format.id)}
+                    className="export-format-button"
+                    disabled={isExporting}
+                  >
+                    <div className="format-icon">
+                      <Icon size={20} />
+                    </div>
+                    <div className="format-info">
+                      <div className="format-name">{format.name}</div>
+                      <div className="format-description">{format.description}</div>
+                    </div>
+                    <div className="format-extension">{format.extension}</div>
+                  </button>
+                );
+              })}
+            </div>
+          </div>
+          
+          <div className="export-dropdown-footer">
+            <span>
+              {selectedType === 'chat' 
+                ? 'Full conversation history will be included' 
+                : 'AI will generate a concise summary of your conversation'
+              }
+            </span>
+          </div>
+        </div>
+      )}
+
+      {exportStatus && (
+        <div className={`export-status ${exportStatus}`}>
+          {exportStatus === 'success' && 'Chat exported successfully!'}
+          {exportStatus === 'error' && 'Export failed. Please try again.'}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ExportButton;
\ No newline at end of file
diff --git a/frontend/src/components/FileUpload.js b/frontend/src/components/FileUpload.js
new file mode 100644
index 0000000000000000000000000000000000000000..cd379f782200a4b12103db49650b716542ea63b8
--- /dev/null
+++ b/frontend/src/components/FileUpload.js
@@ -0,0 +1,244 @@
+import React, { useState, useRef } from 'react';
+import { Upload, FileText, File, X, CheckCircle, AlertCircle } from 'lucide-react';
+import { useTheme } from '../contexts/ThemeContext';
+import '../styles/FileUpload.css'
+
+const FileUpload = ({ onFileUploaded, isUploading, onUploadStart, currentChatSessionId = null, authToken = null  }) => {
+  const [dragActive, setDragActive] = useState(false);
+  const [uploadStatus, setUploadStatus] = useState(null); // 'success', 'error', null
+  const [uploadMessage, setUploadMessage] = useState('');
+  const [selectedFile, setSelectedFile] = useState(null);
+  const fileInputRef = useRef(null);
+  const { isDark } = useTheme();
+
+  const supportedTypes = {
+    'application/pdf': { ext: 'PDF', icon: FileText, color: '#EF4444' },
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': { ext: 'DOCX', icon: File, color: '#3B82F6' },
+    'text/plain': { ext: 'TXT', icon: FileText, color: '#10B981' }
+  };
+
+  const validateFile = (file) => {
+    if (!supportedTypes[file.type]) {
+      return { valid: false, error: 'Only PDF, DOCX, and TXT files are supported.' };
+    }
+    
+    if (file.size > 10 * 1024 * 1024) { // 10MB limit
+      return { valid: false, error: 'File size must be less than 10MB.' };
+    }
+    
+    return { valid: true };
+  };
+
+  const uploadFile = async (file) => {
+    const validation = validateFile(file);
+    if (!validation.valid) {
+      setUploadStatus('error');
+      setUploadMessage(validation.error);
+      return;
+    }
+
+    setSelectedFile(file);
+    onUploadStart && onUploadStart();
+    
+    const formData = new FormData();
+    formData.append('file', file);
+
+    try {
+      let uploadUrl = `${process.env.REACT_APP_API_URL}/upload-document`;
+      
+      console.log('=== DOCUMENT UPLOAD DEBUG ===');
+      console.log('currentChatSessionId:', currentChatSessionId);
+      console.log('authToken available:', !!authToken);
+      
+      if (currentChatSessionId) {
+        uploadUrl += `?chat_session_id=${currentChatSessionId}`;
+        console.log('Uploading to specific chat session:', currentChatSessionId);
+        console.log('Final upload URL:', uploadUrl);
+      } else {
+        console.log('WARNING: No currentChatSessionId - uploading to new session');
+        console.log('This will cause session mismatch!');
+      }
+
+      // Include auth token in headers if available
+      const headers = {};
+      if (authToken) {
+        headers['Authorization'] = `Bearer ${authToken}`;
+        console.log('Auth token included in request');
+      } else {
+        console.log('WARNING: No auth token available');
+      }
+
+      const response = await fetch(uploadUrl, {
+        method: 'POST',
+        headers: headers,
+        body: formData,
+      });
+
+      if (response.ok) {
+        const data = await response.json();
+        setUploadStatus('success');
+        setUploadMessage(`${file.name} uploaded successfully and added to context.`);
+        onFileUploaded && onFileUploaded(file, data);
+        
+        // ENHANCED: Better debug logging
+        console.log('=== UPLOAD RESULT ===');
+        console.log('Document upload result:', {
+          filename: data.filename,
+          session_id: data.session_id,
+          chat_session_id: data.chat_session_id,
+          user_id: data.user_id,
+          chunks_created: data.chunks_created,
+          currentSessionId: currentChatSessionId
+        });
+        
+        // Check for session mismatch
+        if (data.chat_session_id !== currentChatSessionId) {
+          console.error('SESSION MISMATCH DETECTED!');
+          console.error('Expected:', currentChatSessionId);
+          console.error('Got:', data.chat_session_id);
+        } else {
+          console.log('✅ Session IDs match correctly');
+        }
+        
+        // Auto-clear success message after 5 seconds
+        setTimeout(() => {
+          setUploadStatus(null);
+          setSelectedFile(null);
+          setUploadMessage('');
+        }, 5000);
+      } else {
+        const errorData = await response.json();
+        throw new Error(errorData.detail || 'Upload failed');
+      }
+    } catch (error) {
+      setUploadStatus('error');
+      setUploadMessage(`Upload failed: ${error.message}`);
+      console.error('Upload error:', error);
+    }
+  };
+
+  const handleDrag = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.type === 'dragenter' || e.type === 'dragover') {
+      setDragActive(true);
+    } else if (e.type === 'dragleave') {
+      setDragActive(false);
+    }
+  };
+
+  const handleDrop = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setDragActive(false);
+    
+    if (isUploading) return;
+    
+    const files = Array.from(e.dataTransfer.files);
+    if (files.length > 0) {
+      uploadFile(files[0]);
+    }
+  };
+
+  const handleFileSelect = (e) => {
+    const files = Array.from(e.target.files);
+    if (files.length > 0) {
+      uploadFile(files[0]);
+    }
+  };
+
+  const openFileDialog = () => {
+    if (!isUploading) {
+      fileInputRef.current?.click();
+    }
+  };
+
+  const clearStatus = () => {
+    setUploadStatus(null);
+    setSelectedFile(null);
+    setUploadMessage('');
+  };
+
+  const getFileIcon = (file) => {
+    const fileInfo = supportedTypes[file.type];
+    if (fileInfo) {
+      const Icon = fileInfo.icon;
+      return <Icon size={16} style={{ color: fileInfo.color }} />;
+    }
+    return <File size={16} />;
+  };
+
+  return (
+    <div className="file-upload-container">
+      {/* Upload Status Banner */}
+      {uploadStatus && (
+        <div className={`upload-status ${uploadStatus}`}>
+          <div className="status-content">
+            {uploadStatus === 'success' ? (
+              <CheckCircle size={16} className="status-icon success" />
+            ) : (
+              <AlertCircle size={16} className="status-icon error" />
+            )}
+            <span className="status-message">{uploadMessage}</span>
+            <button onClick={clearStatus} className="status-close">
+              <X size={14} />
+            </button>
+          </div>
+        </div>
+      )}
+
+      {/* Upload Area */}
+      <div 
+        className={`file-upload-area ${dragActive ? 'drag-active' : ''} ${isUploading ? 'uploading' : ''}`}
+        onDragEnter={handleDrag}
+        onDragLeave={handleDrag}
+        onDragOver={handleDrag}
+        onDrop={handleDrop}
+        onClick={openFileDialog}
+      >
+        <input
+          ref={fileInputRef}
+          type="file"
+          onChange={handleFileSelect}
+          accept=".pdf,.docx,.txt"
+          style={{ display: 'none' }}
+          disabled={isUploading}
+        />
+        
+        <div className="upload-content">
+          {isUploading ? (
+            <>
+              <div className="upload-spinner">
+                <div className="spinner"></div>
+              </div>
+              <p className="upload-text">Uploading {selectedFile?.name}...</p>
+            </>
+          ) : (
+            <>
+              <Upload size={24} className="upload-icon" />
+              <p className="upload-text">
+                <span className="upload-primary">Click to upload</span> or drag and drop
+              </p>
+              <p className="upload-secondary">PDF, DOCX, or TXT files only</p>
+            </>
+          )}
+        </div>
+      </div>
+      
+      {/* Supported File Types */}
+      <div className="supported-types">
+        {Object.entries(supportedTypes).map(([mimeType, info]) => {
+          const Icon = info.icon;
+          return (
+            <div key={mimeType} className="file-type-chip">
+              <Icon size={12} style={{ color: info.color }} />
+              <span>{info.ext}</span>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default FileUpload;
\ No newline at end of file
diff --git a/frontend/src/components/GuestIntakeModal.js b/frontend/src/components/GuestIntakeModal.js
new file mode 100644
index 0000000000000000000000000000000000000000..57559e3ad0e114f2b85b1568623cf43acaec1a1d
--- /dev/null
+++ b/frontend/src/components/GuestIntakeModal.js
@@ -0,0 +1,200 @@
+import React, { useState } from 'react';
+import { Shield, Building2, PenLine, X, Loader2, ArrowRight } from 'lucide-react';
+import { useTheme } from '../contexts/ThemeContext';
+
+/**
+ * Explore-as-guest intake: two persona chips + free-text "something else".
+ */
+const GuestIntakeModal = ({ onClose, onSuccess }) => {
+  const { isDark } = useTheme();
+  const [choice, setChoice] = useState(null); // personal | business | other
+  const [freeText, setFreeText] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+
+  const bg = isDark ? 'rgba(15,23,42,0.92)' : 'rgba(15,23,42,0.45)';
+  const card = {
+    background: isDark ? '#1e293b' : '#fff',
+    color: isDark ? '#f8fafc' : '#0f172a',
+    border: `1px solid ${isDark ? '#334155' : '#e2e8f0'}`,
+    borderRadius: 16,
+    maxWidth: 480,
+    width: '92%',
+    padding: '1.5rem 1.4rem 1.25rem',
+    boxShadow: '0 24px 48px rgba(15,23,42,0.25)',
+  };
+  const chip = (active) => ({
+    display: 'flex',
+    alignItems: 'flex-start',
+    gap: 12,
+    textAlign: 'left',
+    width: '100%',
+    padding: '14px 14px',
+    minHeight: 44,
+    borderRadius: 12,
+    border: active ? '2px solid var(--accent-primary, #0F766E)' : `1px solid ${isDark ? '#475569' : '#cbd5e1'}`,
+    background: active
+      ? (isDark ? 'rgba(15,118,110,0.2)' : 'rgba(15,118,110,0.08)')
+      : (isDark ? '#0f172a' : '#f8fafc'),
+    cursor: 'pointer',
+    color: 'inherit',
+    marginBottom: 10,
+  });
+
+  const start = async () => {
+    if (!choice) {
+      setError('Pick a path or describe what you need.');
+      return;
+    }
+    if (choice === 'other' && !freeText.trim()) {
+      setError('Tell us a bit about what you need help with.');
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const resp = await fetch(`${process.env.REACT_APP_API_URL || ''}/auth/guest`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          choice,
+          free_text: choice === 'other' ? freeText.trim() : null,
+        }),
+      });
+      if (!resp.ok) {
+        const data = await resp.json().catch(() => ({}));
+        throw new Error(data.detail || 'Could not start guest session');
+      }
+      const data = await resp.json();
+      localStorage.setItem('authToken', data.access_token);
+      localStorage.setItem('user', JSON.stringify(data.user));
+      onSuccess?.(data.user, data.access_token);
+    } catch (e) {
+      setError(e.message || 'Something went wrong');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="guest-intake-title"
+      style={{
+        position: 'fixed', inset: 0, zIndex: 10000,
+        background: bg, display: 'flex', alignItems: 'center', justifyContent: 'center',
+        padding: 16,
+      }}
+      onMouseDown={(e) => { if (e.target === e.currentTarget && !loading) onClose?.(); }}
+    >
+      <div style={card} onMouseDown={(e) => e.stopPropagation()}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 12 }}>
+          <div>
+            <h2 id="guest-intake-title" style={{ margin: 0, fontSize: '1.25rem' }}>Explore as guest</h2>
+            <p style={{ margin: '6px 0 0', color: isDark ? '#94a3b8' : '#64748b', fontSize: 14, lineHeight: 1.45 }}>
+              No account needed. We&apos;ll load a realistic demo so Chat, Journey, Workspace, and About You feel useful right away.
+            </p>
+          </div>
+          <button
+            type="button"
+            aria-label="Close"
+            onClick={onClose}
+            disabled={loading}
+            style={{
+              background: 'transparent', border: 'none', cursor: 'pointer',
+              color: isDark ? '#94a3b8' : '#64748b', padding: 4, minHeight: 44, minWidth: 44,
+            }}
+          >
+            <X size={20} />
+          </button>
+        </div>
+
+        <div style={{ marginTop: 18 }}>
+          <button type="button" style={chip(choice === 'personal')} onClick={() => setChoice('personal')} disabled={loading}>
+            <Shield size={22} style={{ color: 'var(--accent-primary, #0F766E)', flexShrink: 0, marginTop: 2 }} />
+            <span>
+              <strong style={{ display: 'block', marginBottom: 2 }}>I&apos;m securing my personal digital life</strong>
+              <span style={{ fontSize: 13, color: isDark ? '#94a3b8' : '#64748b' }}>
+                Passwords, MFA, backups, phishing — sample Journey &amp; chat for individuals
+              </span>
+            </span>
+          </button>
+
+          <button type="button" style={chip(choice === 'business')} onClick={() => setChoice('business')} disabled={loading}>
+            <Building2 size={22} style={{ color: 'var(--accent-primary, #0F766E)', flexShrink: 0, marginTop: 2 }} />
+            <span>
+              <strong style={{ display: 'block', marginBottom: 2 }}>I help protect a business or organization</strong>
+              <span style={{ fontSize: 13, color: isDark ? '#94a3b8' : '#64748b' }}>
+                SMB / IT baseline, CIS IG1 sample track, policies &amp; Workspace demo
+              </span>
+            </span>
+          </button>
+
+          <button type="button" style={chip(choice === 'other')} onClick={() => setChoice('other')} disabled={loading}>
+            <PenLine size={22} style={{ color: 'var(--accent-primary, #0F766E)', flexShrink: 0, marginTop: 2 }} />
+            <span>
+              <strong style={{ display: 'block', marginBottom: 2 }}>Something else</strong>
+              <span style={{ fontSize: 13, color: isDark ? '#94a3b8' : '#64748b' }}>
+                Describe your situation — we&apos;ll tailor the demo
+              </span>
+            </span>
+          </button>
+
+          {choice === 'other' && (
+            <textarea
+              value={freeText}
+              onChange={(e) => setFreeText(e.target.value)}
+              placeholder="e.g. Preparing for a Security+ exam, or reviewing our ransomware readiness…"
+              rows={3}
+              disabled={loading}
+              style={{
+                width: '100%', boxSizing: 'border-box', marginTop: 4, padding: 12,
+                borderRadius: 10, border: `1px solid ${isDark ? '#475569' : '#cbd5e1'}`,
+                background: isDark ? '#0f172a' : '#fff', color: 'inherit',
+                fontFamily: 'inherit', fontSize: 14, resize: 'vertical', minHeight: 88,
+              }}
+            />
+          )}
+        </div>
+
+        {error && (
+          <p style={{ color: '#dc2626', fontSize: 13, margin: '10px 0 0' }}>{error}</p>
+        )}
+
+        <div style={{ display: 'flex', gap: 10, marginTop: 18, justifyContent: 'flex-end' }}>
+          <button
+            type="button"
+            onClick={onClose}
+            disabled={loading}
+            style={{
+              padding: '10px 16px', minHeight: 44, borderRadius: 10,
+              border: `1px solid ${isDark ? '#475569' : '#cbd5e1'}`,
+              background: 'transparent', color: 'inherit', cursor: 'pointer',
+            }}
+          >
+            Cancel
+          </button>
+          <button
+            type="button"
+            onClick={start}
+            disabled={loading || !choice}
+            style={{
+              padding: '10px 16px', minHeight: 44, borderRadius: 10, border: 'none',
+              background: 'var(--accent-primary, #0F766E)', color: '#fff',
+              cursor: loading || !choice ? 'not-allowed' : 'pointer',
+              display: 'inline-flex', alignItems: 'center', gap: 8, fontWeight: 600,
+              opacity: loading || !choice ? 0.6 : 1,
+            }}
+          >
+            {loading ? <Loader2 size={16} className="spin" style={{ animation: 'spin 1s linear infinite' }} /> : <ArrowRight size={16} />}
+            {loading ? 'Setting up demo…' : 'Enter guest demo'}
+          </button>
+        </div>
+        <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>
+      </div>
+    </div>
+  );
+};
+
+export default GuestIntakeModal;
diff --git a/frontend/src/components/IntakePanel.js b/frontend/src/components/IntakePanel.js
new file mode 100644
index 0000000000000000000000000000000000000000..4379bbdebadca18ef37c0875880b8b2d6243be5f
--- /dev/null
+++ b/frontend/src/components/IntakePanel.js
@@ -0,0 +1,88 @@
+import React, { useState, useMemo } from 'react';
+import { MessageCircle } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import '../styles/IntakePanel.css';
+
+/**
+ * First-session intake: Jerry's greeting + chips + optional free-text.
+ * Chips come from /api/config → chat_page.intake, filtered by guest persona when set.
+ */
+const IntakePanel = ({ onSubmit, guestPersona = null }) => {
+  const { config } = useAppConfig();
+  const intake = config?.chat_page?.intake || {};
+  const greeting =
+    intake.greeting ||
+    "You've contacted me today — what is it that I can help you with in cybersecurity?";
+
+  const chips = useMemo(() => {
+    const byPersona = intake.by_persona || {};
+    const personaKey = (guestPersona || '').toLowerCase();
+    const personaChips = personaKey && Array.isArray(byPersona[personaKey])
+      ? byPersona[personaKey]
+      : null;
+    if (personaChips && personaChips.length > 0) return personaChips;
+    return Array.isArray(intake.chips) ? intake.chips : [];
+  }, [intake, guestPersona]);
+
+  const [freeText, setFreeText] = useState('');
+  const [showFreeText, setShowFreeText] = useState(false);
+
+  const handleChip = (chip) => {
+    if (chip.free_text) {
+      setShowFreeText(true);
+      return;
+    }
+    if (chip.prompt) onSubmit(chip.prompt);
+  };
+
+  const handleFreeSubmit = (e) => {
+    e.preventDefault();
+    const text = freeText.trim();
+    if (!text) return;
+    onSubmit(text);
+    setFreeText('');
+  };
+
+  return (
+    <div className="intake-panel" role="region" aria-label="Getting started">
+      <div className="intake-avatar" aria-hidden="true">
+        <MessageCircle size={28} />
+      </div>
+      <h2 className="intake-greeting">{greeting}</h2>
+      <p className="intake-sub">
+        Pick a starting point, or tell me in your own words.
+      </p>
+      <div className="intake-chips">
+        {chips.map((chip) => (
+          <button
+            key={chip.id}
+            type="button"
+            className={`intake-chip${chip.free_text ? ' intake-chip--other' : ''}`}
+            onClick={() => handleChip(chip)}
+          >
+            {chip.label}
+          </button>
+        ))}
+      </div>
+      {(showFreeText || chips.length === 0) && (
+        <form className="intake-freetext" onSubmit={handleFreeSubmit}>
+          <label htmlFor="intake-free" className="sr-only">
+            Describe your cybersecurity need
+          </label>
+          <textarea
+            id="intake-free"
+            rows={3}
+            value={freeText}
+            onChange={(e) => setFreeText(e.target.value)}
+            placeholder="Tell me about the cybersecurity problem or goal you have today…"
+          />
+          <button type="submit" className="intake-submit" disabled={!freeText.trim()}>
+            Start
+          </button>
+        </form>
+      )}
+    </div>
+  );
+};
+
+export default IntakePanel;
diff --git a/frontend/src/components/Login.js b/frontend/src/components/Login.js
new file mode 100644
index 0000000000000000000000000000000000000000..1320a33b8a266279303c9136d85369d165bbb1e0
--- /dev/null
+++ b/frontend/src/components/Login.js
@@ -0,0 +1,277 @@
+import React, { useState } from 'react';
+import { Eye, EyeOff, Mail, Lock, ArrowRight, BookOpen, Phone } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import CopyrightNotice from './CopyrightNotice';
+import '../styles/Login.css';
+
+const Login = ({ onNavigateToSignup, onNavigateToHome, onExploreAsGuest }) => {
+  const { config } = useAppConfig();
+  const [showPassword, setShowPassword] = useState(false);
+  const [formData, setFormData] = useState({
+    email: '',
+    password: ''
+  });
+  const [isLoading, setIsLoading] = useState(false);
+  const [errors, setErrors] = useState({});
+
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+    // Clear error when user starts typing
+    if (errors[name]) {
+      setErrors(prev => ({
+        ...prev,
+        [name]: ''
+      }));
+    }
+  };
+
+  const validateForm = () => {
+    const newErrors = {};
+    
+    if (!formData.email) {
+      newErrors.email = 'Email is required';
+    } else if (!/\S+@\S+\.\S+/.test(formData.email)) {
+      newErrors.email = 'Please enter a valid email address';
+    }
+    
+    if (!formData.password) {
+      newErrors.password = 'Password is required';
+    } else if (formData.password.length < 6) {
+      newErrors.password = 'Password must be at least 6 characters';
+    }
+    
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    
+    if (!validateForm()) return;
+    
+    setIsLoading(true);
+    
+    try {
+      const response = await fetch(`${process.env.REACT_APP_API_URL}/auth/login`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          email: formData.email,
+          password: formData.password
+        }),
+      });
+
+      const data = await response.json();
+
+      if (response.ok) {
+        // Store the token and user info
+        localStorage.setItem('authToken', data.access_token);
+        localStorage.setItem('user', JSON.stringify(data.user));
+        onNavigateToHome?.(data.user, data.access_token);
+      } else {
+        setErrors({ submit: data.detail || 'Login failed. Please try again.' });
+      }
+      
+    } catch (error) {
+      console.error('Login error:', error);
+      setErrors({ submit: 'Login failed. Please try again.' });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleGoogleSignIn = () => {
+    console.log('Google Sign In clicked');
+    // Future Google Auth integration will go here
+  };
+
+  const handlePhoneSignIn = () => {
+    console.log('Phone Sign In clicked');
+    // Future Phone Auth integration will go here
+  };
+
+  return (
+    <div className="login-page">
+      <div className="login-content">
+        <div className="login-container">
+        {/* Header */}
+        <div className="login-header">
+          <div className="logo-container">
+            <BookOpen className="logo-icon" />
+          </div>
+          <h1 className="login-title">Welcome Back</h1>
+          <p className="login-subtitle">
+            {config?.login?.subtitle || 'Sign in to continue'}
+          </p>
+        </div>
+
+        {/* Main Login Form */}
+        <div className="login-form-container">
+          <form onSubmit={handleSubmit} className="login-form">
+            
+            {/* Email Field */}
+            <div className="form-group">
+              <label htmlFor="email" className="form-label">
+                Email Address
+              </label>
+              <div className="input-container">
+                <Mail className="input-icon" />
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  value={formData.email}
+                  onChange={handleInputChange}
+                  className={`form-input ${errors.email ? 'error' : ''}`}
+                  placeholder="Enter your email"
+                  disabled={isLoading}
+                />
+              </div>
+              {errors.email && (
+                <span className="error-message">{errors.email}</span>
+              )}
+            </div>
+
+            {/* Password Field */}
+            <div className="form-group">
+              <label htmlFor="password" className="form-label">
+                Password
+              </label>
+              <div className="input-container">
+                <Lock className="input-icon" />
+                <input
+                  type={showPassword ? 'text' : 'password'}
+                  id="password"
+                  name="password"
+                  value={formData.password}
+                  onChange={handleInputChange}
+                  className={`form-input ${errors.password ? 'error' : ''}`}
+                  placeholder="Enter your password"
+                  disabled={isLoading}
+                />
+                <button
+                  type="button"
+                  onClick={() => setShowPassword(!showPassword)}
+                  className="password-toggle"
+                  disabled={isLoading}
+                >
+                  {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}
+                </button>
+              </div>
+              {errors.password && (
+                <span className="error-message">{errors.password}</span>
+              )}
+            </div>
+
+            {/* Forgot Password */}
+            <div className="form-actions">
+              <button type="button" className="forgot-password">
+                Forgot your password?
+              </button>
+            </div>
+
+            {/* Submit Error */}
+            {errors.submit && (
+              <div className="submit-error">
+                {errors.submit}
+              </div>
+            )}
+
+            {/* Submit Button */}
+            <button 
+              type="submit" 
+              className={`submit-btn ${isLoading ? 'loading' : ''}`}
+              disabled={isLoading}
+            >
+              {isLoading ? (
+                <>
+                  <div className="loading-spinner"></div>
+                  Signing In...
+                </>
+              ) : (
+                <>
+                  Sign In
+                  <ArrowRight size={16} />
+                </>
+              )}
+            </button>
+          </form>
+
+          {/* Divider */}
+          <div className="divider">
+            <span>or continue with</span>
+          </div>
+
+          {/* Social Login Options */}
+          <div className="social-login">
+            <button 
+              type="button" 
+              className="google-btn"
+              onClick={handleGoogleSignIn}
+              disabled={isLoading}
+            >
+              <svg className="google-icon" viewBox="0 0 24 24">
+                <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
+                <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
+                <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
+                <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
+              </svg>
+              Continue with Google
+            </button>
+
+            <button 
+              type="button" 
+              className="phone-btn"
+              onClick={handlePhoneSignIn}
+              disabled={isLoading}
+            >
+              <Phone size={16} />
+              Continue with Phone
+            </button>
+          </div>
+        </div>
+
+        {/* Footer */}
+        <div className="login-footer">
+          <p>
+            Don't have an account?{' '}
+            <button 
+              type="button" 
+              className="link-btn"
+              onClick={onNavigateToSignup}
+            >
+              Sign up here
+            </button>
+          </p>
+          {onExploreAsGuest && (
+            <p style={{ marginTop: 10 }}>
+              Or{' '}
+              <button type="button" className="link-btn" onClick={onExploreAsGuest}>
+                Explore as guest
+              </button>
+              {' '}— no signup, sample demo data included
+            </p>
+          )}
+          <div className="login-powered-by">
+            <a href="https://neon.ai" target="_blank" rel="noopener noreferrer" className="footer-neon-link">
+              <img src="/neon-logo.png" alt="" className="footer-neon-logo" />
+              Powered by Neon.ai
+            </a>
+          </div>
+        </div>
+      </div>
+      </div>
+      <footer className="login-page-footer">
+        <CopyrightNotice className="login-page-copyright" />
+      </footer>
+    </div>
+  );
+};
+
+export default Login;
diff --git a/frontend/src/components/MessageBubble.js b/frontend/src/components/MessageBubble.js
new file mode 100644
index 0000000000000000000000000000000000000000..88a403b550ca5e8f83271cd0a6c7852c3af4d159
--- /dev/null
+++ b/frontend/src/components/MessageBubble.js
@@ -0,0 +1,672 @@
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { Reply, Copy, Check, Maximize2, FileText, Hash, Target, Volume2, VolumeX, Search, X, Loader2 } from 'lucide-react';
+import * as LucideIcons from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import { useTheme } from '../contexts/ThemeContext';
+const stripMarkdown = (md) => {
+  if (!md) return '';
+  return md
+    .replace(/```[\s\S]*?```/g, '')
+    .replace(/`([^`]+)`/g, '$1')
+    .replace(/#{1,6}\s?/g, '')
+    .replace(/[*_~]{1,3}([^*_~]+)[*_~]{1,3}/g, '$1')
+    .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1')
+    .replace(/!\[([^\]]*)\]\([^)]+\)/g, '$1')
+    .replace(/[-*+]\s/g, '')
+    .replace(/\n{2,}/g, '. ')
+    .replace(/\n/g, ' ')
+    .trim();
+};
+
+const MessageBubble = ({ 
+  message, 
+  onReply, 
+  onCopy, 
+  onExpand,
+  onSearchReferences,
+  showReplyButton = false,
+  inlineAvatar = false,
+  userAvatarId,
+  userAvatarOptions
+}) => {
+  const { isDark } = useTheme();
+  const { allPersonas: advisors, getAllPersonaColors: getAdvisorColors } = useAppConfig();
+  const [showTooltip, setShowTooltip] = useState(null);
+  const [copiedStates, setCopiedStates] = useState({});
+  const [isSpeaking, setIsSpeaking] = useState(false);
+  const [isLoadingTTS, setIsLoadingTTS] = useState(false);
+  const [searchPopover, setSearchPopover] = useState(false);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [searchLoading, setSearchLoading] = useState(false);
+  const [promptCopied, setPromptCopied] = useState(false);
+  const [bodyExpanded, setBodyExpanded] = useState(false);
+  const overlayRef = useRef(null);
+  const tooltipTimer = useRef(null);
+  const audioRef = useRef(null);
+  const SHOW_MORE_CHARS = 1100;
+
+  const handleSpeak = useCallback(async (content) => {
+    if (isSpeaking || isLoadingTTS) {
+      if (audioRef.current) { audioRef.current.pause(); audioRef.current = null; }
+      setIsSpeaking(false);
+      setIsLoadingTTS(false);
+      return;
+    }
+    const text = (content || '').trim();
+    if (!text) return;
+    setIsLoadingTTS(true);
+    try {
+      const token = localStorage.getItem('authToken');
+      const resp = await fetch(`${process.env.REACT_APP_API_URL}/voice/tts`, {
+        method: 'POST',
+        headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify({ text }),
+      });
+      if (!resp.ok) throw new Error('TTS failed');
+      const blob = await resp.blob();
+      const url = URL.createObjectURL(blob);
+      const audio = new Audio(url);
+      audioRef.current = audio;
+      setIsLoadingTTS(false);
+      setIsSpeaking(true);
+      audio.onended = () => { setIsSpeaking(false); URL.revokeObjectURL(url); audioRef.current = null; };
+      audio.onerror = () => { setIsSpeaking(false); URL.revokeObjectURL(url); audioRef.current = null; };
+      audio.play();
+    } catch (e) {
+      console.error('TTS error:', e);
+      setIsLoadingTTS(false);
+      setIsSpeaking(false);
+    }
+  }, [isSpeaking, isLoadingTTS]);
+
+  useEffect(() => {
+    return () => { if (audioRef.current) { audioRef.current.pause(); audioRef.current = null; } };
+  }, []);
+
+  const handleCopy = async (messageId, content) => {
+    try {
+      await navigator.clipboard.writeText(content || '');
+      setCopiedStates(prev => ({ ...prev, [messageId]: true }));
+      if (onCopy) onCopy(messageId, content || '');
+      setTimeout(() => {
+        setCopiedStates(prev => ({ ...prev, [messageId]: false }));
+      }, 2000);
+    } catch (err) {
+      console.error('Failed to copy text: ', err);
+    }
+  };
+
+  const handleExpand = (messageId, persona_id) => {
+    if (onExpand) onExpand(messageId, persona_id);
+  };
+
+  const handleSearch = async () => {
+    setSearchPopover(true);
+    setSearchLoading(true);
+    const content = message?.compact_markdown || message?.content || '';
+    try {
+      const token = localStorage.getItem('authToken');
+      const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/search-references`, {
+        method: 'POST',
+        headers: { 'Authorization': `Bearer ${token}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify({ statement: content.substring(0, 500) }),
+      });
+      if (resp.ok) {
+        const data = await resp.json();
+        setSearchQuery(data.search_query || content.substring(0, 100));
+      } else {
+        setSearchQuery(content.substring(0, 100));
+      }
+    } catch {
+      setSearchQuery(content.substring(0, 100));
+    } finally {
+      setSearchLoading(false);
+    }
+  };
+
+  const showTooltipWithDelay = (tooltipType) => {
+    clearTimeout(tooltipTimer.current);
+    tooltipTimer.current = setTimeout(() => setShowTooltip(tooltipType), 500);
+  };
+
+  const hideTooltip = () => {
+    clearTimeout(tooltipTimer.current);
+    setShowTooltip(null);
+  };
+
+  // Minimal, safe preprocessing (keep Markdown structure intact)
+  const preprocessMarkdown = (content) => {
+    const input = (content || '').toString();
+
+    // 1) Strip trailing sentinel
+    let processed = input.replace(/\s*<\/END>\s*$/i, '');
+
+    // 2) Normalize EOL and trim right spaces (preserve newlines)
+    processed = processed.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+    processed = processed.split('\n').map(ln => ln.replace(/\s+$/, '')).join('\n');
+
+    // 3) Unicode bullets -> '-' (so GFM parses lists)
+    processed = processed.replace(/^\s*[•●▪◦]\s+/gm, '- ');
+
+    // 4) Merge orphan numbered items: "1.\nText" => "1. Text"
+    processed = processed.replace(/(^\s*(\d+)\.\s*$)\n^\s*(\S.*)$/gm, (_m, _a, num, next) => `${num}. ${next}`);
+
+    // 5) Collapse 3+ blank lines to 2
+    processed = processed.replace(/\n{3,}/g, '\n\n');
+
+    return processed.trim();
+  };
+
+  // ENHANCED MARKDOWN COMPONENTS WITH BETTER STYLING
+  const markdownComponents = {
+    // Keep <strong> INLINE to avoid breaking paragraphs/lists
+    strong: ({ children }) => (
+      <strong style={{ 
+        fontWeight: '700',
+        color: isDark ? '#ffffff' : '#1f2937'
+      }}>
+        {children}
+      </strong>
+    ),
+    
+    // Italic text styling
+    em: ({ children }) => (
+      <em style={{ 
+        fontStyle: 'italic',
+        color: isDark ? '#93c5fd' : '#3b82f6',
+        fontWeight: '500'
+      }}>
+        {children}
+      </em>
+    ),
+    
+    // Paragraph styling with proper spacing
+    p: ({ children }) => (
+      <p style={{ 
+        marginBottom: '0.75rem',
+        lineHeight: '1.7',
+        color: isDark ? '#e5e7eb' : '#111827'
+      }}>
+        {children}
+      </p>
+    ),
+
+    // Unordered list styling
+    ul: ({ children }) => (
+      <ul style={{ 
+        listStyleType: 'disc',
+        paddingLeft: '1.5rem',
+        marginBottom: '1rem',
+        marginTop: '0.5rem',
+        color: isDark ? '#e5e7eb' : '#374151'
+      }}>
+        {children}
+      </ul>
+    ),
+    
+    // Ordered list styling with better spacing
+    ol: ({ children }) => (
+      <ol style={{ 
+        listStyleType: 'decimal',
+        paddingLeft: '1.5rem',
+        marginBottom: '1rem',
+        marginTop: '0.5rem',
+        color: isDark ? '#e5e7eb' : '#374151',
+        counterReset: 'list-counter'
+      }}>
+        {children}
+      </ol>
+    ),
+    
+    // List item styling with proper spacing
+    li: ({ children }) => (
+      <li style={{ 
+        marginBottom: '0.75rem',
+        lineHeight: '1.6',
+      }}>
+        {children}
+      </li>
+    ),
+    
+    // Inline code styling
+    code: ({ inline, children }) => (
+      inline ? (
+        <code style={{ 
+          backgroundColor: isDark ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.06)',
+          padding: '0.2rem 0.35rem',
+          borderRadius: '4px',
+          fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+          fontSize: '0.875rem'
+        }}>
+          {children}
+        </code>
+      ) : (
+        <pre style={{ 
+          backgroundColor: isDark ? 'rgba(255,255,255,0.06)' : 'rgba(0,0,0,0.04)',
+          padding: '0.85rem',
+          borderRadius: '8px',
+          overflowX: 'auto',
+          margin: '0.5rem 0 1rem'
+        }}>
+          <code>
+            {children}
+          </code>
+        </pre>
+      )
+    )
+  };
+
+  // USER MESSAGE
+  if (message.type === 'user') {
+    const uAvatar = userAvatarOptions?.find(a => a.id === userAvatarId);
+    const UserIcon = uAvatar
+      ? (LucideIcons[uAvatar.icon] || LucideIcons.User)
+      : null;
+
+    return (
+      <div className="user-message-container">
+        <div className="user-message">
+          {message.replyTo && (
+            <div className="reply-indicator">
+              <Reply size={14} />
+              <span>to {message.replyTo.advisorName}</span>
+            </div>
+          )}
+          <p>{message.content}</p>
+        </div>
+        {UserIcon && (
+          <div style={{
+            width: 32, height: 32, borderRadius: '50%', flexShrink: 0, marginLeft: 8,
+            backgroundColor: uAvatar.bg, color: uAvatar.color,
+            display: 'flex', alignItems: 'center', justifyContent: 'center'
+          }}>
+            <UserIcon size={16} />
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  // ADVISOR MESSAGE
+  if (message.type === 'advisor') {
+    const personaId =
+      message?.persona_id ||
+      message?.personaId ||
+      message?.advisor_id ||
+      message?.advisorId ||
+      (typeof message?.advisor === 'string' ? message.advisor : undefined) ||
+      'methodologist';
+
+    const advisor = advisors[personaId] || advisors[message.persona_id] || {};
+    const Icon = advisor.icon;
+    const colors = getAdvisorColors(personaId, isDark);
+    const isCopied = copiedStates[message.id];
+
+    const avatarElement = (size = 44) => {
+      const iconSize = Math.round(size * 0.52);
+      return (
+        <div
+          className="advisor-message-avatar-ring"
+          style={{ width: size, height: size }}
+        >
+          {advisor.avatarUrl ? (
+            <img
+              src={advisor.avatarUrl}
+              alt={advisor.name || 'Advisor'}
+            />
+          ) : Icon ? (
+            <Icon
+              className="advisor-message-avatar-icon"
+              style={{
+                color: colors.color || 'var(--text-secondary)',
+                width: iconSize,
+                height: iconSize,
+              }}
+            />
+          ) : (
+            <span
+              className="advisor-message-avatar-initial"
+              style={{ color: colors.color || 'var(--text-secondary)', fontSize: iconSize }}
+            >
+              {advisor.name ? advisor.name.charAt(0) : 'A'}
+            </span>
+          )}
+        </div>
+      );
+    };
+
+    return (
+      <div className={`advisor-message-container ${inlineAvatar ? 'inline-avatar-mode' : ''}`}>
+        {!inlineAvatar && (
+          <div 
+            className="advisor-avatar" 
+            style={{ backgroundColor: colors.bgColor || 'var(--bg-muted)', overflow: 'hidden' }}
+          >
+          </div>
+        )}
+
+        <div 
+          className="advisor-message-bubble"
+          style={{ 
+            backgroundColor: colors.bgColor || 'var(--bg-primary)',
+            borderColor: (colors.color ? colors.color + '40' : 'var(--border-muted)'),
+            position: 'relative'
+          }}
+        >
+          <div className="advisor-message-header">
+            {inlineAvatar && avatarElement(44)}
+            <h4 
+              className="advisor-message-name" 
+              style={{ color: colors.color || 'var(--text-primary)' }}
+            >
+              {advisor.name || message.advisorName || 'Advisor'}
+              {message.isReply && <span className="reply-badge">↳ Reply</span>}
+              {message.isExpansion && <span className="expansion-badge">⤴ Expanded</span>}
+            </h4>
+            <span 
+              className="message-time"
+              style={{ 
+                color: colors.color || 'var(--text-secondary)',
+                opacity: 0.7 
+              }}
+            >
+              {message.timestamp?.toLocaleTimeString
+                ? message.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
+                : ''}
+            </span>
+          </div>
+          
+          {/* Enhanced markdown rendering with preprocessing — full body text, no ellipsis clip */}
+          {(() => {
+            const markdownBody = preprocessMarkdown(
+              message?.compact_markdown || message?.content || message?.text
+            );
+            const isLongBody = markdownBody.length > SHOW_MORE_CHARS;
+            const collapsed = isLongBody && !bodyExpanded;
+            return (
+              <>
+                <div
+                  className={`advisor-message-text${collapsed ? ' is-collapsed' : ''}`}
+                  style={{ color: colors.textColor || (isDark ? '#e5e7eb' : '#111827') }}
+                >
+                  <ReactMarkdown
+                    components={markdownComponents}
+                    remarkPlugins={[remarkGfm]}
+                    rehypePlugins={[]}
+                  >
+                    {markdownBody}
+                  </ReactMarkdown>
+                </div>
+                {isLongBody && (
+                  <button
+                    type="button"
+                    className="message-show-more"
+                    onClick={() => setBodyExpanded((v) => !v)}
+                    style={{ color: colors.color || 'var(--accent-primary)' }}
+                  >
+                    {bodyExpanded ? 'Show less' : 'Show more'}
+                  </button>
+                )}
+              </>
+            );
+          })()}
+          
+          {showReplyButton && (
+            <div className="message-actions">
+              <div className="message-action-buttons">
+                <div className="tooltip-container">
+                  <button 
+                    className="message-action-button"
+                    onClick={() => onReply && onReply(message)}
+                    onMouseEnter={() => showTooltipWithDelay('reply')}
+                    onMouseLeave={hideTooltip}
+                    style={{ 
+                      color: colors.color || 'var(--text-secondary)',
+                      borderColor: (colors.color ? colors.color + '40' : 'var(--border-muted)')
+                    }}
+                  >
+                    <Reply size={14} stroke="currentColor" fill="none" />
+                  </button>
+                  {showTooltip === 'reply' && (
+                    <div className="tooltip">Reply to this message</div>
+                  )}
+                </div>
+
+                <div className="tooltip-container">
+                  <button 
+                    className="message-action-button"
+                    onClick={() => handleCopy(message.id, message?.compact_markdown || message?.content || '')}
+                    onMouseEnter={() => showTooltipWithDelay('copy')}
+                    onMouseLeave={hideTooltip}
+                    style={{ 
+                      color: isCopied ? '#10B981' : (colors.color || 'var(--text-secondary)'),
+                      borderColor: isCopied ? '#10B98140' : (colors.color ? colors.color + '40' : 'var(--border-muted)')
+                    }}
+                  >
+                    {isCopied ? <Check size={14} /> : <Copy size={14} />}
+                  </button>
+                  {showTooltip === 'copy' && (
+                    <div className="tooltip">
+                      {isCopied ? 'Copied!' : 'Copy to clipboard'}
+                    </div>
+                  )}
+                </div>
+
+                <div className="tooltip-container">
+                  <button 
+                    className="message-action-button"
+                    onClick={() => handleExpand(message.id, personaId)}
+                    onMouseEnter={() => showTooltipWithDelay('expand')}
+                    onMouseLeave={hideTooltip}
+                    style={{ 
+                      color: colors.color || 'var(--text-secondary)',
+                      borderColor: (colors.color ? colors.color + '40' : 'var(--border-muted)')
+                    }}
+                  >
+                    <Maximize2 size={14} />
+                  </button>
+                  {showTooltip === 'expand' && (
+                    <div className="tooltip">More</div>
+                  )}
+                </div>
+
+                <div className="tooltip-container">
+                  <button 
+                    className="message-action-button"
+                    onClick={() => handleSpeak(message?.compact_markdown || message?.content || '')}
+                    onMouseEnter={() => showTooltipWithDelay('speak')}
+                    onMouseLeave={hideTooltip}
+                    style={{ 
+                      color: isLoadingTTS ? (colors.color || 'var(--text-secondary)') : isSpeaking ? '#EF4444' : (colors.color || 'var(--text-secondary)'),
+                      borderColor: isSpeaking ? '#EF444440' : (colors.color ? colors.color + '40' : 'var(--border-muted)'),
+                      opacity: isLoadingTTS ? 0.7 : 1,
+                    }}
+                  >
+                    {isLoadingTTS ? <Loader2 size={14} style={{ animation: 'spin 1s linear infinite' }} /> : isSpeaking ? <VolumeX size={14} /> : <Volume2 size={14} />}
+                  </button>
+                  {showTooltip === 'speak' && (
+                    <div className="tooltip">{isLoadingTTS ? 'Loading audio...' : isSpeaking ? 'Stop speaking' : 'Speak it'}</div>
+                  )}
+                </div>
+
+                <div className="tooltip-container">
+                  <button 
+                    className="message-action-button"
+                    onClick={handleSearch}
+                    onMouseEnter={() => showTooltipWithDelay('search')}
+                    onMouseLeave={hideTooltip}
+                    style={{ 
+                      color: colors.color || 'var(--text-secondary)',
+                      borderColor: (colors.color ? colors.color + '40' : 'var(--border-muted)')
+                    }}
+                  >
+                    <Search size={14} />
+                  </button>
+                  {showTooltip === 'search' && (
+                    <div className="tooltip">Search for references</div>
+                  )}
+                </div>
+
+              </div>
+            </div>
+          )}
+
+          {searchPopover && (
+            <div style={{
+              marginTop: 8, background: 'var(--bg-primary)',
+              border: '1px solid var(--border-primary)', borderRadius: 12,
+              padding: 14, boxShadow: '0 8px 32px rgba(0,0,0,0.12)',
+            }}>
+              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 }}>
+                <span style={{ fontWeight: 600, fontSize: 13, color: 'var(--text-primary)' }}>Search for References</span>
+                <button onClick={() => setSearchPopover(false)} style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--text-secondary)' }}>
+                  <X size={14} />
+                </button>
+              </div>
+              {searchLoading ? (
+                <div style={{ color: 'var(--text-secondary)', fontSize: 12 }}>Generating search query...</div>
+              ) : (
+                <>
+                  <div style={{
+                    background: 'var(--bg-secondary)', borderRadius: 8, padding: '8px 10px',
+                    fontSize: 12, color: 'var(--text-primary)', marginBottom: 8, lineHeight: 1.4,
+                  }}>{searchQuery}</div>
+                  <div style={{ display: 'flex', gap: 6 }}>
+                    <button onClick={() => window.open(`https://www.perplexity.ai/?q=${encodeURIComponent(searchQuery)}`, '_blank')} style={{
+                      padding: '6px 12px', borderRadius: 8, fontSize: 11, fontWeight: 600,
+                      background: 'var(--accent-primary)', color: '#fff', border: 'none', cursor: 'pointer',
+                    }}>Open in Perplexity</button>
+                    <button onClick={() => {
+                      navigator.clipboard.writeText(searchQuery).then(() => {
+                        setPromptCopied(true);
+                        setTimeout(() => setPromptCopied(false), 2000);
+                      }).catch(() => {});
+                    }} style={{
+                      padding: '6px 12px', borderRadius: 8, fontSize: 11, fontWeight: 600,
+                      background: promptCopied ? '#10B98120' : 'var(--bg-secondary)',
+                      color: promptCopied ? '#10B981' : 'var(--text-primary)',
+                      border: `1px solid ${promptCopied ? '#10B98140' : 'var(--border-primary)'}`,
+                      cursor: 'pointer',
+                      transition: 'all 0.2s ease',
+                    }}>{promptCopied ? '✓ Copied!' : 'Copy Prompt'}</button>
+                  </div>
+                </>
+              )}
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  }
+
+  // ERROR MESSAGE
+  if (message.type === 'error') {
+    return (
+      <div className="error-message-container">
+        <div className="error-message">
+          <p>{message.content}</p>
+        </div>
+      </div>
+    );
+  }
+
+  return null;
+};
+
+export default MessageBubble;
+
+const RagChunkPreview = ({ text }) => {
+  const [expanded, setExpanded] = useState(false);
+  const full = (text || '').toString();
+  const isLong = full.length > 240;
+  const shown = !isLong || expanded ? full : full.slice(0, 240);
+  return (
+    <div className="rag-chunk-preview">
+      {shown}
+      {isLong && (
+        <>
+          {' '}
+          <button
+            type="button"
+            className="message-show-more"
+            onClick={() => setExpanded((v) => !v)}
+            style={{ fontSize: 11 }}
+          >
+            {expanded ? 'Show less' : 'Show more'}
+          </button>
+        </>
+      )}
+    </div>
+  );
+};
+
+/** RAG Info overlay kept as-is from your original file */
+const RagInfoOverlay = ({ ragMetadata, colors }) => {
+  const overlayRef = useRef(null);
+  const [documentChunks, setDocumentChunks] = useState([]);
+
+  useEffect(() => {
+    if (ragMetadata?.documentChunks) {
+      setDocumentChunks(ragMetadata.documentChunks);
+    }
+  }, [ragMetadata]);
+
+  const hasDocuments = documentChunks.length > 0;
+
+  return (
+    <div className="rag-info-overlay" ref={overlayRef}>
+      <div className="rag-overlay-content">
+        <div className="rag-header">
+          <div className="rag-title">
+            <FileText size={14} />
+            <span>Response Details</span>
+          </div>
+        </div>
+
+        <div className="rag-section">
+          <div className="rag-metrics">
+            <div className="metric-item">
+              <Hash size={14} />
+              <span className="metric-label">Model</span>
+              <span className="metric-value">{ragMetadata?.model || 'unknown'}</span>
+            </div>
+            <div className="metric-item">
+              <Hash size={14} />
+              <span className="metric-label">Tokens</span>
+              <span className="metric-value">{ragMetadata?.tokens ?? '—'}</span>
+            </div>
+          </div>
+        </div>
+
+        {hasDocuments && documentChunks.length > 0 && (
+          <div className="rag-documents-section">
+            <div className="rag-section-title">
+              <FileText size={12} />
+              Referenced Sources
+            </div>
+            
+            {documentChunks.map((chunk, index) => (
+              <div key={index} className="rag-document-item">
+                <div className="rag-document-header">
+                  <span className="rag-filename">
+                    {chunk.metadata?.filename || 'Unknown file'}
+                  </span>
+                  <span className="rag-relevance">
+                    <Target size={10} />
+                    {Math.round((chunk.relevance_score || 0) * 100)}%
+                  </span>
+                </div>
+                
+                {chunk.text && (
+                  <RagChunkPreview text={chunk.text} />
+                )}
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
diff --git a/frontend/src/components/ModelStatusModal.js b/frontend/src/components/ModelStatusModal.js
new file mode 100644
index 0000000000000000000000000000000000000000..d7bc23886256abda7f9afe172df6b9c599263f85
--- /dev/null
+++ b/frontend/src/components/ModelStatusModal.js
@@ -0,0 +1,215 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { Activity, RefreshCw, X } from 'lucide-react';
+
+const overlay = {
+  position: 'fixed',
+  inset: 0,
+  background: 'rgba(0,0,0,0.5)',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  zIndex: 1100,
+};
+
+const modal = {
+  background: 'var(--bg-primary, #fff)',
+  borderRadius: 16,
+  width: 560,
+  maxWidth: '95vw',
+  maxHeight: '85vh',
+  overflow: 'hidden',
+  boxShadow: 'var(--shadow-xl, 0 20px 40px rgba(0,0,0,0.2))',
+  display: 'flex',
+  flexDirection: 'column',
+};
+
+const statusColor = {
+  online: '#059669',
+  unavailable: '#b45309',
+  error: '#dc2626',
+};
+
+/**
+ * Settings → Model Status modal. Calls backend /models/status (probes).
+ * Secrets never leave the server.
+ */
+const ModelStatusModal = ({ onClose, onStatusLoaded }) => {
+  const [payload, setPayload] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+
+  const load = useCallback(async (refresh = false) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const url = `${process.env.REACT_APP_API_URL || ''}/models/status${refresh ? '?refresh=true' : ''}`;
+      const resp = await fetch(url);
+      if (!resp.ok) throw new Error(`Status request failed (${resp.status})`);
+      const data = await resp.json();
+      setPayload(data);
+      if (typeof onStatusLoaded === 'function') onStatusLoaded(data);
+    } catch (e) {
+      setError(e.message || 'Failed to load model status');
+      // Fail open for the picker: parent keeps unfiltered list
+      if (typeof onStatusLoaded === 'function') {
+        onStatusLoaded({ check_failed: true, online_providers: null, models: [] });
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [onStatusLoaded]);
+
+  useEffect(() => {
+    load(false);
+  }, [load]);
+
+  const models = payload?.models || [];
+
+  return ReactDOM.createPortal(
+    <div
+      style={overlay}
+      onMouseDown={(e) => {
+        if (e.target === e.currentTarget) onClose();
+      }}
+      role="dialog"
+      aria-modal="true"
+      aria-label="Model Status"
+    >
+      <div style={modal}>
+        <div
+          style={{
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: '16px 20px',
+            borderBottom: '1px solid var(--border-primary, #e2e8f0)',
+          }}
+        >
+          <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+            <Activity size={18} />
+            <strong>Model Status</strong>
+          </div>
+          <div style={{ display: 'flex', gap: 8 }}>
+            <button
+              type="button"
+              onClick={() => load(true)}
+              disabled={loading}
+              title="Refresh probes"
+              style={{
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: 6,
+                padding: '8px 12px',
+                borderRadius: 8,
+                border: '1px solid var(--border-primary, #e2e8f0)',
+                background: 'var(--bg-secondary, #f8fafc)',
+                cursor: loading ? 'wait' : 'pointer',
+                minHeight: 44,
+              }}
+            >
+              <RefreshCw size={16} className={loading ? 'spinning' : undefined} />
+              Refresh
+            </button>
+            <button
+              type="button"
+              onClick={onClose}
+              aria-label="Close"
+              style={{
+                border: 'none',
+                background: 'transparent',
+                cursor: 'pointer',
+                padding: 8,
+                minHeight: 44,
+                minWidth: 44,
+              }}
+            >
+              <X size={18} />
+            </button>
+          </div>
+        </div>
+
+        <div style={{ padding: 20, overflowY: 'auto', flex: 1 }}>
+          {error && (
+            <p style={{ color: '#dc2626', marginTop: 0 }}>
+              {error}. Provider list left unfiltered (fail open).
+            </p>
+          )}
+          {payload?.check_failed && (
+            <p style={{ color: '#b45309' }}>
+              Full status check failed. Showing last known results if any; selection list was not
+              restricted.
+            </p>
+          )}
+          {payload?.checked_at && (
+            <p style={{ color: 'var(--text-secondary, #64748b)', fontSize: 13 }}>
+              Checked {new Date(payload.checked_at).toLocaleString()}
+              {payload.cached ? ' (cached)' : ''}
+            </p>
+          )}
+          {loading && !payload ? (
+            <p>Probing models…</p>
+          ) : (
+            <ul style={{ listStyle: 'none', padding: 0, margin: 0 }}>
+              {models.map((m) => (
+                <li
+                  key={m.id}
+                  style={{
+                    border: '1px solid var(--border-primary, #e2e8f0)',
+                    borderRadius: 12,
+                    padding: '12px 14px',
+                    marginBottom: 10,
+                  }}
+                >
+                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 12 }}>
+                    <div>
+                      <strong>{m.name}</strong>
+                      <div style={{ fontSize: 13, color: 'var(--text-secondary, #64748b)' }}>
+                        {m.model || m.provider}
+                        {!m.selectable ? ' · fallback only' : ''}
+                      </div>
+                    </div>
+                    <span
+                      style={{
+                        color: statusColor[m.status] || '#64748b',
+                        fontWeight: 600,
+                        textTransform: 'capitalize',
+                        whiteSpace: 'nowrap',
+                      }}
+                    >
+                      {m.status}
+                    </span>
+                  </div>
+                  {m.status === 'error' && m.error && (
+                    <pre
+                      style={{
+                        margin: '8px 0 0',
+                        whiteSpace: 'pre-wrap',
+                        wordBreak: 'break-word',
+                        fontSize: 12,
+                        color: '#991b1b',
+                        background: '#fef2f2',
+                        padding: 8,
+                        borderRadius: 8,
+                      }}
+                    >
+                      {m.error}
+                    </pre>
+                  )}
+                  {typeof m.latency_ms === 'number' && (
+                    <div style={{ fontSize: 12, color: '#94a3b8', marginTop: 6 }}>
+                      {m.latency_ms} ms
+                    </div>
+                  )}
+                </li>
+              ))}
+            </ul>
+          )}
+        </div>
+      </div>
+    </div>,
+    document.body
+  );
+};
+
+export default ModelStatusModal;
diff --git a/frontend/src/components/OnboardingChat.js b/frontend/src/components/OnboardingChat.js
new file mode 100644
index 0000000000000000000000000000000000000000..ea8340925bdb2e539707756c10c1a33770a72233
--- /dev/null
+++ b/frontend/src/components/OnboardingChat.js
@@ -0,0 +1,153 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { X, Send, MessageCircle } from 'lucide-react';
+
+const OnboardingChat = ({ authToken, onClose, userName }) => {
+  const [messages, setMessages] = useState([]);
+  const [input, setInput] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [complete, setComplete] = useState(false);
+  const endRef = useRef(null);
+
+  useEffect(() => {
+    startOnboarding();
+  }, []);
+
+  useEffect(() => {
+    endRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages]);
+
+  const startOnboarding = async () => {
+    try {
+      const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/onboarding/start`, {
+        headers: { 'Authorization': `Bearer ${authToken}` },
+      });
+      if (resp.ok) {
+        const data = await resp.json();
+        setMessages(data.messages || [{ role: 'agent', text: data.reply }]);
+        setProgress(data.progress);
+        setComplete(data.complete || false);
+      }
+    } catch (e) {
+      setMessages([{ role: 'agent', text: "Hi! What is your security role and what are you trying to accomplish right now?" }]);
+    }
+  };
+
+  const sendMessage = async () => {
+    if (!input.trim() || loading) return;
+    const userText = input;
+    setInput('');
+    setMessages(prev => [...prev, { role: 'user', text: userText }]);
+    setLoading(true);
+    try {
+      const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/onboarding/chat`, {
+        method: 'POST',
+        headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify({ user_input: userText }),
+      });
+      if (resp.ok) {
+        const data = await resp.json();
+        setMessages(prev => [...prev, { role: 'agent', text: data.reply }]);
+        setProgress(data.progress);
+        setComplete(data.complete);
+      }
+    } catch (e) {
+      setMessages(prev => [...prev, { role: 'agent', text: "Sorry, I had trouble processing that. Try again?" }]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div style={{
+      position: 'fixed', inset: 0, zIndex: 9999,
+      background: 'rgba(0,0,0,0.5)', display: 'flex',
+      alignItems: 'center', justifyContent: 'center',
+    }}>
+      <div style={{
+        background: 'var(--bg-primary)', borderRadius: 16,
+        width: '90%', maxWidth: 500, height: '70vh', maxHeight: 600,
+        display: 'flex', flexDirection: 'column', overflow: 'hidden',
+        boxShadow: '0 20px 60px rgba(0,0,0,0.3)',
+      }}>
+        {/* Header */}
+        <div style={{
+          padding: '14px 18px', borderBottom: '1px solid var(--border-primary)',
+          display: 'flex', justifyContent: 'space-between', alignItems: 'center',
+        }}>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+            <MessageCircle size={18} style={{ color: 'var(--accent-primary)' }} />
+            <span style={{ fontWeight: 600, color: 'var(--text-primary)', fontSize: 14 }}>
+              Tell us about yourself
+            </span>
+          </div>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
+            <div style={{
+              background: 'var(--bg-secondary)', borderRadius: 8, padding: '4px 10px',
+              fontSize: 11, fontWeight: 600, color: 'var(--accent-primary)',
+            }}>{progress}% complete</div>
+            <button onClick={onClose} style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--text-secondary)' }}>
+              <X size={18} />
+            </button>
+          </div>
+        </div>
+
+        {/* Messages */}
+        <div style={{ flex: 1, overflowY: 'auto', padding: 16, display: 'flex', flexDirection: 'column', gap: 10 }}>
+          {messages.map((m, i) => (
+            <div key={i} style={{
+              alignSelf: m.role === 'user' ? 'flex-end' : 'flex-start',
+              maxWidth: '80%',
+              background: m.role === 'user' ? 'var(--accent-primary)' : 'var(--bg-secondary)',
+              color: m.role === 'user' ? '#fff' : 'var(--text-primary)',
+              padding: '10px 14px', borderRadius: 12, fontSize: 13, lineHeight: 1.5,
+            }}>
+              {m.text}
+            </div>
+          ))}
+          {loading && (
+            <div style={{ alignSelf: 'flex-start', color: 'var(--text-secondary)', fontSize: 12 }}>
+              Thinking...
+            </div>
+          )}
+          <div ref={endRef} />
+        </div>
+
+        {/* Input */}
+        {!complete && (
+          <div style={{
+            padding: '10px 14px', borderTop: '1px solid var(--border-primary)',
+            display: 'flex', gap: 8,
+          }}>
+            <input
+              value={input}
+              onChange={e => setInput(e.target.value)}
+              onKeyDown={e => e.key === 'Enter' && sendMessage()}
+              placeholder="Type your answer..."
+              disabled={loading}
+              style={{
+                flex: 1, padding: '8px 12px', borderRadius: 8,
+                border: '1px solid var(--border-primary)', background: 'var(--bg-secondary)',
+                color: 'var(--text-primary)', fontSize: 13, outline: 'none',
+              }}
+            />
+            <button
+              onClick={sendMessage}
+              disabled={!input.trim() || loading}
+              style={{
+                padding: '8px 12px', borderRadius: 8, border: 'none',
+                background: input.trim() ? 'var(--accent-primary)' : 'var(--bg-secondary)',
+                color: input.trim() ? '#fff' : 'var(--text-secondary)',
+                cursor: input.trim() ? 'pointer' : 'default',
+              }}
+            >
+              <Send size={16} />
+            </button>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default OnboardingChat;
diff --git a/frontend/src/components/OnboardingTour.js b/frontend/src/components/OnboardingTour.js
new file mode 100644
index 0000000000000000000000000000000000000000..425c716aa0b2bdaccfefcd0449707168e65b5498
--- /dev/null
+++ b/frontend/src/components/OnboardingTour.js
@@ -0,0 +1,320 @@
+import React, { useEffect, useMemo } from 'react';
+import { TourProvider, useTour } from '@reactour/tour';
+import { Hand, GraduationCap, Plus, MessageCircle, Paperclip, BarChart3 } from 'lucide-react';
+import { useTheme } from '../contexts/ThemeContext';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import { TESTING_ONBOARDING } from '../App';
+import '../styles/OnboardingTour.css';
+
+const STORAGE_KEY = 'hasSeenOnboardingTour';
+
+// Fallbacks used when config.onboarding.* fields aren't provided by the backend.
+const DEFAULT_FEATURES = [
+  { Icon: GraduationCap, label: 'Get advice from specialized AI advisors' },
+  { Icon: MessageCircle, label: 'Save and revisit every conversation' },
+  { Icon: Paperclip, label: 'Upload PDFs and documents for context-aware answers' },
+  { Icon: BarChart3, label: 'Track your progress on a structured canvas' },
+];
+const DEFAULT_CANVAS_STEP = {
+  title: 'PhD Progress Canvas',
+  body: 'A dashboard view of your PhD journey — research progress, methodology, next steps, all in one place.',
+};
+
+const buildAdvisorBody = (advisors) => {
+  const names = Object.values(advisors || {}).map((a) => a.name).filter(Boolean);
+  if (names.length === 0) {
+    return "AI personas are ready to help. Click here anytime to see who's available.";
+  }
+  const firstThree = names.slice(0, 3).join(', ');
+  return `${names.length} AI personas are ready to help — ${firstThree}, and more. Click here anytime to see who's available.`;
+};
+
+const buildFeatures = (config, resolveIcon) => {
+  const fromConfig = config?.onboarding?.features;
+  if (!Array.isArray(fromConfig) || fromConfig.length === 0) return DEFAULT_FEATURES;
+  return fromConfig.map((f) => ({
+    Icon: f.icon ? resolveIcon(f.icon) : GraduationCap,
+    label: f.label || f.description || f.title || '',
+  }));
+};
+
+// Theme-resolved colors that match the rest of the app exactly
+const palette = (isDark) => ({
+  bg: isDark ? '#1F2937' : '#FFFFFF',
+  bgSubtle: isDark ? '#111827' : '#F9FAFB',
+  text: isDark ? '#F9FAFB' : '#111827',
+  textMuted: isDark ? '#D1D5DB' : '#6B7280',
+  textDim: isDark ? '#9CA3AF' : '#9CA3AF',
+  border: isDark ? '#374151' : '#E5E7EB',
+  accent: '#2663EB',
+  accentGrad: '#2663EB',
+  accentShadow: 'rgba(38, 99, 235, 0.45)',
+});
+
+// --- Step content -------------------------------------------------------
+const titleStyle = (c) => ({
+  margin: 0, fontSize: 22, fontWeight: 700, lineHeight: 1.2,
+  color: c.text, WebkitTextFillColor: c.text, letterSpacing: '-0.02em',
+});
+const bodyStyle = (c) => ({
+  margin: 0, fontSize: 15.5, lineHeight: 1.55,
+  color: c.textMuted, WebkitTextFillColor: c.textMuted,
+});
+
+const StepBody = ({ title, body, Icon, c }) => (
+  <div style={{ fontFamily: 'system-ui, -apple-system, sans-serif' }}>
+    <div style={{ display: 'flex', alignItems: 'center', gap: 14, marginBottom: 14 }}>
+      <div style={{
+        width: 48, height: 48, borderRadius: 14,
+        background: c.accent,
+        display: 'flex', alignItems: 'center', justifyContent: 'center',
+        flexShrink: 0,
+        boxShadow: `0 6px 16px -4px ${c.accentShadow}`,
+      }}>
+        <Icon size={24} color="#fff" strokeWidth={2.2} />
+      </div>
+      <div style={titleStyle(c)}>{title}</div>
+    </div>
+    <div style={bodyStyle(c)}>{body}</div>
+  </div>
+);
+
+const WelcomeBody = ({ c, title, subtitle, features }) => {
+  return (
+    <div style={{ fontFamily: 'system-ui, -apple-system, sans-serif', textAlign: 'center', padding: '4px 8px' }}>
+      <div style={{
+        width: 72, height: 72, borderRadius: 20, margin: '0 auto 20px',
+        background: c.accent,
+        display: 'flex', alignItems: 'center', justifyContent: 'center',
+        boxShadow: `0 12px 32px -8px ${c.accentShadow}`,
+      }}>
+        <Hand size={36} color="#fff" strokeWidth={2.2} />
+      </div>
+      <div style={{
+        margin: '0 0 12px', fontSize: 30, fontWeight: 800, lineHeight: 1.15,
+        color: c.text, WebkitTextFillColor: c.text, letterSpacing: '-0.025em',
+      }}>
+        Welcome to your<br />{title}
+      </div>
+      <div style={{
+        margin: '0 0 22px', fontSize: 16, lineHeight: 1.55,
+        color: c.textMuted, WebkitTextFillColor: c.textMuted,
+      }}>
+        {subtitle}
+      </div>
+      <div style={{
+        display: 'grid', gap: 14, textAlign: 'left',
+        background: c.bgSubtle,
+        border: `1px solid ${c.border}`,
+        borderRadius: 14, padding: '18px 20px',
+      }}>
+        {features.map(({ Icon, label }) => (
+          <div key={label} style={{ display: 'flex', alignItems: 'center', gap: 14 }}>
+            <div style={{
+              width: 32, height: 32, borderRadius: 8,
+              background: c.accent,
+              display: 'flex', alignItems: 'center', justifyContent: 'center',
+              flexShrink: 0,
+            }}>
+              <Icon size={18} color="#fff" strokeWidth={2.2} />
+            </div>
+            <span style={{ fontSize: 15, color: c.text, lineHeight: 1.4 }}>
+              {label}
+            </span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+const buildSteps = (c, data) => [
+  {
+    selector: 'body',
+    position: 'center',
+    content: <WelcomeBody c={c} title={data.title} subtitle={data.subtitle} features={data.features} />,
+    styles: {
+      maskArea: (base) => ({ ...base, x: -10000, y: -10000, width: 0, height: 0 }),
+      popover: (base) => ({
+        ...base,
+        maxWidth: 540,
+        minWidth: 460,
+        padding: '32px 30px 24px',
+        borderRadius: 22,
+        background: c.bg,
+        backgroundColor: c.bg,
+        color: c.text,
+        border: `1px solid ${c.border}`,
+        boxShadow: '0 30px 80px -10px rgba(0,0,0,0.5)',
+      }),
+    },
+  },
+  {
+    selector: '.advisor-status-button',
+    content: <StepBody c={c} Icon={GraduationCap} title="Meet your advisors" body={data.advisorBody} />,
+  },
+  {
+    selector: '.new-chat-button',
+    content: <StepBody c={c} Icon={Plus} title="Start a new chat" body="Begin a fresh conversation. Each chat is saved automatically so you can return to it later." />,
+  },
+  {
+    selector: '.sessions-list',
+    content: <StepBody c={c} Icon={MessageCircle} title="Your past chats" body="All your previous conversations live here. Click any session to pick up where you left off." />,
+  },
+  {
+    selector: '.enhanced-chat-input-container',
+    content: <StepBody c={c} Icon={Paperclip} title="Ask anything" body="Type a question, attach a PDF or document for context, and your advisors will respond with diverse perspectives." />,
+  },
+  {
+    selector: '.sidebar-canvas-btn',
+    content: <StepBody c={c} Icon={BarChart3} title={data.canvas.title} body={data.canvas.body} />,
+  },
+];
+
+// --- Custom Buttons -----------------------------------------------------
+const makeButtons = (c) => {
+  const ghostBtn = {
+    background: 'transparent', color: c.textMuted,
+    border: `1px solid ${c.border}`, padding: '10px 18px',
+    borderRadius: 10, fontSize: 14, fontWeight: 600, cursor: 'pointer',
+  };
+  const primaryBtn = {
+    background: c.accent, color: '#fff',
+    border: 'none', padding: '10px 22px',
+    borderRadius: 10, fontSize: 14, fontWeight: 600, cursor: 'pointer',
+    boxShadow: `0 4px 14px -4px ${c.accentShadow}`,
+  };
+
+  const PrevButton = ({ currentStep, setCurrentStep }) => {
+    if (currentStep === 0) return <span />;
+    return (
+      <button style={ghostBtn} onClick={() => setCurrentStep(currentStep - 1)}>Back</button>
+    );
+  };
+
+  const NextButton = ({ currentStep, stepsLength, setCurrentStep, setIsOpen }) => {
+    const isFirst = currentStep === 0;
+    const isLast = currentStep === stepsLength - 1;
+    const label = isFirst ? 'Begin tour' : isLast ? 'Get started' : 'Next';
+    const padded = isFirst ? { ...primaryBtn, padding: '12px 28px', fontSize: 15 } : primaryBtn;
+    return (
+      <button
+        style={padded}
+        onClick={() => (isLast ? setIsOpen(false) : setCurrentStep(currentStep + 1))}
+      >
+        {label}
+      </button>
+    );
+  };
+
+  const SkipButton = ({ onClick }) => (
+    <button
+      onClick={onClick}
+      style={{
+        position: 'absolute', top: 14, right: 16,
+        background: 'transparent', border: 'none',
+        color: c.textDim, fontSize: 13, fontWeight: 500,
+        cursor: 'pointer', padding: '4px 8px', borderRadius: 6,
+      }}
+    >
+      Skip tour
+    </button>
+  );
+
+  return { PrevButton, NextButton, SkipButton };
+};
+
+// Auto-opens the tour, writes flag on close.
+const TourLauncher = () => {
+  const { setIsOpen, isOpen } = useTour();
+
+  useEffect(() => {
+    const seen = localStorage.getItem(STORAGE_KEY) === 'true';
+    if (TESTING_ONBOARDING || !seen) {
+      const t = setTimeout(() => setIsOpen(true), 400);
+      return () => clearTimeout(t);
+    }
+  }, [setIsOpen]);
+
+  useEffect(() => {
+    if (!isOpen) {
+      if (sessionStorage.getItem('__tourStarted__')) {
+        localStorage.setItem(STORAGE_KEY, 'true');
+      }
+    } else {
+      sessionStorage.setItem('__tourStarted__', '1');
+    }
+  }, [isOpen]);
+
+  return null;
+};
+
+const OnboardingTour = ({ children }) => {
+  const { isDark } = useTheme();
+  const { config, advisors, resolveIcon } = useAppConfig();
+  const c = useMemo(() => palette(isDark), [isDark]);
+
+  const stepData = useMemo(() => ({
+    title: config?.app?.title || 'PhD Advisory Panel',
+    subtitle: config?.app?.subtitle || 'AI-Powered Guidance',
+    features: buildFeatures(config, resolveIcon),
+    advisorBody: buildAdvisorBody(advisors),
+    canvas: {
+      title: config?.onboarding?.tour_title || DEFAULT_CANVAS_STEP.title,
+      body: config?.onboarding?.tour_body || DEFAULT_CANVAS_STEP.body,
+    },
+  }), [config, advisors, resolveIcon]);
+
+  const steps = useMemo(() => buildSteps(c, stepData), [c, stepData]);
+  const { PrevButton, NextButton, SkipButton } = useMemo(() => makeButtons(c), [c]);
+
+  return (
+    <TourProvider
+      steps={steps}
+      showBadge={false}
+      disableInteraction
+      prevButton={PrevButton}
+      nextButton={NextButton}
+      components={{ Close: SkipButton }}
+      padding={{ mask: 8, popover: [16, 12] }}
+      styles={{
+        popover: (base) => ({
+          ...base,
+          borderRadius: 18,
+          padding: '28px 26px 22px',
+          maxWidth: 440,
+          minWidth: 360,
+          background: c.bg,
+          backgroundColor: c.bg,
+          color: c.text,
+          boxShadow: '0 30px 80px -10px rgba(0,0,0,0.5)',
+          border: `1px solid ${c.border}`,
+        }),
+        maskWrapper: (base) => ({ ...base, color: 'rgba(0, 0, 0, 0.82)' }),
+        maskArea: (base) => ({ ...base, rx: 14 }),
+        controls: (base) => ({
+          ...base,
+          marginTop: 22,
+          paddingTop: 18,
+          borderTop: `1px solid ${c.border}`,
+          alignItems: 'center',
+          justifyContent: 'space-between',
+        }),
+        dot: (base, { current }) => ({
+          ...base,
+          width: current ? 24 : 8,
+          height: 8,
+          borderRadius: 999,
+          background: current ? c.accent : c.border,
+          transition: 'all 0.25s ease',
+        }),
+        navigation: (base) => ({ ...base, gap: 7 }),
+      }}
+    >
+      <TourLauncher />
+      {children}
+    </TourProvider>
+  );
+};
+
+export default OnboardingTour;
diff --git a/frontend/src/components/ProfileWalkthrough.js b/frontend/src/components/ProfileWalkthrough.js
new file mode 100644
index 0000000000000000000000000000000000000000..0b663fdfaa0d3ba8ad4e0545692a338fc59ecd9a
--- /dev/null
+++ b/frontend/src/components/ProfileWalkthrough.js
@@ -0,0 +1,297 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { X, ChevronLeft, ChevronRight, Check } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+
+const buildSteps = (config) => {
+  const knowledgeLevels = (config?.login?.knowledge_levels || config?.login?.academic_stages || [])
+    .filter((o) => o.value)
+    .map((o) => ({ value: o.value, label: o.label }));
+
+  const timezones = (config?.login?.timezones || [])
+    .filter((o) => o.value)
+    .map((o) => ({ value: o.value, label: o.label }));
+
+  return [
+    {
+      title: 'Background',
+      fields: [
+        {
+          key: 'knowledge_level',
+          label: 'Cybersecurity knowledge level',
+          type: 'select',
+          options: knowledgeLevels.length
+            ? knowledgeLevels
+            : [
+                { value: 'newcomer', label: 'New to cybersecurity' },
+                { value: 'practitioner', label: 'Practitioner' },
+              ],
+        },
+        {
+          key: 'timezone',
+          label: 'Time zone',
+          type: 'select',
+          options: timezones.length
+            ? timezones
+            : [{ value: 'UTC', label: 'UTC' }],
+        },
+      ],
+    },
+    {
+      title: 'Role & environment',
+      fields: [
+        { key: 'cyber_role', label: 'Your role', type: 'select', options: ['Student / Learner', 'Career changer', 'SOC analyst', 'Security engineer', 'Architect / lead', 'Manager / director', 'Consultant', 'Other'] },
+        { key: 'organization_type', label: 'Organization type', type: 'select', options: ['Startup', 'Mid-size company', 'Enterprise', 'Government / public sector', 'Education', 'MSP / MSSP', 'Independent / job seeker'] },
+      ],
+    },
+    {
+      title: 'Focus & tools',
+      fields: [
+        { key: 'primary_domains', label: 'Primary domains (comma-separated)', type: 'text', placeholder: 'e.g. cloud, appsec, IR, GRC, identity' },
+        { key: 'certifications', label: 'Certifications (comma-separated)', type: 'text', placeholder: 'e.g. Security+, CISSP, OSCP, or none yet' },
+        { key: 'tools_stack', label: 'Tools & platforms (comma-separated)', type: 'text', placeholder: 'e.g. Splunk, CrowdStrike, AWS, Jira' },
+      ],
+    },
+    {
+      title: 'Goals & learning',
+      fields: [
+        { key: 'compliance_focus', label: 'Compliance / frameworks', type: 'text', placeholder: 'e.g. SOC 2, NIST CSF, ISO 27001, HIPAA' },
+        { key: 'current_goals', label: 'Current goals', type: 'textarea', placeholder: 'Audit prep, cert study, incident readiness, architecture review...' },
+        { key: 'learning_preferences', label: 'How you learn best', type: 'text', placeholder: 'Labs, reading, CTFs, mentorship, certifications...' },
+      ],
+    },
+  ];
+};
+
+const initFormFromProfile = (steps, profile) => {
+  const init = {};
+  steps.forEach((s) => s.fields.forEach((f) => {
+    const val = profile[f.key];
+    if (Array.isArray(val)) init[f.key] = val.join(', ');
+    else if (val) init[f.key] = val;
+  }));
+  return init;
+};
+
+const fieldStyle = {
+  width: '100%', padding: '10px 12px', borderRadius: 8, minHeight: 44,
+  border: '1px solid var(--border-primary)', background: 'var(--bg-secondary)',
+  color: 'var(--text-primary)', fontSize: 13, boxSizing: 'border-box',
+};
+
+/**
+ * Profile form walkthrough. When `embedded` is true, renders panel content only
+ * (no overlay) for use inside AboutYouModal.
+ */
+const ProfileWalkthrough = ({ authToken, onClose, existingProfile, embedded = false }) => {
+  const { config } = useAppConfig();
+  const steps = useMemo(() => buildSteps(config), [config]);
+  const [step, setStep] = useState(0);
+  const [formData, setFormData] = useState({});
+  const [saving, setSaving] = useState(false);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    let cancelled = false;
+    const fetchProfile = async () => {
+      try {
+        const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/users/me/profile`, {
+          headers: { 'Authorization': `Bearer ${authToken}` },
+        });
+        if (resp.ok && !cancelled) {
+          const profile = await resp.json();
+          setFormData(initFormFromProfile(steps, profile));
+        }
+      } catch (e) {
+        if (!cancelled && existingProfile) {
+          setFormData(initFormFromProfile(steps, existingProfile));
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    };
+    fetchProfile();
+    return () => { cancelled = true; };
+  }, [authToken, existingProfile, steps]);
+
+  const handleChange = (key, value) => setFormData((prev) => ({ ...prev, [key]: value }));
+
+  const saveProfile = async () => {
+    const payload = { ...formData };
+    ['primary_domains', 'certifications', 'tools_stack'].forEach((k) => {
+      if (typeof payload[k] === 'string') {
+        payload[k] = payload[k].split(',').map((s) => s.trim()).filter(Boolean);
+      }
+    });
+    const hasData = Object.values(payload).some((v) =>
+      (Array.isArray(v) ? v.length > 0 : Boolean(v))
+    );
+    if (!hasData) return;
+    try {
+      await fetch(`${process.env.REACT_APP_API_URL}/api/users/me/profile`, {
+        method: 'PUT',
+        headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload),
+      });
+    } catch (e) {
+      console.error('Failed to save profile:', e);
+    }
+  };
+
+  const handleSave = async () => {
+    setSaving(true);
+    await saveProfile();
+    setSaving(false);
+    if (!embedded && onClose) onClose();
+  };
+
+  const handleClose = async () => {
+    await saveProfile();
+    if (onClose) onClose();
+  };
+
+  const currentStep = steps[step];
+  const isLast = step === steps.length - 1;
+
+  const renderSelectOptions = (options) => options.map((o) => {
+    if (o && typeof o === 'object' && o.value != null) {
+      return <option key={o.value} value={o.value}>{o.label}</option>;
+    }
+    return <option key={o} value={o}>{o}</option>;
+  });
+
+  const formContent = loading ? (
+    <div style={{ textAlign: 'center', padding: 40, color: 'var(--text-secondary)', fontSize: 14 }}>
+      Loading profile...
+    </div>
+  ) : (
+    <>
+      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20 }}>
+        <h3 style={{ margin: 0, fontSize: 16, color: 'var(--text-primary)' }}>
+          {currentStep.title} ({step + 1}/{steps.length})
+        </h3>
+        {!embedded && (
+          <button
+            onClick={handleClose}
+            style={{
+              background: 'none', border: 'none', cursor: 'pointer',
+              color: 'var(--text-secondary)', minWidth: 44, minHeight: 44,
+              display: 'flex', alignItems: 'center', justifyContent: 'center',
+            }}
+          >
+            <X size={18} />
+          </button>
+        )}
+      </div>
+
+      <div style={{ height: 4, background: 'var(--bg-secondary)', borderRadius: 2, marginBottom: 20 }}>
+        <div style={{
+          height: '100%', borderRadius: 2, background: 'var(--accent-primary)',
+          width: `${((step + 1) / steps.length) * 100}%`, transition: 'width 0.3s',
+        }} />
+      </div>
+
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>
+        {currentStep.fields.map((f) => (
+          <div key={f.key}>
+            <label style={{ display: 'block', fontSize: 12, fontWeight: 600, color: 'var(--text-secondary)', marginBottom: 4 }}>
+              {f.label}
+            </label>
+            {f.type === 'select' ? (
+              <select
+                value={formData[f.key] || ''}
+                onChange={(e) => handleChange(f.key, e.target.value)}
+                style={fieldStyle}
+              >
+                <option value="">Select...</option>
+                {renderSelectOptions(f.options)}
+              </select>
+            ) : f.type === 'textarea' ? (
+              <textarea
+                value={formData[f.key] || ''}
+                onChange={(e) => handleChange(f.key, e.target.value)}
+                placeholder={f.placeholder}
+                rows={3}
+                style={{ ...fieldStyle, minHeight: 80, resize: 'vertical' }}
+              />
+            ) : (
+              <input
+                type="text"
+                value={formData[f.key] || ''}
+                onChange={(e) => handleChange(f.key, e.target.value)}
+                placeholder={f.placeholder}
+                style={fieldStyle}
+              />
+            )}
+          </div>
+        ))}
+      </div>
+
+      <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: 24, gap: 10 }}>
+        <button
+          type="button"
+          onClick={() => setStep((s) => s - 1)}
+          disabled={step === 0}
+          style={{
+            display: 'flex', alignItems: 'center', gap: 4, padding: '10px 16px',
+            minHeight: 44, borderRadius: 8, border: '1px solid var(--border-primary)',
+            background: 'var(--bg-secondary)', color: 'var(--text-primary)',
+            cursor: step === 0 ? 'default' : 'pointer', opacity: step === 0 ? 0.4 : 1,
+            fontSize: 13,
+          }}
+        >
+          <ChevronLeft size={14} /> Back
+        </button>
+        {isLast ? (
+          <button
+            type="button"
+            onClick={handleSave}
+            disabled={saving}
+            style={{
+              display: 'flex', alignItems: 'center', gap: 4, padding: '10px 16px',
+              minHeight: 44, borderRadius: 8, border: 'none',
+              background: 'var(--accent-primary)', color: '#fff',
+              cursor: 'pointer', fontSize: 13, fontWeight: 600,
+            }}
+          >
+            <Check size={14} /> {saving ? 'Saving...' : 'Save Profile'}
+          </button>
+        ) : (
+          <button
+            type="button"
+            onClick={() => setStep((s) => s + 1)}
+            style={{
+              display: 'flex', alignItems: 'center', gap: 4, padding: '10px 16px',
+              minHeight: 44, borderRadius: 8, border: 'none',
+              background: 'var(--accent-primary)', color: '#fff',
+              cursor: 'pointer', fontSize: 13, fontWeight: 600,
+            }}
+          >
+            Next <ChevronRight size={14} />
+          </button>
+        )}
+      </div>
+    </>
+  );
+
+  if (embedded) {
+    return <div>{formContent}</div>;
+  }
+
+  return (
+    <div onClick={handleClose} style={{
+      position: 'fixed', inset: 0, zIndex: 9999,
+      background: 'rgba(0,0,0,0.5)', display: 'flex',
+      alignItems: 'center', justifyContent: 'center',
+    }}>
+      <div onClick={(e) => e.stopPropagation()} style={{
+        background: 'var(--bg-primary)', borderRadius: 16,
+        width: '90%', maxWidth: 480, padding: 24,
+        boxShadow: '0 20px 60px rgba(0,0,0,0.3)',
+      }}>
+        {formContent}
+      </div>
+    </div>
+  );
+};
+
+export default ProfileWalkthrough;
diff --git a/frontend/src/components/SettingsModal.js b/frontend/src/components/SettingsModal.js
new file mode 100644
index 0000000000000000000000000000000000000000..9713323ee54d4b6de7cde730be52ede29c8f4ed7
--- /dev/null
+++ b/frontend/src/components/SettingsModal.js
@@ -0,0 +1,576 @@
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import ReactDOM from 'react-dom';
+import {
+  X, User as UserIcon, Lock, Trash2, AlertTriangle, Activity, RefreshCw, Loader2,
+} from 'lucide-react';
+
+const overlay = {
+  position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.5)',
+  display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1000,
+};
+
+const modal = {
+  background: 'var(--bg-primary)', borderRadius: 16, padding: 0, width: 560,
+  maxWidth: '95vw', maxHeight: '85vh', overflow: 'hidden',
+  boxShadow: 'var(--shadow-xl)', display: 'flex', flexDirection: 'column',
+};
+
+const header = {
+  display: 'flex', justifyContent: 'space-between', alignItems: 'center',
+  padding: '20px 24px', borderBottom: '1px solid var(--border-primary)',
+};
+
+const tabRow = {
+  display: 'flex', gap: 4, padding: '12px 16px 0',
+  borderBottom: '1px solid var(--border-primary)',
+  flexWrap: 'wrap',
+};
+
+const tabBtn = (active) => ({
+  display: 'flex', alignItems: 'center', gap: 8,
+  padding: '10px 14px', background: 'transparent',
+  border: 'none', borderBottom: active ? '2px solid var(--accent-primary)' : '2px solid transparent',
+  color: active ? 'var(--accent-primary)' : 'var(--text-secondary)',
+  cursor: 'pointer', fontSize: 13.5, fontWeight: 500,
+  marginBottom: -1,
+});
+
+const body = { padding: 24, overflowY: 'auto', flex: 1 };
+
+const label = { display: 'block', fontSize: 13, fontWeight: 600, color: 'var(--text-secondary)', marginBottom: 6 };
+
+const input = {
+  width: '100%', padding: '10px 12px', borderRadius: 8,
+  border: '1px solid var(--border-primary)', background: 'var(--bg-secondary)',
+  color: 'var(--text-primary)', fontSize: 14, boxSizing: 'border-box',
+};
+
+const primaryBtn = {
+  padding: '10px 16px', background: 'var(--accent-primary)',
+  color: '#fff', border: 'none', borderRadius: 8,
+  cursor: 'pointer', fontSize: 14, fontWeight: 500,
+};
+
+const dangerBtn = {
+  padding: '10px 16px', background: '#dc2626',
+  color: '#fff', border: 'none', borderRadius: 8,
+  cursor: 'pointer', fontSize: 14, fontWeight: 500,
+};
+
+const statusColors = {
+  online: { bg: 'rgba(22,163,74,0.12)', color: '#16a34a', border: 'rgba(22,163,74,0.35)' },
+  unavailable: { bg: 'rgba(234,179,8,0.12)', color: '#ca8a04', border: 'rgba(234,179,8,0.35)' },
+  error: { bg: 'rgba(220,38,38,0.1)', color: '#dc2626', border: 'rgba(220,38,38,0.3)' },
+};
+
+const SettingsModal = ({
+  user,
+  authToken,
+  onUserUpdate,
+  onSignOut,
+  onClose,
+  initialTab = 'profile',
+}) => {
+  const [activeTab, setActiveTab] = useState(initialTab || 'profile');
+
+  const mouseDownOnOverlay = useRef(false);
+  const handleOverlayMouseDown = (e) => {
+    mouseDownOnOverlay.current = e.target === e.currentTarget;
+  };
+  const handleOverlayMouseUp = (e) => {
+    if (mouseDownOnOverlay.current && e.target === e.currentTarget) onClose();
+    mouseDownOnOverlay.current = false;
+  };
+
+  const [firstName, setFirstName] = useState(user?.firstName || '');
+  const [lastName, setLastName] = useState(user?.lastName || '');
+  const [email, setEmail] = useState(user?.email || '');
+
+  const [currentPassword, setCurrentPassword] = useState('');
+  const [newPassword, setNewPassword] = useState('');
+  const [confirmPassword, setConfirmPassword] = useState('');
+
+  const [deleteConfirmPassword, setDeleteConfirmPassword] = useState('');
+  const [deleteConfirmText, setDeleteConfirmText] = useState('');
+
+  const [message, setMessage] = useState(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [modelStatus, setModelStatus] = useState(null);
+  const [statusLoading, setStatusLoading] = useState(false);
+  const [statusError, setStatusError] = useState(null);
+  const [currentProvider, setCurrentProvider] = useState(null);
+  const [switchingProvider, setSwitchingProvider] = useState(null);
+
+  const apiUrl = process.env.REACT_APP_API_URL;
+
+  const extractError = (data, fallback) => {
+    if (!data) return fallback;
+    if (typeof data.detail === 'string') return data.detail;
+    if (Array.isArray(data.detail) && data.detail[0]?.msg) return data.detail[0].msg;
+    return fallback;
+  };
+
+  const fetchModelStatus = useCallback(async (forceRefresh = false) => {
+    setStatusLoading(true);
+    setStatusError(null);
+    try {
+      const qs = forceRefresh ? '?refresh=true' : '';
+      const response = await fetch(`${apiUrl}/models/status${qs}`);
+      if (!response.ok) {
+        throw new Error(`Status request failed (${response.status})`);
+      }
+      const data = await response.json();
+      setModelStatus(data);
+    } catch (err) {
+      console.warn('Model status check failed; keeping unfiltered provider list.', err);
+      setStatusError(err.message || 'Could not load model status.');
+      setModelStatus({
+        models: [],
+        online_providers: null,
+        check_failed: true,
+        error: err.message || 'Network error',
+      });
+    } finally {
+      setStatusLoading(false);
+    }
+  }, [apiUrl]);
+
+  const fetchCurrentProvider = useCallback(async () => {
+    try {
+      const response = await fetch(`${apiUrl}/current-provider`);
+      if (response.ok) {
+        const data = await response.json();
+        setCurrentProvider(data.current_provider);
+      }
+    } catch {
+      /* provider display is best-effort */
+    }
+  }, [apiUrl]);
+
+  const handleProviderSwitch = async (providerId) => {
+    if (providerId === currentProvider || switchingProvider) return;
+    setSwitchingProvider(providerId);
+    setMessage(null);
+    try {
+      const response = await fetch(`${apiUrl}/switch-provider`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ provider: providerId }),
+      });
+      const data = await response.json().catch(() => null);
+      if (!response.ok) {
+        setMessage({ type: 'error', text: extractError(data, `Could not switch to ${providerId}.`) });
+        return;
+      }
+      setCurrentProvider(providerId);
+      setMessage({ type: 'success', text: `Advisors now use the ${providerId} provider.` });
+    } catch {
+      setMessage({ type: 'error', text: 'Network error while switching provider.' });
+    } finally {
+      setSwitchingProvider(null);
+    }
+  };
+
+  useEffect(() => {
+    if (activeTab === 'model-status') {
+      fetchModelStatus(false);
+      fetchCurrentProvider();
+    }
+  }, [activeTab, fetchModelStatus, fetchCurrentProvider]);
+
+  useEffect(() => {
+    setActiveTab(initialTab || 'profile');
+  }, [initialTab]);
+
+  const handleProfileSubmit = async (e) => {
+    e.preventDefault();
+    setMessage(null);
+    if (!firstName.trim()) {
+      setMessage({ type: 'error', text: 'First name is required.' });
+      return;
+    }
+    if (!email.trim()) {
+      setMessage({ type: 'error', text: 'Email is required.' });
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const payload = {
+        firstName: firstName.trim(),
+        lastName: lastName.trim(),
+      };
+      if (email.trim() !== (user?.email || '')) {
+        payload.email = email.trim();
+      }
+      const response = await fetch(`${apiUrl}/auth/me`, {
+        method: 'PATCH',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify(payload),
+      });
+      const data = await response.json().catch(() => null);
+      if (!response.ok) {
+        setMessage({ type: 'error', text: extractError(data, 'Could not update profile.') });
+        return;
+      }
+      onUserUpdate?.(data);
+      setFirstName(data.firstName || '');
+      setLastName(data.lastName || '');
+      setEmail(data.email || '');
+      setMessage({ type: 'success', text: 'Profile updated.' });
+    } catch (err) {
+      setMessage({ type: 'error', text: 'Network error. Please try again.' });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handlePasswordSubmit = async (e) => {
+    e.preventDefault();
+    setMessage(null);
+    if (newPassword !== confirmPassword) {
+      setMessage({ type: 'error', text: 'New passwords do not match.' });
+      return;
+    }
+    if (newPassword.length < 8) {
+      setMessage({ type: 'error', text: 'New password must be at least 8 characters.' });
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const response = await fetch(`${apiUrl}/auth/me/password`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify({
+          current_password: currentPassword,
+          new_password: newPassword,
+        }),
+      });
+      const data = await response.json().catch(() => null);
+      if (!response.ok) {
+        setMessage({ type: 'error', text: extractError(data, 'Could not change password.') });
+        return;
+      }
+      setCurrentPassword('');
+      setNewPassword('');
+      setConfirmPassword('');
+      setMessage({ type: 'success', text: 'Password changed.' });
+    } catch (err) {
+      setMessage({ type: 'error', text: 'Network error. Please try again.' });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleDeleteAccount = async (e) => {
+    e.preventDefault();
+    setMessage(null);
+    if (deleteConfirmText !== 'DELETE') {
+      setMessage({ type: 'error', text: 'Type DELETE to confirm.' });
+      return;
+    }
+    if (!deleteConfirmPassword) {
+      setMessage({ type: 'error', text: 'Password required to delete account.' });
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const response = await fetch(`${apiUrl}/auth/me`, {
+        method: 'DELETE',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${authToken}`,
+        },
+        body: JSON.stringify({ password: deleteConfirmPassword }),
+      });
+      const data = await response.json().catch(() => null);
+      if (!response.ok) {
+        setMessage({ type: 'error', text: extractError(data, 'Could not delete account.') });
+        return;
+      }
+      onClose?.();
+      onSignOut?.();
+    } catch (err) {
+      setMessage({ type: 'error', text: 'Network error. Please try again.' });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const messageStyle = (type) => ({
+    padding: '10px 12px', borderRadius: 8, marginBottom: 16, fontSize: 13,
+    background: type === 'error'
+      ? 'rgba(220,38,38,0.1)'
+      : type === 'success'
+        ? 'rgba(22,163,74,0.1)'
+        : 'var(--bg-secondary)',
+    color: type === 'error'
+      ? '#dc2626'
+      : type === 'success'
+        ? '#16a34a'
+        : 'var(--text-secondary)',
+    border: `1px solid ${
+      type === 'error'
+        ? 'rgba(220,38,38,0.3)'
+        : type === 'success'
+          ? 'rgba(22,163,74,0.3)'
+          : 'var(--border-primary)'
+    }`,
+  });
+
+  const switchTab = (tab) => {
+    setActiveTab(tab);
+    setMessage(null);
+  };
+
+  return ReactDOM.createPortal(
+    <div style={overlay} onMouseDown={handleOverlayMouseDown} onMouseUp={handleOverlayMouseUp}>
+      <div style={modal}>
+        <div style={header}>
+          <h3 style={{ margin: 0, color: 'var(--text-primary)', fontSize: 18 }}>Account Settings</h3>
+          <button onClick={onClose} style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--text-secondary)' }}>
+            <X size={20} />
+          </button>
+        </div>
+
+        <div style={tabRow}>
+          <button style={tabBtn(activeTab === 'profile')} onClick={() => switchTab('profile')}>
+            <UserIcon size={15} /> Profile
+          </button>
+          <button style={tabBtn(activeTab === 'password')} onClick={() => switchTab('password')}>
+            <Lock size={15} /> Password
+          </button>
+          <button style={tabBtn(activeTab === 'danger')} onClick={() => switchTab('danger')}>
+            <Trash2 size={15} /> Delete Account
+          </button>
+          <button style={tabBtn(activeTab === 'model-status')} onClick={() => switchTab('model-status')}>
+            <Activity size={15} /> Model Status
+          </button>
+        </div>
+
+        <div style={body}>
+          {message && <div style={messageStyle(message.type)}>{message.text}</div>}
+
+          {activeTab === 'profile' && (
+            <form onSubmit={handleProfileSubmit}>
+              <div style={{ marginBottom: 16 }}>
+                <label style={label}>Email</label>
+                {user?.is_guest ? (
+                  <input style={{ ...input, opacity: 0.6, cursor: 'not-allowed' }} value={user?.email || ''} disabled />
+                ) : (
+                  <input type="email" style={input} value={email} onChange={(e) => setEmail(e.target.value)} />
+                )}
+              </div>
+              <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12, marginBottom: 16 }}>
+                <div>
+                  <label style={label}>First Name</label>
+                  <input style={input} value={firstName} onChange={(e) => setFirstName(e.target.value)} />
+                </div>
+                <div>
+                  <label style={label}>Last Name</label>
+                  <input style={input} value={lastName} onChange={(e) => setLastName(e.target.value)} />
+                </div>
+              </div>
+              <button type="submit" style={primaryBtn} disabled={isSubmitting}>
+                {isSubmitting ? 'Saving…' : 'Save Changes'}
+              </button>
+            </form>
+          )}
+
+          {activeTab === 'password' && (
+            <form onSubmit={handlePasswordSubmit}>
+              <div style={{ marginBottom: 16 }}>
+                <label style={label}>Current Password</label>
+                <input type="password" style={input} value={currentPassword} onChange={(e) => setCurrentPassword(e.target.value)} required />
+              </div>
+              <div style={{ marginBottom: 16 }}>
+                <label style={label}>New Password</label>
+                <input type="password" style={input} value={newPassword} onChange={(e) => setNewPassword(e.target.value)} required />
+              </div>
+              <div style={{ marginBottom: 16 }}>
+                <label style={label}>Confirm New Password</label>
+                <input type="password" style={input} value={confirmPassword} onChange={(e) => setConfirmPassword(e.target.value)} required />
+              </div>
+              <button type="submit" style={primaryBtn} disabled={isSubmitting}>
+                {isSubmitting ? 'Changing…' : 'Change Password'}
+              </button>
+            </form>
+          )}
+
+          {activeTab === 'danger' && (
+            <form onSubmit={handleDeleteAccount}>
+              <div style={{
+                display: 'flex', gap: 10, padding: 12, borderRadius: 8,
+                background: 'rgba(220,38,38,0.08)', border: '1px solid rgba(220,38,38,0.3)',
+                marginBottom: 16,
+              }}>
+                <AlertTriangle size={18} style={{ color: '#dc2626', flexShrink: 0, marginTop: 2 }} />
+                <div style={{ fontSize: 13, color: 'var(--text-primary)' }}>
+                  Deleting your account is permanent. All chat history and personal data will be removed.
+                </div>
+              </div>
+              <div style={{ marginBottom: 16 }}>
+                <label style={label}>Confirm Password</label>
+                <input type="password" style={input} value={deleteConfirmPassword} onChange={(e) => setDeleteConfirmPassword(e.target.value)} required />
+              </div>
+              <div style={{ marginBottom: 16 }}>
+                <label style={label}>Type <strong>DELETE</strong> to confirm</label>
+                <input style={input} value={deleteConfirmText} onChange={(e) => setDeleteConfirmText(e.target.value)} placeholder="DELETE" required />
+              </div>
+              <button type="submit" style={dangerBtn} disabled={isSubmitting}>
+                {isSubmitting ? 'Deleting…' : 'Permanently Delete Account'}
+              </button>
+            </form>
+          )}
+
+          {activeTab === 'model-status' && (
+            <div>
+              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16, gap: 12 }}>
+                <div style={{ fontSize: 13, color: 'var(--text-secondary)' }}>
+                  Probe each configured API with a tiny chat request.
+                  {modelStatus?.cached ? ' Showing cached results.' : null}
+                  {modelStatus?.checked_at ? (
+                    <span> Last checked: {new Date(modelStatus.checked_at).toLocaleString()}</span>
+                  ) : null}
+                </div>
+                <button
+                  type="button"
+                  style={{ ...primaryBtn, display: 'inline-flex', alignItems: 'center', gap: 8, flexShrink: 0 }}
+                  onClick={() => fetchModelStatus(true)}
+                  disabled={statusLoading}
+                >
+                  {statusLoading
+                    ? <Loader2 size={15} className="spinning" style={{ animation: 'spin 1s linear infinite' }} />
+                    : <RefreshCw size={15} />}
+                  Refresh
+                </button>
+              </div>
+
+              {statusError && (
+                <div style={messageStyle('error')}>
+                  Status check failed — provider list left unfiltered. {statusError}
+                </div>
+              )}
+
+              {modelStatus?.check_failed && !statusError && (
+                <div style={messageStyle('error')}>
+                  Status check failed — provider list left unfiltered.
+                  {modelStatus.error ? ` ${modelStatus.error}` : ''}
+                </div>
+              )}
+
+              {statusLoading && !modelStatus?.models?.length && (
+                <div style={{ color: 'var(--text-secondary)', fontSize: 13 }}>Checking models…</div>
+              )}
+
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
+                {(modelStatus?.models || []).map((m) => {
+                  const tone = statusColors[m.status] || statusColors.unavailable;
+                  const isActive = m.provider === currentProvider;
+                  // Fail closed per model: only online + selectable providers can
+                  // be activated. Fail open if the whole check failed (no rows
+                  // render in that case, so nothing is blocked).
+                  const canActivate = m.status === 'online' && m.selectable !== false && !isActive;
+                  return (
+                    <div
+                      key={m.id}
+                      style={{
+                        padding: '12px 14px',
+                        borderRadius: 10,
+                        border: `1px solid ${isActive ? 'var(--accent-primary)' : tone.border}`,
+                        background: 'var(--bg-secondary)',
+                      }}
+                    >
+                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 12, alignItems: 'center', flexWrap: 'wrap' }}>
+                        <div style={{ minWidth: 0 }}>
+                          <div style={{ fontWeight: 600, color: 'var(--text-primary)', fontSize: 14 }}>
+                            {m.name}
+                            {m.model ? (
+                              <span style={{ fontWeight: 400, color: 'var(--text-secondary)', marginLeft: 8, fontSize: 12 }}>
+                                {m.model}
+                              </span>
+                            ) : null}
+                          </div>
+                          <div style={{ fontSize: 12, color: 'var(--text-secondary)', marginTop: 2 }}>
+                            {m.provider}
+                            {typeof m.latency_ms === 'number' ? ` · ${m.latency_ms} ms` : ''}
+                          </div>
+                        </div>
+                        <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexShrink: 0 }}>
+                          <span style={{
+                            fontSize: 12,
+                            fontWeight: 600,
+                            textTransform: 'uppercase',
+                            letterSpacing: '0.03em',
+                            padding: '4px 8px',
+                            borderRadius: 6,
+                            background: tone.bg,
+                            color: tone.color,
+                            border: `1px solid ${tone.border}`,
+                          }}>
+                            {m.status}
+                          </span>
+                          {isActive ? (
+                            <span style={{
+                              fontSize: 12,
+                              fontWeight: 600,
+                              padding: '4px 10px',
+                              borderRadius: 6,
+                              background: 'var(--accent-primary)',
+                              color: '#fff',
+                            }}>
+                              Active
+                            </span>
+                          ) : (
+                            <button
+                              type="button"
+                              onClick={() => handleProviderSwitch(m.provider)}
+                              disabled={!canActivate || !!switchingProvider}
+                              style={{
+                                fontSize: 12,
+                                fontWeight: 600,
+                                padding: '4px 10px',
+                                borderRadius: 6,
+                                border: '1px solid var(--border-primary)',
+                                background: 'transparent',
+                                color: canActivate ? 'var(--accent-primary)' : 'var(--text-secondary)',
+                                cursor: canActivate && !switchingProvider ? 'pointer' : 'not-allowed',
+                                opacity: canActivate ? 1 : 0.5,
+                              }}
+                            >
+                              {switchingProvider === m.provider ? 'Switching…' : 'Use'}
+                            </button>
+                          )}
+                        </div>
+                      </div>
+                      {m.status === 'error' && m.error && (
+                        <div style={{
+                          marginTop: 8,
+                          fontSize: 12,
+                          color: '#dc2626',
+                          wordBreak: 'break-word',
+                          fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+                        }}>
+                          {m.error}
+                        </div>
+                      )}
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>,
+    document.body
+  );
+};
+
+export default SettingsModal;
diff --git a/frontend/src/components/Sidebar.js b/frontend/src/components/Sidebar.js
new file mode 100644
index 0000000000000000000000000000000000000000..c575b7265d91d57a78bc9eebc043ce83d34938f8
--- /dev/null
+++ b/frontend/src/components/Sidebar.js
@@ -0,0 +1,721 @@
+import React, { useState, useEffect } from 'react';
+import {
+  MessageSquare,
+  SquarePen,
+  Search,
+  MoreVertical,
+  Trash2,
+  LogOut,
+  User,
+  UserCircle,
+  DatabaseZap,
+  KeyRound,
+  PanelLeft,
+  FileText,
+  ChevronRight,
+  Clock,
+  Activity,
+  Map,
+  Eraser,
+  Sun,
+  Moon,
+  Monitor,
+  Check,
+  Shield,
+  BookOpen,
+} from 'lucide-react';
+import * as LucideIcons from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import { useTheme } from '../contexts/ThemeContext';
+import UserAvatarPicker from './UserAvatarPicker';
+import CopyrightNotice from './CopyrightNotice';
+import '../styles/Sidebar.css';
+
+const APPEARANCE_OPTIONS = [
+  { value: 'system', label: 'System', Icon: Monitor },
+  { value: 'light', label: 'Light', Icon: Sun },
+  { value: 'dark', label: 'Dark', Icon: Moon },
+];
+
+const Sidebar = ({
+  user,
+  currentSessionId,
+  onSelectSession,
+  onNewChat,
+  onSignOut,
+  authToken,
+  onSidebarToggle,
+  isMobileOpen = false,
+  onMobileToggle,
+  refreshTrigger,
+  onCurrentSessionDeleted,
+  pageContext = 'chat',
+  canvasItems = [],
+  canvasSubview = 'workspace',
+  widgetGroups = [],
+  deliverableProjects = [],
+  insightSections = [],
+  userAvatarId,
+  onAvatarChange,
+  onOpenProfile,
+  onOpenAccount,
+  onOpenClearData,
+  onOpenModelStatus,
+  onNavigateToJourney,
+  onRemoveSampleData,
+}) => {
+  const { config } = useAppConfig();
+  const { preference, setThemePreference } = useTheme();
+  const isOnCanvas = pageContext === 'canvas';
+  const isOnJourney = pageContext === 'journey';
+  const isGuest = Boolean(user?.is_guest);
+  const guestStyleLabel = (() => {
+    if (!isGuest) return null;
+    const stored = (user?.guest_label || '').trim();
+    if (stored) return stored.charAt(0).toUpperCase() + stored.slice(1).toLowerCase();
+    const persona = (user?.guest_persona || '').toLowerCase();
+    if (persona === 'personal') return 'Personal';
+    if (persona === 'business') return 'Business';
+    if (persona === 'other') return 'Custom';
+    return 'Guest';
+  })();
+  const [showAvatarPicker, setShowAvatarPicker] = useState(false);
+  const avatarOptions = config?.app?.user_avatars || [];
+  const currentAvatar = avatarOptions.find(a => a.id === userAvatarId);
+  const AvatarIcon = currentAvatar ? (LucideIcons[currentAvatar.icon] || User) : User;
+  const [expanded, setExpanded] = useState(() => {
+    try { return JSON.parse(localStorage.getItem('sidebar-expanded-v1') || '{}'); } catch { return {}; }
+  });
+  const toggleExpanded = (key) => {
+    setExpanded(prev => {
+      const next = { ...prev, [key]: !prev[key] };
+      localStorage.setItem('sidebar-expanded-v1', JSON.stringify(next));
+      return next;
+    });
+  };
+  const [chatSessions, setChatSessions] = useState([]);
+  const [searchTerm, setSearchTerm] = useState('');
+  const [isLoading, setIsLoading] = useState(true);
+  const [showUserMenu, setShowUserMenu] = useState(false);
+  const [showAppearanceMenu, setShowAppearanceMenu] = useState(false);
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const [isCreatingNewChat, setIsCreatingNewChat] = useState(false);
+
+  useEffect(() => {
+    if (authToken) {
+      fetchChatSessions();
+    }
+  }, [authToken]);
+
+  useEffect(() => {
+    const handleOverlayClick = (e) => {
+      // Only close if clicking the overlay itself, not the sidebar
+      if (e.target.classList.contains('mobile-sidebar-overlay')) {
+        onMobileToggle(false);
+      }
+    };
+
+    if (isMobileOpen) {
+      document.addEventListener('click', handleOverlayClick);
+      return () => document.removeEventListener('click', handleOverlayClick);
+    }
+  }, [isMobileOpen, onMobileToggle]);
+
+  // Notify parent when sidebar state changes
+  useEffect(() => {
+    if (onSidebarToggle) {
+      onSidebarToggle(isCollapsed);
+    }
+  }, [isCollapsed, onSidebarToggle]);
+
+  // Add effect to refresh when currentSessionId changes (new session created)
+  useEffect(() => {
+    if (currentSessionId && authToken) {
+      // Small delay to ensure the session is saved to database
+      const timer = setTimeout(() => {
+        fetchChatSessions();
+      }, 200);
+      return () => clearTimeout(timer);
+    }
+  }, [currentSessionId, authToken]);
+
+  // Refresh session list when parent signals a message exchange completed
+  useEffect(() => {
+    if (refreshTrigger > 0 && authToken) {
+      fetchChatSessions();
+    }
+  }, [refreshTrigger]);
+
+
+  const fetchChatSessions = async () => {
+    try {
+      const response = await fetch(`${process.env.REACT_APP_API_URL}/api/chat-sessions`, {
+        headers: {
+          'Authorization': `Bearer ${authToken}`,
+          'Content-Type': 'application/json'
+        }
+      });
+
+      if (response.ok) {
+        const sessions = await response.json();
+        setChatSessions(sessions);
+      } else {
+        console.error('Failed to fetch chat sessions');
+      }
+    } catch (error) {
+      console.error('Error fetching chat sessions:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleNewChat = async () => {
+    setIsCreatingNewChat(true);
+    
+    try {
+      // Call the parent's new chat handler and wait for it to complete
+      await onNewChat();
+      
+      // Refresh the sessions list immediately after new chat is created
+      // The parent should have updated currentSessionId by now
+      await fetchChatSessions();
+      
+    } catch (error) {
+      console.error('Error creating new chat:', error);
+      // Optionally show an error message to the user
+    } finally {
+      setIsCreatingNewChat(false);
+    }
+  };
+
+  const handleDeleteSession = async (sessionId, event) => {
+    event.stopPropagation();
+    
+    if (window.confirm('Are you sure you want to delete this chat?')) {
+      try {
+        const response = await fetch(`${process.env.REACT_APP_API_URL}/api/chat-sessions/${sessionId}`, {
+          method: 'DELETE',
+          headers: {
+            'Authorization': `Bearer ${authToken}`,
+            'Content-Type': 'application/json'
+          }
+        });
+
+        if (response.ok) {
+          setChatSessions(prev => prev.filter(session => session.id !== sessionId));
+          if (currentSessionId === sessionId) {
+            onCurrentSessionDeleted?.();
+          }
+        }
+      } catch (error) {
+        console.error('Error deleting chat session:', error);
+      }
+    }
+  };
+
+  const toggleSidebar = () => {
+    setIsCollapsed(!isCollapsed);
+    // Close user menu when collapsing
+    if (!isCollapsed) {
+      setShowUserMenu(false);
+      setShowAppearanceMenu(false);
+    }
+  };
+
+  const filteredSessions = chatSessions.filter(session =>
+    session.title.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+
+  const formatDate = (dateString) => {
+    const date = new Date(dateString);
+    const now = new Date();
+    const diffTime = Math.abs(now - date);
+    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+
+    if (diffDays === 1) return 'Today';
+    if (diffDays === 2) return 'Yesterday';
+    if (diffDays <= 7) return `${diffDays - 1} days ago`;
+    return date.toLocaleDateString();
+  };
+
+  return (
+    <>
+      <div className={`sidebar ${isCollapsed ? 'collapsed' : ''} ${isMobileOpen ? 'mobile-open' : ''}`}>
+        {/* Header */}
+        <div className="sidebar-header">
+          {!isCollapsed && (
+            <>
+              <div className="sidebar-brand" aria-label={config?.app?.title || 'Cybersecurity Advisor'}>
+                <div className="sidebar-brand-mark" aria-hidden="true">
+                  <Shield size={18} />
+                </div>
+                <div className="sidebar-brand-text">
+                  <span className="sidebar-brand-title">
+                    {config?.app?.title || 'Cybersecurity Advisor'}
+                  </span>
+                  {config?.app?.subtitle ? (
+                    <span className="sidebar-brand-subtitle">{config.app.subtitle}</span>
+                  ) : null}
+                </div>
+              </div>
+              <div className="user-section">
+                <div className="user-info">
+                  <div
+                    className="user-avatar"
+                    onClick={() => onAvatarChange && setShowAvatarPicker(true)}
+                    style={{
+                      cursor: onAvatarChange ? 'pointer' : undefined,
+                      backgroundColor: currentAvatar?.bg || undefined,
+                      color: currentAvatar?.color || undefined,
+                    }}
+                    title={onAvatarChange ? 'Change avatar' : undefined}
+                  >
+                    <AvatarIcon size={20} />
+                  </div>
+                  <div className="user-details">
+                    <span className="user-name">
+                      {isGuest
+                        ? `Guest Explorer · ${guestStyleLabel}`
+                        : `${user.firstName} ${user.lastName}`}
+                    </span>
+                    <span className="user-email">
+                      {isGuest ? 'Demo session — sample data loaded' : user.email}
+                    </span>
+                  </div>
+                </div>
+                
+                <div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
+                  {/* Toggle button next to user menu when expanded */}
+                  <button 
+                    className="sidebar-toggle"
+                    onClick={toggleSidebar} 
+                    title="Collapse sidebar"
+                  >
+                    <PanelLeft size={18} />
+                  </button>
+                  
+                  <div className="user-menu-container">
+                    <button 
+                      className="user-menu-button"
+                      onClick={() => {
+                        setShowUserMenu(!showUserMenu);
+                        setShowAppearanceMenu(false);
+                      }}
+                    >
+                      <MoreVertical size={16} />
+                    </button>
+                    
+                    {showUserMenu && (
+                      <div className="user-menu">
+                        <button className="user-menu-item" onClick={() => { setShowUserMenu(false); setShowAppearanceMenu(false); setShowAvatarPicker(true); }}>
+                          <User size={16} />
+                          <span>Change Avatar</span>
+                        </button>
+                        <button className="user-menu-item" onClick={() => { setShowUserMenu(false); setShowAppearanceMenu(false); if (onOpenProfile) onOpenProfile(); }}>
+                          <UserCircle size={16} />
+                          <span>About You</span>
+                        </button>
+                        <button
+                          className="user-menu-item"
+                          onClick={() => {
+                            setShowUserMenu(false);
+                            setShowAppearanceMenu(false);
+                            window.dispatchEvent(new CustomEvent('open-user-guide'));
+                          }}
+                        >
+                          <BookOpen size={16} />
+                          <span>User Guide</span>
+                        </button>
+                        <button className="user-menu-item" onClick={() => { setShowUserMenu(false); setShowAppearanceMenu(false); if (onOpenAccount) onOpenAccount(); }}>
+                          <KeyRound size={16} />
+                          <span>Account</span>
+                        </button>
+                        <button className="user-menu-item" onClick={() => { setShowUserMenu(false); setShowAppearanceMenu(false); if (onOpenClearData) onOpenClearData(); }}>
+                          <DatabaseZap size={16} />
+                          <span>Clear User Data</span>
+                        </button>
+                        {isGuest && onRemoveSampleData && (
+                          <button
+                            className="user-menu-item"
+                            onClick={() => { setShowUserMenu(false); setShowAppearanceMenu(false); onRemoveSampleData(); }}
+                          >
+                            <Eraser size={16} />
+                            <span>Remove all sample data</span>
+                          </button>
+                        )}
+                        {onOpenModelStatus && (
+                          <button className="user-menu-item" onClick={() => { setShowUserMenu(false); setShowAppearanceMenu(false); onOpenModelStatus(); }}>
+                            <Activity size={16} />
+                            <span>Model Status</span>
+                          </button>
+                        )}
+                        <div className="user-menu-appearance">
+                          <button
+                            className="user-menu-item"
+                            onClick={() => setShowAppearanceMenu((open) => !open)}
+                            aria-expanded={showAppearanceMenu}
+                          >
+                            {preference === 'dark' ? <Moon size={16} /> : preference === 'light' ? <Sun size={16} /> : <Monitor size={16} />}
+                            <span>Appearance{preference === 'system' ? ' · System' : ''}</span>
+                            <ChevronRight size={14} className={`appearance-chevron ${showAppearanceMenu ? 'open' : ''}`} />
+                          </button>
+                          {showAppearanceMenu && (
+                            <div className="appearance-options" role="group" aria-label="Appearance">
+                              {APPEARANCE_OPTIONS.map(({ value, label, Icon }) => (
+                                <button
+                                  key={value}
+                                  type="button"
+                                  className={`user-menu-item appearance-option ${preference === value ? 'active' : ''}`}
+                                  onClick={() => {
+                                    setThemePreference(value);
+                                    setShowAppearanceMenu(false);
+                                    setShowUserMenu(false);
+                                  }}
+                                >
+                                  <Icon size={16} />
+                                  <span>{label}</span>
+                                  {preference === value && <Check size={14} className="appearance-check" />}
+                                </button>
+                              ))}
+                            </div>
+                          )}
+                        </div>
+                        <button className="user-menu-item sign-out" onClick={onSignOut}>
+                          <LogOut size={16} />
+                          <span>Sign Out</span>
+                        </button>
+                      </div>
+                    )}
+                  </div>
+                </div>
+              </div>
+
+            </>
+          )}
+
+          {isCollapsed && (
+            <div className="collapsed-header">
+              <div
+                className="sidebar-brand-mark collapsed-brand-mark"
+                title={config?.app?.title || 'Cybersecurity Advisor'}
+                aria-label={config?.app?.title || 'Cybersecurity Advisor'}
+              >
+                <Shield size={18} />
+              </div>
+              {/* Toggle button replaces user avatar when collapsed */}
+              <button 
+                className="collapsed-toggle-avatar"
+                onClick={toggleSidebar} 
+                title="Expand sidebar"
+              >
+                <PanelLeft size={20} />
+              </button>
+              <button
+                className="collapsed-new-chat"
+                onClick={handleNewChat}
+                title="New Chat"
+                disabled={isCreatingNewChat}
+              >
+                <SquarePen size={20} />
+              </button>
+              {onNavigateToJourney && (
+                <button
+                  className="collapsed-new-chat"
+                  onClick={onNavigateToJourney}
+                  title="Journey"
+                >
+                  <Map size={20} />
+                </button>
+              )}
+            </div>
+          )}
+        </div>
+
+        {/* Search + New Chat - only show when expanded */}
+        {!isCollapsed && (
+          <div className="sidebar-search">
+            <div className="search-container">
+              <Search size={16} className="search-icon" />
+              <input
+                type="text"
+                placeholder={
+                  isOnCanvas
+                    ? (canvasSubview === 'deliverables' ? 'Search drafts...'
+                       : canvasSubview === 'insights' ? 'Search sections...'
+                       : 'Search widgets...')
+                    : 'Search chats...'
+                }
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                className="search-input"
+              />
+            </div>
+            {!isOnCanvas && (
+              <button
+                className="new-chat-icon-btn"
+                onClick={handleNewChat}
+                disabled={isCreatingNewChat}
+                title={isCreatingNewChat ? 'Creating...' : 'New Chat'}
+              >
+                <SquarePen size={18} />
+              </button>
+            )}
+            {onNavigateToJourney && (
+              <button
+                className="new-chat-icon-btn"
+                onClick={onNavigateToJourney}
+                title="Journey"
+                style={isOnJourney ? { color: 'var(--accent-primary)' } : undefined}
+              >
+                <Map size={18} />
+              </button>
+            )}
+          </div>
+        )}
+
+        {/* Canvas sidebar — subview-aware (Insights / Workspace / Deliverables) */}
+        {isOnCanvas ? (
+          <div className="canvas-sidebar-menu">
+            {!isCollapsed && (() => {
+              const q = searchTerm.toLowerCase();
+
+              // ---------- DELIVERABLES: project list with expandable section dropdown ----------
+              if (canvasSubview === 'deliverables') {
+                const projects = deliverableProjects.filter(p =>
+                  !q || p.name.toLowerCase().includes(q) || p.sections.some(s => s.name.toLowerCase().includes(q))
+                );
+                if (projects.length === 0) {
+                  return (
+                    <div className="no-sessions">
+                      {searchTerm ? 'No drafts match' : 'No drafts yet — create one in Documents'}
+                    </div>
+                  );
+                }
+                return projects.map(p => {
+                  const open = expanded[`p-${p.id}`] ?? p.isActive;
+                  const totalWords = p.sections.reduce((s, x) => s + x.wc, 0);
+                  return (
+                    <div key={p.id} className={`csm-project ${p.isActive ? 'active' : ''}`}>
+                      <button
+                        className="csm-project-head"
+                        onClick={() => toggleExpanded(`p-${p.id}`)}
+                      >
+                        <ChevronRight size={12} className={`csm-chevron ${open ? 'open' : ''}`}/>
+                        <FileText size={13}/>
+                        <span className="csm-project-name">{p.name}</span>
+                        {p.versions > 0 && (
+                          <span className="csm-versions" title={`${p.versions} version${p.versions === 1 ? '' : 's'} saved`}>
+                            <Clock size={10}/>{p.versions}
+                          </span>
+                        )}
+                      </button>
+                      {open && (
+                        <div className="csm-project-body">
+                          <button className="csm-row" onClick={p.onOpen}>
+                            <span className="csm-row-icon">📂</span>
+                            <span>Open editor</span>
+                          </button>
+                          {p.sections.map(s => (
+                            <button key={s.id} className="csm-row csm-row-section" onClick={s.onClick}>
+                              <span className="csm-row-bullet"/>
+                              <span className="csm-row-label">{s.name}</span>
+                              {s.wc > 0 && <span className="csm-row-meta">{s.wc}</span>}
+                            </button>
+                          ))}
+                          <div className="csm-row csm-row-foot">
+                            <Clock size={11}/>
+                            <span>{p.versions} version{p.versions === 1 ? '' : 's'} · auto-saved</span>
+                          </div>
+                          <div className="csm-row csm-row-foot">
+                            <span style={{ color: 'var(--text-tertiary, #9CA3AF)' }}>{totalWords} words total</span>
+                          </div>
+                        </div>
+                      )}
+                    </div>
+                  );
+                });
+              }
+
+              // ---------- WORKSPACE: widgets grouped by category ----------
+              if (canvasSubview === 'workspace') {
+                const groups = widgetGroups
+                  .map(g => ({
+                    ...g,
+                    items: g.items.filter(it => !q || it.label.toLowerCase().includes(q)),
+                  }))
+                  .filter(g => g.items.length > 0);
+                if (groups.length === 0) {
+                  return (
+                    <div className="no-sessions">
+                      {searchTerm ? 'No widgets match' : 'Workspace is empty — add widgets'}
+                    </div>
+                  );
+                }
+                return groups.map(g => {
+                  const open = expanded[`g-${g.id}`] ?? true;
+                  return (
+                    <div key={g.id} className="csm-group">
+                      <button className="csm-group-head" onClick={() => toggleExpanded(`g-${g.id}`)}>
+                        <ChevronRight size={11} className={`csm-chevron ${open ? 'open' : ''}`}/>
+                        <span className="csm-group-name">{g.label}</span>
+                        <span className="csm-group-count">{g.items.length}</span>
+                      </button>
+                      {open && (
+                        <div className="csm-group-body">
+                          {g.items.map(it => (
+                            <button key={it.id} className={`csm-row ${it.critic ? 'critic' : ''}`} onClick={it.onClick}>
+                              <span className="csm-row-bullet"/>
+                              <span className="csm-row-label">{it.label}</span>
+                            </button>
+                          ))}
+                        </div>
+                      )}
+                    </div>
+                  );
+                });
+              }
+
+              // ---------- INSIGHTS: section list with confidence badges ----------
+              if (canvasSubview === 'insights') {
+                const sections = insightSections.filter(s => !q || s.name.toLowerCase().includes(q));
+                if (sections.length === 0) {
+                  return <div className="no-sessions">{searchTerm ? 'No sections match' : 'No insights yet'}</div>;
+                }
+                return (
+                  <div className="csm-group">
+                    <div className="csm-group-head" style={{ cursor: 'default' }}>
+                      <span className="csm-group-name">Sections</span>
+                      <span className="csm-group-count">{sections.length}</span>
+                    </div>
+                    <div className="csm-group-body">
+                      {sections.map(s => {
+                        const complete = s.taskCount > 0 && s.doneCount === s.taskCount;
+                        return (
+                          <button key={s.id} className={`csm-row ${complete ? 'csm-row-done' : ''}`} onClick={s.onClick}>
+                            <span className="csm-row-bullet"/>
+                            <span className="csm-row-label">{s.name}</span>
+                            {s.taskCount > 0 && (
+                              <span className="csm-row-meta">{s.doneCount}/{s.taskCount}</span>
+                            )}
+                          </button>
+                        );
+                      })}
+                    </div>
+                  </div>
+                );
+              }
+
+              // ---------- Fallback: flat list (legacy) ----------
+              const items = canvasItems.filter(it => !q || it.label.toLowerCase().includes(q));
+              if (items.length === 0) {
+                return <div className="no-sessions">{searchTerm ? 'No matches' : 'Nothing here yet'}</div>;
+              }
+              return (
+                <div className="sessions-list">
+                  {items.map((it) => (
+                    <div key={it.id} className="session-item" onClick={it.onClick}>
+                      <div className="session-content">
+                        <div className="session-icon"><FileText size={16}/></div>
+                        <div className="session-details">
+                          <div className="session-title">{it.label}</div>
+                          {it.sub && <div className="session-meta"><span>{it.sub}</span></div>}
+                        </div>
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              );
+            })()}
+          </div>
+        ) : (
+        /* Chat Sessions */
+        <div className="chat-sessions">
+          {isLoading ? (
+            <div className="loading-sessions">
+              <div className="loading-spinner"></div>
+              {!isCollapsed && <span>Loading chats...</span>}
+            </div>
+          ) : isCreatingNewChat ? (
+            <div className="loading-sessions">
+              <div className="loading-spinner"></div>
+              {!isCollapsed && <span>Creating new chat...</span>}
+            </div>
+          ) : filteredSessions.length === 0 ? (
+            <div className="no-sessions">
+              {!isCollapsed && (searchTerm ? 'No chats found' : 'No chats yet')}
+            </div>
+          ) : (
+            <div className="sessions-list">
+              {filteredSessions.map((session) => (
+                <div
+                  key={session.id}
+                  className={`session-item ${currentSessionId === session.id ? 'active' : ''} ${isCollapsed ? 'collapsed' : ''}`}
+                  onClick={() => onSelectSession(session.id)}
+                  title={isCollapsed ? session.title : ''}
+                >
+                  <div className="session-content">
+                    <div className="session-icon">
+                      <MessageSquare size={16} />
+                    </div>
+                    {!isCollapsed && (
+                      <div className="session-details">
+                        <div className="session-title">{session.title}</div>
+                        <div className="session-meta">
+                          <span className="session-date">{formatDate(session.updated_at)}</span>
+                          <span className="session-messages">{session.message_count} messages</span>
+                        </div>
+                      </div>
+                    )}
+                  </div>
+                  
+                  {!isCollapsed && (
+                    <button
+                      className="session-menu-button"
+                      onClick={(e) => handleDeleteSession(session.id, e)}
+                    >
+                      <Trash2 size={14} />
+                    </button>
+                  )}
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+        )}
+
+        {/* Footer */}
+        <div className={`sidebar-footer ${isCollapsed ? 'collapsed' : ''}`}>
+          <a 
+            href="https://neon.ai" 
+            target="_blank" 
+            rel="noopener noreferrer" 
+            className="sidebar-neon-link"
+            title="Neon.ai"
+          >
+            <img src="/neon-logo.png" alt="" className="sidebar-neon-logo" />
+            {!isCollapsed && <span className="sidebar-neon-text">Neon.ai</span>}
+          </a>
+          {!isCollapsed && <CopyrightNotice variant="sidebar" />}
+        </div>
+      </div>
+      
+      {showAvatarPicker && (
+        <UserAvatarPicker
+          options={avatarOptions}
+          currentId={userAvatarId}
+          onSelect={(id) => { onAvatarChange?.(id); setShowAvatarPicker(false); }}
+          onClose={() => setShowAvatarPicker(false)}
+        />
+      )}
+
+      {isMobileOpen && (
+        <div 
+          className="mobile-sidebar-overlay visible" 
+          onClick={() => onMobileToggle(false)}
+        />
+      )}
+    </>
+  );
+};
+
+export default Sidebar;
\ No newline at end of file
diff --git a/frontend/src/components/Signup.js b/frontend/src/components/Signup.js
new file mode 100644
index 0000000000000000000000000000000000000000..5738ad3014e6c1f4797950b0c59379e26e93e382
--- /dev/null
+++ b/frontend/src/components/Signup.js
@@ -0,0 +1,444 @@
+import React, { useState } from 'react';
+import { Eye, EyeOff, Mail, Lock, User, ArrowRight, Shield, Phone, Globe } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import '../styles/Signup.css';
+
+const Signup = ({ onNavigateToLogin, onNavigateToHome, onExploreAsGuest }) => {
+  const { config } = useAppConfig();
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+  const [formData, setFormData] = useState({
+    firstName: '',
+    lastName: '',
+    email: '',
+    password: '',
+    confirmPassword: '',
+    academicStage: '',
+    researchArea: ''
+  });
+  const [isLoading, setIsLoading] = useState(false);
+  const [errors, setErrors] = useState({});
+
+  const knowledgeLevels = config?.login?.knowledge_levels?.length
+    ? config.login.knowledge_levels
+    : config?.login?.academic_stages?.length
+      ? config.login.academic_stages
+      : [
+          { value: '', label: 'Select your cybersecurity knowledge level' },
+          { value: 'newcomer', label: 'New to cybersecurity' },
+          { value: 'foundational', label: 'Foundational' },
+          { value: 'practitioner', label: 'Practitioner' },
+          { value: 'experienced', label: 'Experienced' },
+          { value: 'expert', label: 'Expert / specialist' },
+        ];
+
+  const timezones = config?.login?.timezones?.length
+    ? config.login.timezones
+    : [{ value: '', label: 'Select timezone (optional)' }];
+
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+    // Clear error when user starts typing
+    if (errors[name]) {
+      setErrors(prev => ({
+        ...prev,
+        [name]: ''
+      }));
+    }
+  };
+
+  const validateForm = () => {
+    const newErrors = {};
+    
+    if (!formData.firstName.trim()) {
+      newErrors.firstName = 'First name is required';
+    }
+    
+    if (!formData.lastName.trim()) {
+      newErrors.lastName = 'Last name is required';
+    }
+    
+    if (!formData.email) {
+      newErrors.email = 'Email is required';
+    } else if (!/\S+@\S+\.\S+/.test(formData.email)) {
+      newErrors.email = 'Please enter a valid email address';
+    }
+    
+    if (!formData.password) {
+      newErrors.password = 'Password is required';
+    } else if (formData.password.length < 8) {
+      newErrors.password = 'Password must be at least 8 characters';
+    } else if (!/(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/.test(formData.password)) {
+      newErrors.password = 'Password must contain uppercase, lowercase, and number';
+    }
+    
+    if (!formData.confirmPassword) {
+      newErrors.confirmPassword = 'Please confirm your password';
+    } else if (formData.password !== formData.confirmPassword) {
+      newErrors.confirmPassword = 'Passwords do not match';
+    }
+    
+    if (!formData.academicStage) {
+      newErrors.academicStage = 'Please select your cybersecurity knowledge level';
+    }
+    
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    
+    if (!validateForm()) return;
+    
+    setIsLoading(true);
+    
+    try {
+      const response = await fetch(`${process.env.REACT_APP_API_URL}/auth/signup`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          firstName: formData.firstName,
+          lastName: formData.lastName,
+          email: formData.email,
+          password: formData.password,
+          academicStage: formData.academicStage,
+          researchArea: formData.researchArea
+        }),
+      });
+
+      const data = await response.json();
+
+      if (response.ok) {
+        // Store the token and user info
+        localStorage.setItem('authToken', data.access_token);
+        localStorage.setItem('user', JSON.stringify(data.user));
+        onNavigateToHome?.(data.user, data.access_token);
+      } else {
+        setErrors({ submit: data.detail || 'Signup failed. Please try again.' });
+      }
+      
+    } catch (error) {
+      console.error('Signup error:', error);
+      setErrors({ submit: 'Signup failed. Please try again.' });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleGoogleSignUp = () => {
+    console.log('Google Sign Up clicked');
+    // Future Google Auth integration will go here
+  };
+
+  const handlePhoneSignUp = () => {
+    console.log('Phone Sign Up clicked');
+    // Future Phone Auth integration will go here
+  };
+
+  return (
+    <div className="signup-page">
+      <div className="signup-container">
+        {/* Header */}
+        <div className="signup-header">
+          <div className="logo-container">
+            <Shield className="logo-icon" />
+          </div>
+          <h1 className="signup-title">Join Our Community</h1>
+          <p className="signup-subtitle">
+            {config?.login?.signup_subtitle || 'Create your account to get personalized guidance from expert advisors'}
+          </p>
+        </div>
+
+        {/* Main Signup Form */}
+        <div className="signup-form-container">
+          <form onSubmit={handleSubmit} className="signup-form">
+            
+            {/* Name Fields Row */}
+            <div className="form-row">
+              <div className="form-group">
+                <label htmlFor="firstName" className="form-label">
+                  First Name
+                </label>
+                <div className="input-container">
+                  <User className="input-icon" />
+                  <input
+                    type="text"
+                    id="firstName"
+                    name="firstName"
+                    value={formData.firstName}
+                    onChange={handleInputChange}
+                    className={`form-input ${errors.firstName ? 'error' : ''}`}
+                    placeholder="First name"
+                    disabled={isLoading}
+                  />
+                </div>
+                {errors.firstName && (
+                  <span className="error-message">{errors.firstName}</span>
+                )}
+              </div>
+
+              <div className="form-group">
+                <label htmlFor="lastName" className="form-label">
+                  Last Name
+                </label>
+                <div className="input-container">
+                  <User className="input-icon" />
+                  <input
+                    type="text"
+                    id="lastName"
+                    name="lastName"
+                    value={formData.lastName}
+                    onChange={handleInputChange}
+                    className={`form-input ${errors.lastName ? 'error' : ''}`}
+                    placeholder="Last name"
+                    disabled={isLoading}
+                  />
+                </div>
+                {errors.lastName && (
+                  <span className="error-message">{errors.lastName}</span>
+                )}
+              </div>
+            </div>
+
+            {/* Email Field */}
+            <div className="form-group">
+              <label htmlFor="email" className="form-label">
+                Email Address
+              </label>
+              <div className="input-container">
+                <Mail className="input-icon" />
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  value={formData.email}
+                  onChange={handleInputChange}
+                  className={`form-input ${errors.email ? 'error' : ''}`}
+                  placeholder="Enter your email"
+                  disabled={isLoading}
+                />
+              </div>
+              {errors.email && (
+                <span className="error-message">{errors.email}</span>
+              )}
+            </div>
+
+            {/* Password Fields Row */}
+            <div className="form-row">
+              <div className="form-group">
+                <label htmlFor="password" className="form-label">
+                  Password
+                </label>
+                <div className="input-container">
+                  <Lock className="input-icon" />
+                  <input
+                    type={showPassword ? 'text' : 'password'}
+                    id="password"
+                    name="password"
+                    value={formData.password}
+                    onChange={handleInputChange}
+                    className={`form-input ${errors.password ? 'error' : ''}`}
+                    placeholder="Create password"
+                    disabled={isLoading}
+                  />
+                  <button
+                    type="button"
+                    onClick={() => setShowPassword(!showPassword)}
+                    className="password-toggle"
+                    disabled={isLoading}
+                  >
+                    {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}
+                  </button>
+                </div>
+                {errors.password && (
+                  <span className="error-message">{errors.password}</span>
+                )}
+              </div>
+
+              <div className="form-group">
+                <label htmlFor="confirmPassword" className="form-label">
+                  Confirm Password
+                </label>
+                <div className="input-container">
+                  <Lock className="input-icon" />
+                  <input
+                    type={showConfirmPassword ? 'text' : 'password'}
+                    id="confirmPassword"
+                    name="confirmPassword"
+                    value={formData.confirmPassword}
+                    onChange={handleInputChange}
+                    className={`form-input ${errors.confirmPassword ? 'error' : ''}`}
+                    placeholder="Confirm password"
+                    disabled={isLoading}
+                  />
+                  <button
+                    type="button"
+                    onClick={() => setShowConfirmPassword(!showConfirmPassword)}
+                    className="password-toggle"
+                    disabled={isLoading}
+                  >
+                    {showConfirmPassword ? <EyeOff size={16} /> : <Eye size={16} />}
+                  </button>
+                </div>
+                {errors.confirmPassword && (
+                  <span className="error-message">{errors.confirmPassword}</span>
+                )}
+              </div>
+            </div>
+
+            {/* Cybersecurity knowledge level */}
+            <div className="form-group">
+              <label htmlFor="academicStage" className="form-label">
+                Cybersecurity knowledge level
+              </label>
+              <div className="input-container">
+                <Shield className="input-icon" />
+                <select
+                  id="academicStage"
+                  name="academicStage"
+                  value={formData.academicStage}
+                  onChange={handleInputChange}
+                  className={`form-select ${errors.academicStage ? 'error' : ''}`}
+                  disabled={isLoading}
+                >
+                  {knowledgeLevels.map(stage => (
+                    <option key={stage.value} value={stage.value}>
+                      {stage.label}
+                    </option>
+                  ))}
+                </select>
+              </div>
+              {errors.academicStage && (
+                <span className="error-message">{errors.academicStage}</span>
+              )}
+            </div>
+
+            {/* Time zone (optional) */}
+            <div className="form-group">
+              <label htmlFor="researchArea" className="form-label">
+                Time zone <span className="optional">(Optional)</span>
+              </label>
+              <div className="input-container">
+                <Globe className="input-icon" />
+                <select
+                  id="researchArea"
+                  name="researchArea"
+                  value={formData.researchArea}
+                  onChange={handleInputChange}
+                  className="form-select"
+                  disabled={isLoading}
+                >
+                  {timezones.map(tz => (
+                    <option key={tz.value} value={tz.value}>
+                      {tz.label}
+                    </option>
+                  ))}
+                </select>
+              </div>
+            </div>
+
+            {/* Terms and Privacy */}
+            <div className="terms-section">
+              <p className="terms-text">
+                By creating an account, you agree to our{' '}
+                <button type="button" className="link-btn">Terms of Service</button>
+                {' '}and{' '}
+                <button type="button" className="link-btn">Privacy Policy</button>
+              </p>
+            </div>
+
+            {/* Submit Error */}
+            {errors.submit && (
+              <div className="submit-error">
+                {errors.submit}
+              </div>
+            )}
+
+            {/* Submit Button */}
+            <button 
+              type="submit" 
+              className={`submit-btn ${isLoading ? 'loading' : ''}`}
+              disabled={isLoading}
+            >
+              {isLoading ? (
+                <>
+                  <div className="loading-spinner"></div>
+                  Creating Account...
+                </>
+              ) : (
+                <>
+                  Create Account
+                  <ArrowRight size={16} />
+                </>
+              )}
+            </button>
+          </form>
+
+          {/* Divider */}
+          <div className="divider">
+            <span>or sign up with</span>
+          </div>
+
+          {/* Social Signup Options */}
+          <div className="social-signup">
+            <button 
+              type="button" 
+              className="google-btn"
+              onClick={handleGoogleSignUp}
+              disabled={isLoading}
+            >
+              <svg className="google-icon" viewBox="0 0 24 24">
+                <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
+                <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
+                <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
+                <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
+              </svg>
+              Continue with Google
+            </button>
+
+            <button 
+              type="button" 
+              className="phone-btn"
+              onClick={handlePhoneSignUp}
+              disabled={isLoading}
+            >
+              <Phone size={16} />
+              Continue with Phone
+            </button>
+          </div>
+        </div>
+
+        {/* Footer */}
+        <div className="signup-footer">
+          <p>
+            Already have an account?{' '}
+            <button 
+              type="button" 
+              className="link-btn"
+              onClick={onNavigateToLogin}
+            >
+              Sign in here
+            </button>
+          </p>
+          {onExploreAsGuest && (
+            <p style={{ marginTop: 10 }}>
+              Or{' '}
+              <button type="button" className="link-btn" onClick={onExploreAsGuest}>
+                Explore as guest
+              </button>
+            </p>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Signup;
\ No newline at end of file
diff --git a/frontend/src/components/SuggestionsPanel.js b/frontend/src/components/SuggestionsPanel.js
new file mode 100644
index 0000000000000000000000000000000000000000..f98f1ec443889d61547ced19a8bd1c2932fa4857
--- /dev/null
+++ b/frontend/src/components/SuggestionsPanel.js
@@ -0,0 +1,76 @@
+// src/components/SuggestionsPanel.js
+import React, { useMemo } from 'react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+
+const SuggestionsPanel = ({ onSuggestionClick, guestPersona = null }) => {
+  const { config, resolveIcon } = useAppConfig();
+
+  const examples = useMemo(() => {
+    const chatPage = config?.chat_page || {};
+    const byPersona = chatPage.examples_by_persona || {};
+    const personaKey = (guestPersona || '').toLowerCase();
+    const personaExamples = personaKey && Array.isArray(byPersona[personaKey])
+      ? byPersona[personaKey]
+      : null;
+    if (personaExamples && personaExamples.length > 0) return personaExamples;
+    return chatPage.examples || [];
+  }, [config, guestPersona]);
+
+  return (
+    <div className="suggestions-panel">
+      <div className="suggestions-header">
+        <h2 className="suggestions-title">Getting Started</h2>
+        <p className="suggestions-subtitle">
+          Choose a topic to get advice from your advisors
+        </p>
+      </div>
+      
+      <div className="suggestions-grid">
+        {examples.map((category, categoryIndex) => {
+          const Icon = resolveIcon(category.icon);
+          return (
+            <div key={categoryIndex} className="suggestion-category">
+              <div className="category-header">
+                <div 
+                  className="category-icon"
+                  style={{ 
+                    backgroundColor: category.bg_color || '#F3F4F6',
+                    color: category.color || '#6B7280'
+                  }}
+                >
+                  <Icon size={20} />
+                </div>
+                <h3 
+                  className="category-title"
+                  style={{ color: category.color || '#6B7280' }}
+                >
+                  {category.title}
+                </h3>
+              </div>
+              
+              <div className="suggestion-buttons">
+                {(category.suggestions || []).map((suggestion, suggestionIndex) => (
+                  <button
+                    key={suggestionIndex}
+                    onClick={() => onSuggestionClick(suggestion)}
+                    className="suggestion-button"
+                    style={{
+                      borderColor: (category.color || '#6B7280') + '20',
+                      '--hover-bg': category.bg_color || '#F3F4F6',
+                      '--hover-border': category.color || '#6B7280',
+                      '--hover-text': category.color || '#6B7280'
+                    }}
+                  >
+                    {suggestion}
+                  </button>
+                ))}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default SuggestionsPanel;
diff --git a/frontend/src/components/ThinkingIndicator.js b/frontend/src/components/ThinkingIndicator.js
new file mode 100644
index 0000000000000000000000000000000000000000..00388737c8c9d8a897e82a0b8d71601cd8645b5b
--- /dev/null
+++ b/frontend/src/components/ThinkingIndicator.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import { useTheme } from '../contexts/ThemeContext';
+
+const ThinkingIndicator = ({ advisorId }) => {
+  const { advisors, getAdvisorColors } = useAppConfig();
+  const advisor = advisors[advisorId];
+  const { isDark } = useTheme();
+  const colors = getAdvisorColors(advisorId, isDark);
+
+  if (!advisor) return null;
+
+  const Icon = advisor.icon;
+
+  return (
+    <div className="thinking-container">
+      <div className="advisor-message-avatar-ring" style={{ width: 44, height: 44 }}>
+        {Icon ? (
+          <Icon
+            className="advisor-message-avatar-icon"
+            style={{ color: colors.color, width: 23, height: 23 }}
+          />
+        ) : null}
+      </div>
+      <div
+        className="thinking-bubble"
+        style={{
+          backgroundColor: colors.bgColor,
+          borderColor: colors.color + '40',
+        }}
+      >
+        <div className="thinking-header">
+          <h4 className="advisor-name" style={{ color: colors.color }}>
+            {advisor.name}
+          </h4>
+        </div>
+        <div className="thinking-dots">
+          <div
+            className="thinking-dot"
+            style={{ backgroundColor: colors.color, animationDelay: '0ms' }}
+          />
+          <div
+            className="thinking-dot"
+            style={{ backgroundColor: colors.color, animationDelay: '150ms' }}
+          />
+          <div
+            className="thinking-dot"
+            style={{ backgroundColor: colors.color, animationDelay: '300ms' }}
+          />
+        </div>
+        <p className="thinking-text" style={{ color: colors.color, opacity: 0.8 }}>
+          thinking...
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default ThinkingIndicator;
diff --git a/frontend/src/components/UserAvatarPicker.js b/frontend/src/components/UserAvatarPicker.js
new file mode 100644
index 0000000000000000000000000000000000000000..3b52899221e8e7c4228e8fcab4b1b2b0e3f2c530
--- /dev/null
+++ b/frontend/src/components/UserAvatarPicker.js
@@ -0,0 +1,81 @@
+import React from 'react';
+import * as LucideIcons from 'lucide-react';
+import { X } from 'lucide-react';
+
+const UserAvatarPicker = ({ avatarOptions, currentAvatarId, onSelect, onClose }) => {
+  const resolveIcon = (name) => LucideIcons[name] || LucideIcons.User;
+
+  return (
+    <div className="avatar-picker-overlay" onClick={onClose}>
+      <div className="avatar-picker-modal" onClick={e => e.stopPropagation()}>
+        <div className="avatar-picker-header">
+          <h3>Choose Your Avatar</h3>
+          <button onClick={onClose} className="avatar-picker-close"><X size={18} /></button>
+        </div>
+        <div className="avatar-picker-grid">
+          {avatarOptions.map(opt => {
+            const Icon = resolveIcon(opt.icon);
+            const isSelected = currentAvatarId === opt.id;
+            return (
+              <button
+                key={opt.id}
+                className={`avatar-option ${isSelected ? 'selected' : ''}`}
+                onClick={() => onSelect(opt.id)}
+                style={{
+                  '--av-color': opt.color,
+                  '--av-bg': opt.bg,
+                  border: isSelected ? `2px solid ${opt.color}` : '2px solid transparent',
+                }}
+              >
+                <div className="avatar-option-icon" style={{ backgroundColor: opt.bg, color: opt.color }}>
+                  <Icon size={24} />
+                </div>
+              </button>
+            );
+          })}
+        </div>
+      </div>
+
+      <style jsx>{`
+        .avatar-picker-overlay {
+          position: fixed; inset: 0; z-index: 9999;
+          background: rgba(0,0,0,0.5); display: flex;
+          align-items: center; justify-content: center;
+        }
+        .avatar-picker-modal {
+          background: var(--bg-primary); border-radius: 16px;
+          padding: 24px; min-width: 320px; max-width: 400px;
+          box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+        }
+        .avatar-picker-header {
+          display: flex; justify-content: space-between; align-items: center;
+          margin-bottom: 16px;
+        }
+        .avatar-picker-header h3 {
+          margin: 0; color: var(--text-primary); font-size: 16px;
+        }
+        .avatar-picker-close {
+          background: none; border: none; cursor: pointer;
+          color: var(--text-secondary); padding: 4px;
+        }
+        .avatar-picker-grid {
+          display: grid; grid-template-columns: repeat(5, 1fr);
+          gap: 10px;
+        }
+        .avatar-option {
+          background: none; cursor: pointer; padding: 6px;
+          border-radius: 12px; transition: all 0.15s;
+          display: flex; align-items: center; justify-content: center;
+        }
+        .avatar-option:hover { transform: scale(1.1); }
+        .avatar-option.selected { background: var(--av-bg); }
+        .avatar-option-icon {
+          width: 44px; height: 44px; border-radius: 50%;
+          display: flex; align-items: center; justify-content: center;
+        }
+      `}</style>
+    </div>
+  );
+};
+
+export default UserAvatarPicker;
diff --git a/frontend/src/components/UserGuide.js b/frontend/src/components/UserGuide.js
new file mode 100644
index 0000000000000000000000000000000000000000..5d20fa2f2c851b919ff30c40bf49bdb2ed261595
--- /dev/null
+++ b/frontend/src/components/UserGuide.js
@@ -0,0 +1,110 @@
+import React, { useState, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import * as LucideIcons from 'lucide-react';
+import { X, Search, ChevronRight, BookOpen } from 'lucide-react';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import { userGuideTopics } from '../data/userGuide';
+import '../styles/UserGuide.css';
+
+const UserGuide = () => {
+  const { config, advisors } = useAppConfig();
+  const [isOpen, setIsOpen] = useState(false);
+  const [activeId, setActiveId] = useState(userGuideTopics[0].id);
+  const [search, setSearch] = useState('');
+
+  useEffect(() => {
+    const open = () => setIsOpen(true);
+    window.addEventListener('open-user-guide', open);
+    return () => window.removeEventListener('open-user-guide', open);
+  }, []);
+
+  useEffect(() => {
+    if (!isOpen) return;
+    const onKey = (e) => e.key === 'Escape' && setIsOpen(false);
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, [isOpen]);
+
+  const appName = config?.app?.title || 'the app';
+  const advisorEntries = Object.values(advisors || {});
+  const advisorCount = advisorEntries.length;
+  const advisorList = advisorEntries
+    .map((a) => `- **${a.name}:** ${a.description || a.role || ''}`.trimEnd())
+    .join('\n');
+  const q = search.toLowerCase().trim();
+  const filteredTopics = q
+    ? userGuideTopics.filter(t =>
+        t.title.toLowerCase().includes(q) || t.content.toLowerCase().includes(q))
+    : userGuideTopics;
+  const activeTopic = userGuideTopics.find(t => t.id === activeId) || userGuideTopics[0];
+
+  if (!isOpen) return null;
+
+  return ReactDOM.createPortal(
+    <div className="ug-overlay" onClick={(e) => e.target === e.currentTarget && setIsOpen(false)}>
+      <div className="ug-modal" role="dialog" aria-label="User Guide">
+        {/* Header */}
+        <div className="ug-header">
+          <div className="ug-title">
+            <span className="ug-title-icon">
+              <BookOpen size={18} />
+            </span>
+            <span>User Guide</span>
+          </div>
+          <button className="ug-close" onClick={() => setIsOpen(false)} aria-label="Close">
+            <X size={20} />
+          </button>
+        </div>
+
+        <div className="ug-body">
+          {/* Sidebar / TOC */}
+          <aside className="ug-sidebar">
+            <div className="ug-search">
+              <Search size={14} />
+              <input
+                type="text"
+                placeholder="Search the guide…"
+                value={search}
+                onChange={(e) => setSearch(e.target.value)}
+              />
+            </div>
+            <nav className="ug-toc">
+              {filteredTopics.length === 0 && (
+                <div className="ug-empty">No matches</div>
+              )}
+              {filteredTopics.map((t) => {
+                const TopicIcon = LucideIcons[t.icon] || BookOpen;
+                return (
+                  <button
+                    key={t.id}
+                    className={`ug-toc-item ${t.id === activeId ? 'active' : ''}`}
+                    onClick={() => setActiveId(t.id)}
+                  >
+                    <TopicIcon size={16} />
+                    <span>{t.title}</span>
+                    <ChevronRight size={14} className="ug-toc-arrow" />
+                  </button>
+                );
+              })}
+            </nav>
+          </aside>
+
+          {/* Content */}
+          <main className="ug-content" key={activeTopic.id}>
+            <ReactMarkdown remarkPlugins={[remarkGfm]}>
+              {activeTopic.content
+                .replace(/\{\{appName\}\}/g, appName)
+                .replace(/\{\{advisorCount\}\}/g, String(advisorCount))
+                .replace(/\{\{advisorList\}\}/g, advisorList)}
+            </ReactMarkdown>
+          </main>
+        </div>
+      </div>
+    </div>,
+    document.body
+  );
+};
+
+export default UserGuide;
diff --git a/frontend/src/components/canvas/CanvasCriticWidgets.js b/frontend/src/components/canvas/CanvasCriticWidgets.js
new file mode 100644
index 0000000000000000000000000000000000000000..7355a6b6356beef5dcc55d0916f49cd64db576ca
--- /dev/null
+++ b/frontend/src/components/canvas/CanvasCriticWidgets.js
@@ -0,0 +1,430 @@
+import React, { useState } from 'react';
+import Icon from './CanvasIcon';
+
+const fireToast = (msg, kind = 'success') =>
+  window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg, kind } }));
+
+// Critic widgets are scripted in canvas; the *real* critique should happen in
+// the main chat so message history lives in one place (per Daniel's review).
+// "Open in chat" stashes a draft prompt + persona hint then asks CanvasPage to
+// navigate to chat — the chat page can read `canvas-chat-handoff` from localStorage.
+const handoffToChat = (persona, prompt, context = {}) => {
+  try {
+    localStorage.setItem('canvas-chat-handoff', JSON.stringify({
+      at: Date.now(), persona, prompt, ...context,
+    }));
+  } catch { /* ignore */ }
+  window.dispatchEvent(new CustomEvent('canvas-open-in-chat', { detail: { persona, prompt } }));
+  fireToast(`Opening ${persona} in chat — full history will be there.`);
+};
+
+// ---------- Reviewer 2 widget ----------
+export function Reviewer2Widget({ state, setState, openModal }) {
+  return (
+    <>
+      <div className="critic-prompt">
+        "Paste a draft paragraph, abstract, or section. I'll respond as the most uncharitable but technically competent reviewer your work will ever see."
+      </div>
+      {state.lastReview ? (
+        <div className="review">
+          <span className="review-tag">Last critique · {state.lastReview.severity}/10 severity</span>
+          <div style={{ marginBottom: 6 }}><strong>Major:</strong> {state.lastReview.major}</div>
+          <div style={{ color: 'var(--canvas-text-2)', fontSize: 12 }}>+{state.lastReview.minorCount} minor issues, {state.lastReview.suggestionCount} suggestions</div>
+        </div>
+      ) : (
+        <div style={{ fontSize: 11.5, color: 'var(--canvas-text-3)', fontStyle: 'italic', padding: '4px 2px' }}>
+          No drafts reviewed yet.
+        </div>
+      )}
+      <div className="critic-meter">
+        <span>tone</span>
+        <div className="bar"><i style={{ width: '92%' }}/></div>
+        <span style={{ color: 'var(--canvas-critic)' }}>harsh</span>
+      </div>
+      <div style={{ display: 'flex', gap: 6, alignSelf: 'flex-start' }}>
+        <button
+          className="btn btn-critic"
+          onClick={() => openModal('reviewer-2', {
+            initial: state.lastDraft,
+            onComplete: (review) => setState({ ...state, lastDraft: review.draft, lastReview: review }),
+          })}
+        >
+          <Icon name="gavel" size={13}/>Get critique
+        </button>
+        <button
+          className="btn"
+          title="Open Reviewer 2 in the main chat (history lives there)"
+          onClick={() => handoffToChat('Reviewer 2', state.lastDraft
+            ? `Critique this draft as Reviewer 2: "${state.lastDraft}"`
+            : 'Open Reviewer 2 and ready a critique.')}
+        >
+          <Icon name="message" size={13}/>Open in chat
+        </button>
+      </div>
+    </>
+  );
+}
+
+// ---------- Devil's Advocate widget ----------
+export function DevilsAdvocateWidget({ state, setState, openModal }) {
+  return (
+    <>
+      <div style={{ fontSize: 11, color: 'var(--canvas-text-3)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600 }}>Your claim</div>
+      <div style={{ fontSize: 13, color: 'var(--canvas-text)', fontWeight: 500, lineHeight: 1.4, padding: '4px 0' }}>"{state.claim}"</div>
+      <div style={{ fontSize: 11, color: 'var(--canvas-critic)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginTop: 4 }}>
+        Strongest counters · {state.counters.length}
+      </div>
+      <div className="devil-list">
+        {state.counters.slice(0, 3).map((c, i) => (
+          <div key={i} className="devil-item">
+            <div className="lbl">{c.lbl}</div>
+            <div>{c.text}</div>
+          </div>
+        ))}
+      </div>
+      <div style={{ display: 'flex', gap: 6, alignSelf: 'flex-start' }}>
+        <button
+          className="btn btn-critic"
+          onClick={() => openModal('devils-advocate', {
+            claim: state.claim,
+            counters: state.counters,
+            onUpdate: (next) => setState({ ...state, ...next }),
+          })}
+        >
+          <Icon name="scale" size={13}/>Push harder
+        </button>
+        <button
+          className="btn"
+          title="Open Devil's Advocate in the main chat (history lives there)"
+          onClick={() => handoffToChat("Devil's Advocate",
+            `Take the position of devil's advocate on my claim: "${state.claim || 'my current security plan'}". Be ruthless.`)}
+        >
+          <Icon name="message" size={13}/>Open in chat
+        </button>
+      </div>
+    </>
+  );
+}
+
+// ---------- Scope realism widget ----------
+export function ScopeRealismWidget({ state, openModal }) {
+  return (
+    <div className="realism">
+      <div className="realism-verdict">
+        <div className="verdict-head">
+          <div className="verdict-score">{state.score.toFixed(1)}</div>
+          <div>
+            <div className="verdict-label">Feasibility</div>
+            <div style={{ fontSize: 12, color: 'var(--canvas-text-2)', marginTop: 2 }}>{state.label}</div>
+          </div>
+        </div>
+        <div style={{ fontSize: 11, color: 'var(--canvas-text-3)', fontFamily: 'var(--canvas-mono)' }}>
+          target: {state.target}
+        </div>
+      </div>
+      <div>
+        {state.factors.map(f => (
+          <div key={f.label} className="realism-row">
+            <span className="label-cell">{f.label}</span>
+            <span className="gauge"><i style={{ width: f.val + '%' }}/></span>
+            <span className="val">{f.val}</span>
+          </div>
+        ))}
+      </div>
+      <div style={{ display: 'flex', gap: 6, alignSelf: 'flex-start' }}>
+        <button
+          className="btn btn-critic"
+          onClick={() => openModal('scope-realism', { state })}
+        >
+          <Icon name="bullseye" size={13}/>Read full verdict
+        </button>
+        <button
+          className="btn"
+          title="Open Scope Realism in the main chat (history lives there)"
+          onClick={() => handoffToChat('Scope Realism',
+            `Run a brutal feasibility check on my goal: "${state.target || 'my current rollout scope'}". Be specific about what's at risk.`)}
+        >
+          <Icon name="message" size={13}/>Open in chat
+        </button>
+      </div>
+    </div>
+  );
+}
+
+// ===================================================================
+// Critic modals
+// ===================================================================
+
+const REVIEW_TEMPLATES = [
+  {
+    severity: 8,
+    major: 'The policy states what is required but never who enforces it or how compliance is measured. "MFA must be enabled where practical" is not a control — "where practical" is an exception process wearing a trench coat. Every attacker reads that clause the same way your least-motivated admin does.',
+    minor: [
+      'No owner is named for any control. Unowned controls decay within two quarters.',
+      'Scope says "all systems" but the procedures only cover corporate laptops — SaaS, BYOD, and service accounts are unaddressed.',
+      'Review cadence is "periodically." Auditors will read that as "never." Name a quarter.',
+      'No consequence is defined for violations, which makes the whole document advisory.',
+    ],
+    suggestions: [
+      'Rewrite each requirement as testable: who, what, by when, verified how.',
+      'Add an exceptions section with an approver, an expiry date, and a register.',
+      'Name a control owner per section, not one owner for the whole policy.',
+    ],
+  },
+  {
+    severity: 7,
+    major: 'The plan claims the rollout will "significantly reduce risk" without a baseline or a target. Reduced from what, to what, measured how? Without numbers this is a budget request, not a security plan — and the CFO will treat it as one.',
+    minor: [
+      'Timeline has no dependencies: identity cleanup is scheduled after the SSO migration that depends on it.',
+      'No statement of what happens to legacy systems that cannot meet the new baseline.',
+      'Success criteria are activities ("deploy EDR") rather than outcomes ("alerts triaged within 30 minutes").',
+    ],
+    suggestions: [
+      'Add a current-state metric and a 90-day target for each initiative.',
+      'List the top 2 risks to the plan itself and the fallback for each.',
+    ],
+  },
+  {
+    severity: 9,
+    major: 'This reads like a product brochure, not an incident report. There is no timeline, no root cause, and no number. The strongest claim is that the incident was "handled swiftly with no evidence of data exposure" — absence of evidence in an environment with 30-day log retention is not evidence of absence, and any regulator will say so.',
+    minor: [
+      'The word "sophisticated" appears twice describing an attack that started with a phished password.',
+      '"No customer action is required" is asserted before the impact section establishes it.',
+      'Lessons-learned section contains zero committed changes with owners or dates.',
+    ],
+    suggestions: [
+      'Lead with the facts: detection time, dwell time, systems touched, records at risk.',
+      'Every lesson learned gets an owner and a date, or it is a wish, not a lesson.',
+    ],
+  },
+];
+
+export function ReviewerModal({ data, onClose }) {
+  const [draft, setDraft] = useState(data.initial || '');
+  const [running, setRunning] = useState(false);
+  const [review, setReview] = useState(null);
+
+  const run = () => {
+    if (!draft.trim()) return;
+    setRunning(true);
+    setReview(null);
+    setTimeout(() => {
+      const idx = (draft.length + draft.split(' ').length) % REVIEW_TEMPLATES.length;
+      const r = REVIEW_TEMPLATES[idx];
+      setReview(r);
+      setRunning(false);
+    }, 900);
+  };
+
+  const accept = () => {
+    if (!review) return;
+    data.onComplete({
+      draft,
+      severity: review.severity,
+      major: review.major,
+      minorCount: review.minor.length,
+      suggestionCount: review.suggestions.length,
+    });
+    fireToast('Critique saved · severity ' + review.severity + '/10', 'critic');
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal huge" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon critic"><Icon name="gavel" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">Reviewer 2 Simulator</div>
+          <div className="modal-sub">Paste a draft. Get the harshest competent peer review you'll ever read — before a real reviewer does.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-row">
+          <label className="label">Your draft</label>
+          <textarea
+            className="textarea"
+            style={{ minHeight: 120, fontFamily: 'var(--canvas-mono)', fontSize: 12.5 }}
+            value={draft}
+            onChange={e => setDraft(e.target.value)}
+            placeholder="Paste an abstract, a claim, a paragraph…"
+          />
+          <div style={{ fontSize: 11, color: 'var(--canvas-text-3)', fontFamily: 'var(--canvas-mono)', textAlign: 'right' }}>{draft.length} chars · {draft.trim().split(/\s+/).filter(Boolean).length} words</div>
+        </div>
+
+        {!review && !running && (
+          <div style={{ marginTop: 16, padding: '12px 14px', background: 'var(--canvas-bg-2)', border: '1px dashed var(--canvas-border-2)', borderRadius: 8, fontSize: 12, color: 'var(--canvas-text-3)', lineHeight: 1.5 }}>
+            <strong style={{ color: 'var(--canvas-text-2)' }}>What this is:</strong> a simulated peer review tuned to push back hard. It will name unstated operationalizations, rival explanations, and weak phrasings. <span style={{ color: 'var(--canvas-text-4)' }}>It will not flatter you. That's the point.</span>
+          </div>
+        )}
+
+        {running && (
+          <div style={{ marginTop: 20, display: 'flex', alignItems: 'center', gap: 10, color: 'var(--canvas-text-2)' }}>
+            <div className="spinner critic"/>
+            <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 12 }}>parsing claims · finding rival hypotheses · drafting…</span>
+          </div>
+        )}
+
+        {review && (
+          <div style={{ marginTop: 18, display: 'flex', flexDirection: 'column', gap: 14 }}>
+            <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+              <div style={{
+                fontFamily: 'var(--canvas-mono)', fontSize: 22, fontWeight: 600,
+                color: 'var(--canvas-critic)', letterSpacing: '-0.02em',
+              }}>{review.severity}/10</div>
+              <div style={{ fontSize: 11, color: 'var(--canvas-text-3)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600 }}>severity</div>
+              <div style={{ flex: 1 }}/>
+              <div style={{ fontSize: 11, fontFamily: 'var(--canvas-mono)', color: 'var(--canvas-text-3)' }}>{review.minor.length} minor · {review.suggestions.length} suggestions</div>
+            </div>
+            <div className="review">
+              <span className="review-tag">Major issue</span>
+              {review.major}
+            </div>
+            <div>
+              <div style={{ fontSize: 11, color: 'var(--canvas-text-3)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginBottom: 6 }}>Minor issues</div>
+              <ul style={{ margin: 0, paddingLeft: 18, fontSize: 12.5, color: 'var(--canvas-text-2)', lineHeight: 1.55 }}>
+                {review.minor.map((m, i) => <li key={i} style={{ marginBottom: 4 }}>{m}</li>)}
+              </ul>
+            </div>
+            <div>
+              <div style={{ fontSize: 11, color: 'var(--canvas-accent)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginBottom: 6 }}>Suggestions</div>
+              <ul style={{ margin: 0, paddingLeft: 18, fontSize: 12.5, color: 'var(--canvas-text-2)', lineHeight: 1.55 }}>
+                {review.suggestions.map((s, i) => <li key={i} style={{ marginBottom: 4 }}>{s}</li>)}
+              </ul>
+            </div>
+          </div>
+        )}
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Close</button>
+        {review ? (
+          <>
+            <button className="btn" onClick={() => { setReview(null); }}>New critique</button>
+            <button className="btn btn-critic" onClick={accept}><Icon name="check" size={13}/>Save to widget</button>
+          </>
+        ) : (
+          <button className="btn btn-critic" onClick={run} disabled={!draft.trim() || running}>
+            <Icon name="gavel" size={13}/>{running ? 'Reviewing…' : 'Critique my draft'}
+          </button>
+        )}
+      </div>
+    </div>
+  );
+}
+
+const HARDER_COUNTERS = [
+  { lbl: 'Compliance ≠ security', text: 'Your plan optimizes for passing the audit, not stopping the attacker. Every control maps to a framework line item; none map to the actual intrusion paths in your last three incidents.' },
+  { lbl: 'Insider blind spot', text: 'Everything here assumes the threat is outside the perimeter. A disgruntled admin with legitimate credentials defeats every control on this list without triggering one alert.' },
+  { lbl: 'Operational decay', text: 'Day-one coverage is not the question. Who tunes these detections in month six, when the person who built them has left and the alert queue is 400 deep?' },
+  { lbl: 'Vendor dependency', text: 'Your resilience story depends on three SaaS vendors staying up and honest. Their breach is your breach, and your plan has no section for it.' },
+];
+
+export function DevilsModal({ data, onClose }) {
+  const [counters, setCounters] = useState(data.counters);
+  const [pushing, setPushing] = useState(false);
+
+  const pushHarder = () => {
+    setPushing(true);
+    setTimeout(() => {
+      const next = HARDER_COUNTERS.find(c => !counters.find(x => x.lbl === c.lbl));
+      if (next) {
+        const nc = [...counters, next];
+        setCounters(nc);
+        data.onUpdate({ counters: nc });
+        fireToast('Stronger counter added: "' + next.lbl + '"', 'critic');
+      } else {
+        fireToast('No more counters — your plan is more robust than I thought.');
+      }
+      setPushing(false);
+    }, 800);
+  };
+
+  return (
+    <div className="canvas-modal wide" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon critic"><Icon name="scale" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">Devil's Advocate</div>
+          <div className="modal-sub">The strongest counter-arguments to your plan, ranked by how much they should worry you.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div style={{ background: 'var(--canvas-bg-2)', border: '1px solid var(--canvas-border-2)', borderRadius: 9, padding: '12px 14px', marginBottom: 16 }}>
+          <div style={{ fontSize: 10.5, color: 'var(--canvas-text-3)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginBottom: 4 }}>Your claim</div>
+          <div style={{ fontSize: 14, color: 'var(--canvas-text)', fontWeight: 500 }}>"{data.claim}"</div>
+        </div>
+        <div className="devil-list">
+          {counters.map((c, i) => (
+            <div key={i} className="devil-item" style={{ padding: '12px 14px 12px 36px' }}>
+              <div className="lbl">{c.lbl}</div>
+              <div style={{ fontSize: 13, lineHeight: 1.55 }}>{c.text}</div>
+            </div>
+          ))}
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Close</button>
+        <button className="btn btn-critic" onClick={pushHarder} disabled={pushing}>
+          {pushing ? <><div className="spinner critic"/>Thinking…</> : <><Icon name="zap" size={13}/>Push harder</>}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export function ScopeModal({ data, onClose }) {
+  const s = data.state;
+  return (
+    <div className="canvas-modal wide" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon critic"><Icon name="bullseye" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">Scope Realism Check</div>
+          <div className="modal-sub">A brutal feasibility verdict on "{s.target}" given your current pace.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div style={{ display: 'flex', alignItems: 'center', gap: 16, padding: '14px 16px', background: 'var(--canvas-bg-2)', border: '1px solid rgba(232,100,184,0.3)', borderRadius: 10, marginBottom: 18 }}>
+          <div style={{ fontFamily: 'var(--canvas-mono)', fontSize: 36, fontWeight: 600, color: 'var(--canvas-critic)', letterSpacing: '-0.02em', lineHeight: 1 }}>{s.score.toFixed(1)}</div>
+          <div style={{ flex: 1 }}>
+            <div style={{ fontSize: 10.5, color: 'var(--canvas-text-3)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600 }}>Verdict</div>
+            <div style={{ fontSize: 16, fontWeight: 600, color: 'var(--canvas-text)', marginTop: 2 }}>{s.label}</div>
+            <div style={{ fontSize: 12, color: 'var(--canvas-text-3)', marginTop: 4 }}>5.0 = neither feasible nor infeasible · &lt;3 = unrealistic · &gt;7 = comfortable</div>
+          </div>
+        </div>
+
+        <div style={{ marginBottom: 16 }}>
+          <div className="label" style={{ marginBottom: 8 }}>Factor breakdown</div>
+          {s.factors.map(f => (
+            <div key={f.label} className="realism-row" style={{ padding: '7px 0' }}>
+              <span className="label-cell" style={{ width: 140, fontSize: 12.5 }}>{f.label}</span>
+              <span className="gauge" style={{ height: 6 }}><i style={{ width: f.val + '%' }}/></span>
+              <span className="val" style={{ width: 36 }}>{f.val}</span>
+            </div>
+          ))}
+        </div>
+
+        <div className="review">
+          <span className="review-tag">The actual problem</span>
+          {s.notes}
+        </div>
+
+        <div style={{ marginTop: 16 }}>
+          <div className="label" style={{ marginBottom: 8 }}>Recommended actions</div>
+          <ul style={{ margin: 0, paddingLeft: 18, fontSize: 13, color: 'var(--canvas-text-2)', lineHeight: 1.6 }}>
+            <li><strong style={{ color: 'var(--canvas-text)' }}>Lock the scope in writing.</strong> Scope creep — not effort — is what sinks security rollouts.</li>
+            <li>Build slack into the timeline. Vendor delays, change freezes, and on-call weeks will eat 20–30% of it.</li>
+            <li>Cut a phase. A rollout that ships MFA and backups this quarter beats one that promises everything next year.</li>
+            <li>Assign a single owner per milestone; shared ownership reads as no ownership in the post-mortem.</li>
+          </ul>
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Close</button>
+        <button className="btn btn-critic"><Icon name="zap" size={13}/>Re-run with new estimates</button>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/canvas/CanvasDeliverables.js b/frontend/src/components/canvas/CanvasDeliverables.js
new file mode 100644
index 0000000000000000000000000000000000000000..9f57a919940d9ea6a106233248e75716be310095
--- /dev/null
+++ b/frontend/src/components/canvas/CanvasDeliverables.js
@@ -0,0 +1,1409 @@
+// Documents view — multi-project security deliverable center.
+// Each "project" is a draft of a template (assessment report, IR plan, policy,
+// briefing slides, etc.). You can keep many projects in flight, switch between
+// them, version-rollback, embed images, and export to Markdown / HTML / Print.
+import React, { useState, useMemo, useEffect, useRef } from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
+import 'katex/dist/katex.min.css';
+import Icon from './CanvasIcon';
+import { MOD } from './platform';
+import LatexEditor from './CanvasLatexEditor';
+import { fetchCanvas, saveDeliverables, debounce } from '../../utils/canvasApi';
+
+// Markdown plugins shared across all rendered blocks. remark-math + rehype-katex
+// give us real LaTeX math (`$...$` inline, `$$...$$` block) inside any preview.
+const REMARK_PLUGINS = [remarkGfm, remarkMath];
+const REHYPE_PLUGINS = [rehypeKatex];
+
+const fireToast = (msg, kind = 'success') =>
+  window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg, kind } }));
+
+const STORE_KEY = 'canvas-deliverables-v2';
+const MAX_VERSIONS = 10;
+const newId = (p) => p + Math.random().toString(36).slice(2, 8);
+
+// ============================================================================
+// Templates
+// ============================================================================
+export const TEMPLATES = [
+  {
+    id: 'research-paper',
+    name: 'Security Assessment Report',
+    desc: 'Executive summary → Scope → Findings → Risk ratings → Remediation → Appendix',
+    icon: 'book',
+    mode: 'paper',
+    sections: [
+      { id: 'abstract', name: 'Executive summary', target: 250, hint: 'One paragraph for leadership: what was assessed, top risks, headline recommendation.', checks: ['hasNumber', 'hasFinding'] },
+      { id: 'intro', name: 'Scope & methodology', target: 600, hint: 'Systems in scope, testing window, methodology and tools, rules of engagement.', checks: ['hasNumber'] },
+      { id: 'results', name: 'Findings', target: 1000, hint: 'One finding per block: description, evidence, affected assets. Reference screenshots/tables.', checks: ['hasNumber', 'hasFigure'] },
+      { id: 'methods', name: 'Risk ratings', target: 400, hint: 'Severity × likelihood per finding. Say which rating scale you used.', checks: ['hasRisk', 'hasNumber'] },
+      { id: 'discussion', name: 'Remediation plan', target: 800, hint: 'Prioritized fixes with owner and target date per item.', checks: ['hasOwner', 'hasDate'] },
+      { id: 'refs', name: 'Appendix', target: 0, hint: 'Raw output, full host lists, references (@key).', checks: [] },
+    ],
+  },
+  {
+    id: 'thesis-chapter',
+    name: 'Incident Report',
+    desc: 'Overview → Timeline → Impact → Root cause → Containment → Lessons learned',
+    icon: 'book',
+    mode: 'paper',
+    sections: [
+      { id: 'overview', name: 'Overview', target: 200, hint: 'What happened, when detected, current status — in plain language.', checks: [] },
+      { id: 'background', name: 'Timeline', target: 600, hint: 'Timestamped sequence: initial access → detection → escalation → containment.', checks: ['hasNumber'] },
+      { id: 'methods', name: 'Impact', target: 400, hint: 'Systems, data, users, and money affected. Numbers over adjectives.', checks: ['hasNumber'] },
+      { id: 'results', name: 'Root cause', target: 500, hint: 'Technical root cause and the control gaps that let it happen.', checks: ['hasGap'] },
+      { id: 'discussion', name: 'Containment & lessons learned', target: 600, hint: 'What stopped it, what changes now, with owners and dates.', checks: ['hasOwner', 'hasDate'] },
+    ],
+  },
+  {
+    id: 'nsf-grfp',
+    name: 'Security Policy',
+    desc: 'Purpose → Scope → Policy statements → Roles → Exceptions → Enforcement.',
+    icon: 'award',
+    mode: 'document',
+    sections: [
+      { id: 'personal', name: 'Purpose & scope', target: 250, hint: 'Why this policy exists, who and what it covers. Short beats thorough.', checks: [] },
+      { id: 'research', name: 'Policy statements', target: 800, hint: 'Numbered, testable statements ("MFA is required for…"). Include roles, exceptions process, enforcement.', checks: ['hasNumber', 'hasOwner'] },
+    ],
+  },
+  {
+    id: 'conference-abstract',
+    name: 'Executive Briefing',
+    desc: 'Single section, 250 words. Lead with the risk and the ask.',
+    icon: 'send',
+    mode: 'document',
+    sections: [
+      { id: 'abs', name: 'Briefing', target: 250, hint: 'One paragraph for the board: risk, business impact, what you need approved.', checks: ['hasFinding', 'hasNumber'] },
+    ],
+  },
+  {
+    id: 'defense-slides',
+    name: 'Security Briefing Slides',
+    desc: 'Title → Agenda → Threat landscape → Posture → Gaps → Plan → Budget → Q&A',
+    icon: 'kanban',
+    mode: 'slides',
+    sections: [
+      { id: 'title', name: 'Title slide', target: 30, hint: 'Topic, your name, audience, date.', checks: [] },
+      { id: 'outline', name: 'Agenda', target: 60, hint: '5–7 bullets covering the talk arc.', checks: [] },
+      { id: 'background', name: 'Threat landscape', target: 200, hint: 'What is targeting orgs like yours right now. Cite sources.', checks: ['hasRisk'] },
+      { id: 'question', name: 'Current posture', target: 120, hint: 'Where you stand today — one honest slide.', checks: ['hasNumber'] },
+      { id: 'methods', name: 'Gaps & risks', target: 200, hint: 'Top gaps ranked by business impact.', checks: ['hasRisk'] },
+      { id: 'results', name: 'Plan', target: 300, hint: 'One slide per initiative. Lead with the outcome.', checks: ['hasDate', 'hasNumber'] },
+      { id: 'discussion', name: 'Budget & asks', target: 200, hint: 'What you need: money, headcount, decisions.', checks: ['hasNumber'] },
+      { id: 'qa', name: 'Anticipated Q&A', target: 300, hint: 'Hardest 5 questions and your answers.', checks: [] },
+    ],
+  },
+  {
+    id: 'poster',
+    name: 'Risk Snapshot (1-pager)',
+    desc: '4-quadrant one-pager: Context · Top risks · Mitigations · Next steps.',
+    icon: 'layout',
+    mode: 'poster',
+    sections: [
+      { id: 'title', name: 'Title & owner', target: 30, hint: 'System or program name, owner, date.', checks: [] },
+      { id: 'intro', name: 'Context', target: 200, hint: 'What this system does and why it matters to the business.', checks: [] },
+      { id: 'methods', name: 'Top risks', target: 200, hint: '3–5 risks ranked by impact × likelihood.', checks: ['hasRisk'] },
+      { id: 'results', name: 'Mitigations', target: 250, hint: 'Current and planned controls per risk.', checks: ['hasNumber'] },
+      { id: 'discussion', name: 'Next steps', target: 200, hint: 'Decisions needed, owners, dates.', checks: ['hasOwner', 'hasDate'] },
+      { id: 'refs', name: 'References', target: 80, hint: 'Framework mappings, related reports (@key).', checks: [] },
+    ],
+  },
+  {
+    id: 'cv',
+    name: 'Security Résumé',
+    desc: 'Standard sections: Summary · Experience · Certs · Projects · Skills.',
+    icon: 'user',
+    mode: 'document',
+    sections: [
+      { id: 'header', name: 'Header', target: 40, hint: 'Name, target role, location, contact.', checks: [] },
+      { id: 'education', name: 'Summary', target: 100, hint: '2–3 sentences: who you are, your specialty, one quantified win.', checks: ['hasNumber'] },
+      { id: 'publications', name: 'Experience', target: 300, hint: 'Most recent first. Lead each bullet with impact + numbers.', checks: ['hasNumber'] },
+      { id: 'talks', name: 'Certifications & training', target: 150, hint: 'Cert · Issuer · Year. In-progress ones count — say so.', checks: [] },
+      { id: 'awards', name: 'Projects & home lab', target: 100, hint: 'CTFs, detections you wrote, lab builds — with links.', checks: [] },
+      { id: 'service', name: 'Community & service', target: 100, hint: 'Meetups, open source, mentoring, writing.', checks: [] },
+      { id: 'skills', name: 'Skills', target: 60, hint: 'Tools, platforms, languages — grouped, not a wall.', checks: [] },
+    ],
+  },
+  {
+    id: 'cover-letter',
+    name: 'Cover Letter',
+    desc: 'For security job applications — specific, quantified, short.',
+    icon: 'send',
+    mode: 'document',
+    sections: [
+      { id: 'header', name: 'Header', target: 40, hint: 'Date, recipient, salutation.', checks: [] },
+      { id: 'opener', name: 'Opening paragraph', target: 100, hint: 'Why you\'re writing + the role.', checks: [] },
+      { id: 'body', name: 'Why me', target: 250, hint: 'Specific achievements that match the posting. Numbers > adjectives.', checks: ['hasNumber'] },
+      { id: 'fit', name: 'Why this team', target: 150, hint: 'What about this company / security team makes it the right fit.', checks: [] },
+      { id: 'close', name: 'Close', target: 60, hint: 'Thanks + next step + signature.', checks: [] },
+    ],
+  },
+  {
+    id: 'irb-protocol',
+    name: 'Incident Response Plan',
+    desc: 'Roles → Severity levels → Playbooks → Communications → Evidence → Recovery.',
+    icon: 'shield',
+    mode: 'document',
+    sections: [
+      { id: 'overview', name: 'Purpose & scope', target: 200, hint: 'What counts as an incident here, and who this plan is for.', checks: [] },
+      { id: 'background', name: 'Roles & contacts', target: 300, hint: 'Incident commander, deputies, legal, PR, on-call tree — with phone numbers.', checks: ['hasOwner'] },
+      { id: 'aims', name: 'Severity levels', target: 250, hint: 'SEV1–SEV3 definitions with example scenarios and response SLAs.', checks: ['hasNumber'] },
+      { id: 'procedures', name: 'Response playbooks', target: 500, hint: 'Step-by-step for your top scenarios: ransomware, BEC, account takeover, data exposure.', checks: ['hasNumber'] },
+      { id: 'consent', name: 'Communications plan', target: 200, hint: 'Who is notified when — internal, customers, regulators, law enforcement.', checks: ['hasDate'] },
+      { id: 'risks', name: 'Evidence handling', target: 200, hint: 'What to preserve, what never to wipe, chain of custody.', checks: ['hasLimit'] },
+      { id: 'data', name: 'Recovery & post-incident', target: 200, hint: 'Restore order, validation steps, blameless review within N days.', checks: ['hasNumber'] },
+    ],
+  },
+  {
+    id: 'meeting-prep',
+    name: 'Stakeholder Meeting Prep',
+    desc: 'Bring this to your 1:1 or steering meeting — agenda, updates, decisions, follow-ups.',
+    icon: 'message',
+    mode: 'document',
+    sections: [
+      { id: 'agenda', name: 'Agenda', target: 80, hint: '3–5 bullets ranked by priority.', checks: [] },
+      { id: 'progress', name: 'Progress since last meeting', target: 200, hint: 'What you actually did, with numbers when possible.', checks: ['hasNumber'] },
+      { id: 'blockers', name: 'Blockers', target: 150, hint: 'What you need from them to move forward.', checks: ['hasLimit'] },
+      { id: 'decisions', name: 'Decisions needed', target: 200, hint: 'Frame as A/B options with your recommendation.', checks: [] },
+      { id: 'questions', name: 'Questions', target: 150, hint: 'Open questions you genuinely want their take on.', checks: [] },
+      { id: 'followup', name: 'Action items (post-meeting)', target: 100, hint: 'Fill in during/after. Owner + due date for each.', checks: ['hasOwner'] },
+    ],
+  },
+  {
+    id: 'dissertation-formatting',
+    name: 'Audit Evidence Checklist',
+    desc: 'Catch-everything pass before the auditors arrive.',
+    icon: 'shield',
+    mode: 'document',
+    sections: [
+      { id: 'frontmatter', name: 'Policies & procedures', target: 0, hint: 'Current versions, approval signatures, review dates within the last year.', checks: ['hasDate'] },
+      { id: 'margins', name: 'Access reviews', target: 0, hint: 'Quarterly review exports, sign-offs, revocation tickets for leavers.', checks: ['hasDate'] },
+      { id: 'fonts', name: 'Change management', target: 0, hint: 'Sampled changes with approvals; emergency-change log.', checks: ['hasNumber'] },
+      { id: 'pagenumbers', name: 'Vulnerability management', target: 0, hint: 'Scan reports, remediation SLAs, exception approvals.', checks: ['hasNumber'] },
+      { id: 'figures', name: 'Backup & recovery', target: 0, hint: 'Backup job logs and the last successful restore test.', checks: ['hasDate'] },
+      { id: 'citations', name: 'Security awareness', target: 0, hint: 'Training completion rates, phishing simulation results.', checks: ['hasNumber'] },
+      { id: 'appendices', name: 'Incident records', target: 0, hint: 'Incident log, post-mortems, evidence that lessons were applied.', checks: [] },
+      { id: 'proquest', name: 'Vendor / third-party', target: 0, hint: 'Vendor list, SOC 2 / ISO reports collected, contract security clauses.', checks: [] },
+    ],
+  },
+  {
+    id: 'faculty-hunt',
+    name: 'Vendor / MSP Evaluation',
+    desc: 'Choosing a security vendor or managed provider — research before you sign.',
+    icon: 'user',
+    mode: 'document',
+    sections: [
+      { id: 'criteria', name: 'Requirements', target: 150, hint: 'What you actually need: coverage hours, response SLA, compliance support, budget band.', checks: ['hasNumber'] },
+      { id: 'shortlist', name: 'Shortlist (3–5 vendors)', target: 400, hint: 'For each: name, offering, pricing model, why they fit.', checks: ['hasNumber'] },
+      { id: 'pubs', name: 'Diligence', target: 300, hint: 'SOC 2 / ISO status, breach history, references from similar-size customers.', checks: [] },
+      { id: 'students', name: 'Trial / PoC notes', target: 200, hint: 'What you tested, response times observed, gaps found.', checks: ['hasNumber'] },
+      { id: 'reachout', name: 'Negotiation plan', target: 200, hint: 'Contract terms to push on: exit clause, data ownership, SLA credits.', checks: [] },
+      { id: 'notes', name: 'Decision log', target: 0, hint: 'Final choice and why — future-you will want this.', checks: [] },
+    ],
+  },
+  {
+    id: 'research-statement',
+    name: 'Security Program Strategy',
+    desc: 'Annual strategy: where you are, where you\'re going, what it costs.',
+    icon: 'sparkles',
+    mode: 'document',
+    sections: [
+      { id: 'overview', name: 'Overview', target: 200, hint: 'One paragraph: program mission and this year\'s theme.', checks: [] },
+      { id: 'past', name: 'Current state', target: 600, hint: 'Honest posture assessment: what works, key metrics, incidents handled.', checks: ['hasNumber', 'hasFinding'] },
+      { id: 'current', name: 'Gaps & risks', target: 400, hint: 'Top gaps ranked by business risk.', checks: ['hasGap', 'hasRisk'] },
+      { id: 'future', name: 'Roadmap', target: 600, hint: '12–18 month arc: initiatives with quarters, owners, and outcomes.', checks: ['hasDate', 'hasOwner'] },
+      { id: 'broader', name: 'Budget & resourcing', target: 200, hint: 'Headcount, tooling, training — and what happens if it is not funded.', checks: ['hasNumber'] },
+    ],
+  },
+];
+
+// ============================================================================
+// Slash command catalog — typed at the start of a line in any section editor.
+// ============================================================================
+const SLASH_COMMANDS = [
+  { id: 'h2', label: 'Heading', kind: 'block', icon: 'list', insert: () => '## Heading\n' },
+  { id: 'h3', label: 'Subheading', kind: 'block', icon: 'list', insert: () => '### Subheading\n' },
+  { id: 'list', label: 'Bullet list', kind: 'block', icon: 'list', insert: () => '- ' },
+  { id: 'todo', label: 'To-do', kind: 'block', icon: 'task', insert: () => '- [ ] ' },
+  { id: 'numbered', label: 'Numbered list', kind: 'block', icon: 'list', insert: () => '1. ' },
+  { id: 'quote', label: 'Quote', kind: 'block', icon: 'cite', insert: () => '> ' },
+  { id: 'callout', label: 'Callout', kind: 'block', icon: 'sparkles', insert: () => '> [!note]\n> ' },
+  { id: 'divider', label: 'Divider', kind: 'block', icon: 'list', insert: () => '\n---\n\n' },
+  { id: 'code', label: 'Code block', kind: 'block', icon: 'flask', insert: () => '```\n\n```\n' },
+  { id: 'math', label: 'Equation', kind: 'block', icon: 'flask', insert: () => '$$\nE = mc^2\n$$\n' },
+  { id: 'inline-math', label: 'Inline equation', kind: 'inline', icon: 'flask', insert: () => '$x^2$' },
+  { id: 'image', label: 'Image (paste URL)', kind: 'block', icon: 'download', insert: () => '![caption](https://)' },
+  { id: 'cite', label: 'Citation @key', kind: 'inline', icon: 'book', insert: () => '(@key)' },
+  { id: 'bold', label: 'Bold', kind: 'inline', icon: 'pencil', insert: () => '**bold**' },
+  { id: 'italic', label: 'Italic', kind: 'inline', icon: 'pencil', insert: () => '*italic*' },
+];
+
+// ============================================================================
+// Static "missing" checks
+// ============================================================================
+const CHECKS = {
+  hasNumber: { test: (s) => /\d/.test(s), label: 'Mentions at least one number' },
+  hasCitation: { test: (s) => /@\w+/.test(s), label: 'Cites at least one source (@key)' },
+  hasFinding: { test: (s) => /\b(we (find|found|identified|observed)|finding|result|observed)/i.test(s), label: 'States a finding' },
+  hasGap: { test: (s) => /\b(gap|lack|missing|unknown|unclear|despite)/i.test(s), label: 'Names a gap' },
+  hasFigure: { test: (s) => /\b(fig(ure)?|table|screenshot)\.?\s*\d/i.test(s), label: 'References a figure, table, or screenshot' },
+  hasLimit: { test: (s) => /\b(limit|caveat|however|future work|did not|cannot)/i.test(s), label: 'Acknowledges a limit' },
+  hasRisk: { test: (s) => /\b(risk|threat|likelihood|impact|severity|critical|high|medium|low)/i.test(s), label: 'Names a risk or severity' },
+  hasOwner: { test: (s) => /\b(owner|responsible|accountable|assigned|@\w+)/i.test(s), label: 'Assigns an owner' },
+  hasDate: { test: (s) => /\b(by|due|deadline|q[1-4]|week|month|\d{4}-\d{2}|\d{1,2}\/\d{1,2})/i.test(s), label: 'Sets a date or deadline' },
+};
+
+const wordCount = (s) => (s || '').trim().split(/\s+/).filter(Boolean).length;
+const readingMinutes = (n) => Math.max(1, Math.round(n / 220));
+
+// ============================================================================
+// Exporters
+// ============================================================================
+const exportMarkdown = (template, sections) => [
+  `# ${template.name}\n`,
+  ...template.sections.map(s => `## ${s.name}\n\n${sections[s.id] || ''}\n`),
+].join('\n');
+const exportLatex = (template, sections) => [
+  '\\documentclass{article}',
+  `\\title{${template.name}}`,
+  '\\begin{document}',
+  '\\maketitle',
+  ...template.sections.map(s => `\n\\section{${s.name}}\n${sections[s.id] || ''}\n`),
+  '\\end{document}',
+].join('\n');
+const exportHtml = (template, sections) => [
+  '<!doctype html>',
+  `<html><head><title>${template.name}</title></head><body>`,
+  `<h1>${template.name}</h1>`,
+  ...template.sections.map(s => `<section><h2>${s.name}</h2><p>${(sections[s.id] || '').replace(/\n/g, '<br>')}</p></section>`),
+  '</body></html>',
+].join('\n');
+const downloadFile = (filename, mime, contents) => {
+  const blob = new Blob([contents], { type: mime });
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = filename;
+  a.click();
+};
+
+// ============================================================================
+// Project store — multi-project (was: single-template). Migrates v1 if found.
+// ============================================================================
+const loadStore = () => {
+  try {
+    const v2 = JSON.parse(localStorage.getItem(STORE_KEY) || 'null');
+    if (v2) return v2;
+    // Migrate v1: turn each templateId entry into a project.
+    const v1 = JSON.parse(localStorage.getItem('canvas-deliverables-v1') || '{}');
+    if (v1 && v1.templates) {
+      const projects = {};
+      let activeId;
+      Object.entries(v1.templates).forEach(([tid, sec]) => {
+        const id = newId('p-');
+        const { _aiNotes, ...rest } = sec;
+        projects[id] = {
+          id,
+          name: TEMPLATES.find(t => t.id === tid)?.name || tid,
+          templateId: tid,
+          sections: rest,
+          versions: [],
+          aiNotes: _aiNotes || null,
+          createdAt: Date.now(),
+        };
+        if (tid === v1.activeTemplateId) activeId = id;
+      });
+      return { activeProjectId: activeId, projects };
+    }
+  } catch { /* fallthrough */ }
+  return { activeProjectId: null, projects: {} };
+};
+
+// ============================================================================
+// Main view
+// ============================================================================
+const DeliverablesView = ({ allStates, authToken }) => {
+  const [store, setStore] = useState(loadStore);
+  const [uploadedDocs, setUploadedDocs] = useState([]);
+  const hydratedRef = useRef(false);
+  const [serverHydrated, setServerHydrated] = useState(false);
+
+  // Prefer server store when available; keep localStorage as cache.
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      if (!authToken) {
+        hydratedRef.current = true;
+        setServerHydrated(true);
+        return;
+      }
+      const remote = await fetchCanvas(authToken);
+      if (cancelled) return;
+      const d = remote?.deliverables;
+      if (d?.projects && Object.keys(d.projects).length) {
+        setStore(d);
+        localStorage.setItem(STORE_KEY, JSON.stringify(d));
+      } else if (Object.keys(store.projects || {}).length) {
+        await saveDeliverables(authToken, store);
+      }
+      hydratedRef.current = true;
+      setServerHydrated(true);
+    })();
+    return () => { cancelled = true; };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [authToken]);
+
+  useEffect(() => { localStorage.setItem(STORE_KEY, JSON.stringify(store)); }, [store]);
+
+  // Uploaded RAG documents (from chat uploads) — shown alongside drafted
+  // artifacts so Documents is the single place to see what the panel knows.
+  useEffect(() => {
+    if (!authToken) return undefined;
+    let cancelled = false;
+    (async () => {
+      try {
+        const resp = await fetch(`${process.env.REACT_APP_API_URL || ''}/my-documents`, {
+          headers: { Authorization: `Bearer ${authToken}` },
+        });
+        if (!resp.ok || cancelled) return;
+        const data = await resp.json();
+        if (!cancelled) setUploadedDocs(Array.isArray(data.documents) ? data.documents : []);
+      } catch { /* non-fatal — panel just stays hidden */ }
+    })();
+    return () => { cancelled = true; };
+  }, [authToken]);
+
+  useEffect(() => {
+    if (!serverHydrated || !authToken || !hydratedRef.current) return undefined;
+    const persist = debounce(async () => {
+      const ok = await saveDeliverables(authToken, store);
+      if (!ok) {
+        fireToast('Documents saved locally (server sync failed)', 'danger');
+      }
+    }, 900);
+    persist();
+    return () => persist.cancel();
+  }, [store, authToken, serverHydrated]);
+
+  // Refresh when CanvasPage seeds localStorage from server before this mounts
+  useEffect(() => {
+    const onStorage = () => {
+      try {
+        const next = JSON.parse(localStorage.getItem(STORE_KEY) || 'null');
+        if (next?.projects) setStore(next);
+      } catch { /* ignore */ }
+    };
+    window.addEventListener('storage', onStorage);
+    return () => window.removeEventListener('storage', onStorage);
+  }, []);
+
+  const project = store.projects[store.activeProjectId] || null;
+  const template = project ? TEMPLATES.find(t => t.id === project.templateId) : null;
+  const sections = project?.sections || {};
+  const [activeSectionId, setActiveSectionId] = useState(template?.sections[0]?.id);
+  const [generatingAi, setGeneratingAi] = useState(false);
+  const [historyOpen, setHistoryOpen] = useState(false);
+
+  // Normalize active section when project/template changes
+  useEffect(() => {
+    if (!template) return;
+    const valid = template.sections.some(s => s.id === activeSectionId);
+    if (!valid) setActiveSectionId(template.sections[0].id);
+  }, [project?.id, template, activeSectionId]);
+
+  // ---------- Project ops ----------
+  const createProject = (templateId, name) => {
+    const id = newId('p-');
+    const t = TEMPLATES.find(x => x.id === templateId);
+    setStore(s => ({
+      activeProjectId: id,
+      projects: {
+        ...s.projects,
+        [id]: { id, name: name || `${t.name} draft`, templateId, sections: {}, versions: [], aiNotes: null, createdAt: Date.now() },
+      },
+    }));
+    fireToast(`New ${t.name} draft created`);
+  };
+  const switchProject = (id) => setStore(s => ({ ...s, activeProjectId: id }));
+  const renameProject = (name) => {
+    if (!project) return;
+    setStore(s => ({ ...s, projects: { ...s.projects, [project.id]: { ...s.projects[project.id], name } } }));
+  };
+  const deleteProject = () => {
+    if (!project) return;
+    if (!window.confirm(`Delete "${project.name}"? This can't be undone.`)) return;
+    setStore(s => {
+      const { [project.id]: _, ...rest } = s.projects;
+      const nextActive = Object.keys(rest)[0] || null;
+      return { activeProjectId: nextActive, projects: rest };
+    });
+  };
+  const closeProject = () => setStore(s => ({ ...s, activeProjectId: null }));
+
+  // ---------- Section ops + auto-versioning ----------
+  const updateSection = (id, value) => {
+    setStore(s => {
+      const proj = s.projects[project.id];
+      const oldText = proj.sections[id] || '';
+      // Snapshot a version every time a section gains/loses ≥80 chars (rough save cadence)
+      const shouldSnap = Math.abs(value.length - oldText.length) >= 80;
+      const newVersions = shouldSnap
+        ? [{ at: Date.now(), sectionId: id, snapshot: { ...proj.sections } }, ...proj.versions].slice(0, MAX_VERSIONS)
+        : proj.versions;
+      return {
+        ...s,
+        projects: {
+          ...s.projects,
+          [project.id]: { ...proj, sections: { ...proj.sections, [id]: value }, versions: newVersions },
+        },
+      };
+    });
+  };
+
+  const restoreVersion = (v) => {
+    if (!window.confirm('Restore this version? Current text will be replaced.')) return;
+    setStore(s => ({
+      ...s,
+      projects: { ...s.projects, [project.id]: { ...s.projects[project.id], sections: v.snapshot } },
+    }));
+    fireToast('Restored');
+  };
+
+  // ---------- AI pass (stub) ----------
+  // TODO(LLM): POST {project, sections, canvas} → {notes:[{sectionId,msg}]}
+  const runAiPass = () => {
+    setGeneratingAi(true);
+    setTimeout(() => {
+      const notes = template.sections.map(s => {
+        const text = sections[s.id] || '';
+        const wc = wordCount(text);
+        if (wc === 0) return { sectionId: s.id, msg: `Empty — start with: "${s.hint}"` };
+        if (wc < s.target * 0.3) return { sectionId: s.id, msg: `Thin (${wc} words). Target ${s.target}.` };
+        return { sectionId: s.id, msg: `Looks reasonable for length (${wc} words). LLM-pass would suggest specifics here.` };
+      });
+      setStore(s => ({ ...s, projects: { ...s.projects, [project.id]: { ...s.projects[project.id], aiNotes: notes } } }));
+      setGeneratingAi(false);
+      fireToast('AI pass complete (stub)');
+    }, 700);
+  };
+
+  // ---------- Insertables: Bibliography + Highlights + Outline + Drafts + arXiv search ----------
+  const localInsertables = useMemo(() => {
+    const items = [];
+    (allStates?.bibliography?.entries || []).forEach(e =>
+      items.push({ kind: 'cite', label: e.title, snippet: ` (${e.authors}, ${e.year}; @${e.key})` }));
+    (allStates?.highlights?.items || []).forEach(h =>
+      items.push({ kind: 'quote', label: h.text.slice(0, 60), snippet: `"${h.text}"${h.citeKey ? ` (@${h.citeKey})` : ''}` }));
+    (allStates?.outline?.items || []).forEach(o =>
+      items.push({ kind: 'outline', label: o.text || '(empty)', snippet: '\n' + '  '.repeat(o.depth) + '- ' + (o.text || '') }));
+    (allStates?.writing?.chapters || []).forEach(c =>
+      items.push({ kind: 'draft', label: c.name, snippet: c.draft || '' }));
+    return items;
+  }, [allStates]);
+
+  const insertIntoActive = (snippet) => {
+    if (!activeSectionId) return;
+    const cur = sections[activeSectionId] || '';
+    updateSection(activeSectionId, cur + (cur && !cur.endsWith('\n') ? ' ' : '') + snippet);
+    fireToast('Inserted into ' + template.sections.find(s => s.id === activeSectionId)?.name);
+  };
+
+  // ---------- Export ----------
+  const exportAs = (format) => {
+    const filename = `${project.name.replace(/\s+/g, '_')}.${format === 'latex' ? 'tex' : format === 'markdown' ? 'md' : 'html'}`;
+    const mime = format === 'html' ? 'text/html' : 'text/plain';
+    const contents = format === 'markdown' ? exportMarkdown(template, sections)
+      : format === 'latex' ? exportLatex(template, sections)
+      : exportHtml(template, sections);
+    downloadFile(filename, mime, contents);
+    fireToast(`Exported ${filename}`);
+  };
+
+  // ---------- Aggregates ----------
+  const totalWords = template ? template.sections.reduce((sum, s) => sum + wordCount(sections[s.id]), 0) : 0;
+  const totalTarget = template ? template.sections.reduce((sum, s) => sum + s.target, 0) : 0;
+  const projectList = Object.values(store.projects).sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0));
+
+  // ---------- Empty state: project picker / template picker ----------
+  if (!project) {
+    return (
+      <>
+        <div className="page-header">
+          <div>
+            <h1 className="page-title">Documents</h1>
+            <div className="page-sub">
+              Security deliverables hub — policies, IR reports, audit evidence, and architecture briefs. Drafts auto-save. Versions kept for rollback.
+              {projectList.length > 0 && ` · ${projectList.length} draft${projectList.length === 1 ? '' : 's'} in flight.`}
+            </div>
+          </div>
+        </div>
+
+        {/* Existing projects, if any */}
+        {projectList.length > 0 && (
+          <div className="canvas-presets" style={{ marginBottom: 24 }}>
+            <div className="canvas-presets-head">
+              <div className="canvas-presets-title">Continue working</div>
+              <div className="canvas-presets-sub">Drafts you've started.</div>
+            </div>
+            <div className="canvas-presets-grid">
+              {projectList.map(p => {
+                const t = TEMPLATES.find(t => t.id === p.templateId);
+                if (!t) return null;
+                const wc = t.sections.reduce((sum, s) => sum + wordCount(p.sections[s.id]), 0);
+                const target = t.sections.reduce((sum, s) => sum + s.target, 0);
+                return (
+                  <button key={p.id} className="canvas-preset-card" onClick={() => switchProject(p.id)}>
+                    <div className="canvas-preset-icon"><Icon name={t.icon} size={18}/></div>
+                    <div className="canvas-preset-content">
+                      <div className="canvas-preset-name">{p.name}</div>
+                      <div className="canvas-preset-desc">{t.name} · {wc}/{target} words</div>
+                      <div className="canvas-preset-meta">opened {new Date(p.createdAt).toLocaleDateString()}</div>
+                    </div>
+                  </button>
+                );
+              })}
+            </div>
+          </div>
+        )}
+
+        {/* Templates */}
+        <div className="canvas-presets">
+          <div className="canvas-presets-head">
+            <div className="canvas-presets-title">{projectList.length > 0 ? 'Or start a new draft' : 'Pick a template'}</div>
+            <div className="canvas-presets-sub">{TEMPLATES.length} templates · assessment report, IR plan, policy, briefing slides, and more.</div>
+          </div>
+          <div className="canvas-presets-grid">
+            {TEMPLATES.map(t => (
+              <button key={t.id} className="canvas-preset-card" onClick={() => createProject(t.id)}>
+                <div className="canvas-preset-icon"><Icon name={t.icon} size={18}/></div>
+                <div className="canvas-preset-content">
+                  <div className="canvas-preset-name">{t.name}</div>
+                  <div className="canvas-preset-desc">{t.desc}</div>
+                  <div className="canvas-preset-meta">{t.sections.length} sections · {t.mode}</div>
+                </div>
+              </button>
+            ))}
+          </div>
+        </div>
+
+        {/* Uploaded RAG documents from chat sessions */}
+        {uploadedDocs.length > 0 && (
+          <div className="canvas-presets" style={{ marginTop: 18 }}>
+            <div className="canvas-presets-head">
+              <div className="canvas-presets-title">Uploaded documents</div>
+              <div className="canvas-presets-sub">
+                Files you uploaded in chat — the advisors can reference these by name.
+              </div>
+            </div>
+            <div className="canvas-presets-grid">
+              {uploadedDocs.map((d, i) => (
+                <div key={`${d.chat_session_id}-${d.filename}-${i}`} className="canvas-preset-card" style={{ cursor: 'default' }}>
+                  <div className="canvas-preset-icon"><Icon name="book" size={18}/></div>
+                  <div className="canvas-preset-content">
+                    <div className="canvas-preset-name">{d.title || d.filename}</div>
+                    <div className="canvas-preset-desc">{d.file_type?.toUpperCase()} · {d.chunks} section{d.chunks === 1 ? '' : 's'} indexed</div>
+                    <div className="canvas-preset-meta">from chat: {d.chat_title}</div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+      </>
+    );
+  }
+
+  // ============================================================================
+  // Editor: project tabs + header + per-mode editor
+  // ============================================================================
+  const aiNotes = project.aiNotes;
+
+  const ProjectTabs = (
+    <div className="deliverable-projects">
+      {projectList.map(p => {
+        const t = TEMPLATES.find(x => x.id === p.templateId);
+        return (
+          <button
+            key={p.id}
+            className={`deliverable-project-tab ${p.id === project.id ? 'active' : ''}`}
+            onClick={() => switchProject(p.id)}
+            title={`${t?.name || ''} · ${wordCount(Object.values(p.sections || {}).join(' '))} words`}
+          >
+            <Icon name={t?.icon || 'book'} size={12}/>
+            <span>{p.name}</span>
+          </button>
+        );
+      })}
+      <details className="canvas-export-menu deliverable-new-project">
+        <summary className="deliverable-project-tab"><Icon name="plus" size={12}/>New</summary>
+        <div className="canvas-export-menu-list">
+          {TEMPLATES.map(t => (
+            <button key={t.id} onClick={() => createProject(t.id)}>
+              <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6 }}>
+                <Icon name={t.icon} size={12}/>{t.name}
+              </span>
+            </button>
+          ))}
+        </div>
+      </details>
+    </div>
+  );
+
+  const Header = (
+    <div className="page-header">
+      <div>
+        <button className="btn btn-ghost" style={{ padding: '4px 8px', fontSize: 12, marginBottom: 4, color: 'var(--canvas-text-3)' }} onClick={closeProject}>
+          <Icon name="back" size={12}/>All drafts
+        </button>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+          <input
+            className="page-title page-title-editable"
+            value={project.name}
+            onChange={(e) => renameProject(e.target.value)}
+          />
+          <SaveIndicator project={project}/>
+        </div>
+        <div className="page-sub">
+          {template.name} · {totalWords} / {totalTarget} words · ~{readingMinutes(totalWords)} min read · {template.sections.length} {template.mode === 'slides' ? 'slides' : 'sections'}
+        </div>
+      </div>
+      <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap', alignItems: 'flex-start' }}>
+        <button className="btn btn-ghost" onClick={() => setHistoryOpen(o => !o)} title="Version history">
+          <Icon name="reset" size={13}/>History · {project.versions.length}
+        </button>
+        <button className="btn btn-ghost" onClick={runAiPass} disabled={generatingAi} title="AI check (stub)">
+          {generatingAi ? <><div className="spinner"/></> : <Icon name="sparkles" size={13}/>}
+          AI check
+        </button>
+        <details className="canvas-export-menu">
+          <summary className="btn btn-primary"><Icon name="download" size={13}/>Export</summary>
+          <div className="canvas-export-menu-list">
+            <button onClick={() => exportAs('markdown')}>Markdown (.md)</button>
+            <button onClick={() => exportAs('latex')}>LaTeX (.tex)</button>
+            <button onClick={() => exportAs('html')}>HTML (.html)</button>
+            <button onClick={() => window.print()}>Print / Save as PDF</button>
+          </div>
+        </details>
+        <button className="btn btn-ghost" onClick={deleteProject} title="Delete this draft" style={{ color: 'var(--canvas-danger)' }}>
+          <Icon name="trash" size={13}/>
+        </button>
+      </div>
+    </div>
+  );
+
+  const HistoryPanel = historyOpen && (
+    <div className="deliverable-history">
+      <div className="deliverable-history-head">
+        <span>Version history · {project.versions.length}</span>
+        <button className="icon-btn" onClick={() => setHistoryOpen(false)}><Icon name="x" size={13}/></button>
+      </div>
+      {project.versions.length === 0 ? (
+        <div style={{ padding: 14, color: 'var(--canvas-text-3)', fontSize: 12 }}>
+          Snapshots auto-save every ~80 characters of edits.
+        </div>
+      ) : (
+        project.versions.map((v, i) => {
+          const sec = template.sections.find(s => s.id === v.sectionId);
+          return (
+            <button key={i} className="deliverable-history-row" onClick={() => restoreVersion(v)}>
+              <span className="tag-pill">{sec?.name || v.sectionId}</span>
+              <span style={{ flex: 1 }}>{new Date(v.at).toLocaleString()}</span>
+              <Icon name="reset" size={11} style={{ color: 'var(--canvas-text-3)' }}/>
+            </button>
+          );
+        })
+      )}
+    </div>
+  );
+
+  const InsertPanel = (
+    <div className="deliverable-insertables">
+      <ArxivSearch onPick={insertIntoActive}/>
+      <div style={{ fontSize: 11, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginTop: 14, marginBottom: 6 }}>
+        From canvas · {localInsertables.length}
+      </div>
+      {localInsertables.length === 0 && (
+        <div style={{ padding: 12, fontSize: 11.5, color: 'var(--canvas-text-3)', background: 'var(--canvas-surface)', border: '1px dashed var(--canvas-border-2)', borderRadius: 7 }}>
+          Add a Bibliography, Highlights, Outline, or Writing widget to your canvas to surface its content here.
+        </div>
+      )}
+      {localInsertables.map((it, i) => (
+        <button key={i} onClick={() => insertIntoActive(it.snippet)} className="canvas-insert-row">
+          <span className="tag-pill">{it.kind}</span>
+          <span style={{ flex: 1, fontSize: 11.5, color: 'var(--canvas-text)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{it.label}</span>
+          <Icon name="plus" size={12} style={{ color: 'var(--canvas-text-3)' }}/>
+        </button>
+      ))}
+    </div>
+  );
+
+  // ---------- POSTER MODE — 4-quadrant + 2 banner sections ----------
+  if (template.mode === 'poster') {
+    const layout = template.sections;
+    return (
+      <>
+        {ProjectTabs}
+        {Header}
+        {HistoryPanel}
+        <div className="poster-grid">
+          <div className="poster-banner">
+            <PosterPanel section={layout[0]} sections={sections} updateSection={updateSection}/>
+          </div>
+          <PosterPanel section={layout[1]} sections={sections} updateSection={updateSection}/>
+          <PosterPanel section={layout[2]} sections={sections} updateSection={updateSection}/>
+          <PosterPanel section={layout[3]} sections={sections} updateSection={updateSection}/>
+          <PosterPanel section={layout[4]} sections={sections} updateSection={updateSection}/>
+          <div className="poster-banner">
+            <PosterPanel section={layout[5]} sections={sections} updateSection={updateSection}/>
+          </div>
+        </div>
+        <div style={{ marginTop: 16, display: 'flex', justifyContent: 'flex-end' }}>
+          {InsertPanel}
+        </div>
+      </>
+    );
+  }
+
+  // ---------- SLIDES MODE — Google Slides feel ----------
+  if (template.mode === 'slides') {
+    const activeIdx = template.sections.findIndex(s => s.id === activeSectionId);
+    const active = template.sections[activeIdx] || template.sections[0];
+    const text = sections[active.id] || '';
+    const aiForSlide = aiNotes && aiNotes.find(n => n.sectionId === active.id);
+    const lines = text.split(/\n+/).map(l => l.trim()).filter(Boolean);
+
+    return (
+      <>
+        {ProjectTabs}
+        {Header}
+        {HistoryPanel}
+        <div className="deliverable-slides-grid">
+          <div className="slide-thumbs">
+            <div style={{ fontSize: 10, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, padding: '0 4px 6px' }}>
+              {template.sections.length} slides
+            </div>
+            {template.sections.map((s, i) => {
+              const t = sections[s.id] || '';
+              const tLines = t.split(/\n+/).map(l => l.trim()).filter(Boolean);
+              return (
+                <button key={s.id}
+                  className={`slide-thumb ${s.id === active.id ? 'active' : ''}`}
+                  onClick={() => setActiveSectionId(s.id)}
+                  title={s.name}>
+                  <div className="slide-thumb-num">{i + 1}</div>
+                  <div className="slide-thumb-canvas">
+                    <div className="slide-thumb-title">{s.name}</div>
+                    <div className="slide-thumb-body">
+                      {tLines.slice(0, 3).map((l, j) => <div key={j}>• {l.slice(0, 30)}</div>)}
+                    </div>
+                  </div>
+                </button>
+              );
+            })}
+          </div>
+          <div>
+            <div className="slide-canvas-wrap">
+              <div className="slide-canvas">
+                <div className="slide-canvas-title">{active.name}</div>
+                <div className="slide-canvas-body">
+                  {lines.length === 0 ? (
+                    <div className="slide-placeholder">{active.hint}</div>
+                  ) : lines.length === 1 ? (
+                    <div className="slide-paragraph">{lines[0]}</div>
+                  ) : (
+                    <ul>{lines.map((l, j) => <li key={j}>{l}</li>)}</ul>
+                  )}
+                </div>
+                <div className="slide-canvas-footer">{activeIdx + 1} / {template.sections.length}</div>
+              </div>
+            </div>
+            <div style={{ marginTop: 14, display: 'flex', flexDirection: 'column', gap: 8 }}>
+              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                <span style={{ fontSize: 11, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600 }}>
+                  Slide content
+                </span>
+                <span style={{ fontSize: 11, color: 'var(--canvas-text-3)' }}>· One bullet per line</span>
+                <span style={{ flex: 1 }}/>
+                <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 10, color: 'var(--canvas-text-3)' }}>
+                  {wordCount(text)}{active.target ? `/${active.target}` : ''} words
+                </span>
+              </div>
+              <SlashTextarea
+                value={text}
+                onChange={(v) => updateSection(active.id, v)}
+                placeholder={active.hint}
+                rows={6}
+              />
+              {(active.checks || []).length > 0 && (
+                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8 }}>
+                  {active.checks.map(c => {
+                    const check = CHECKS[c];
+                    if (!check) return null;
+                    const passed = check.test(text);
+                    return (
+                      <span key={c} className="check-pill" data-passed={passed}>
+                        {passed ? <Icon name="check" size={10}/> : <span style={{ width: 10, height: 10, borderRadius: 2, border: '1px solid currentColor' }}/>}
+                        {check.label}
+                      </span>
+                    );
+                  })}
+                </div>
+              )}
+              {aiForSlide && (
+                <div className="notion-callout">
+                  <Icon name="sparkles" size={14}/>
+                  <div>
+                    <div className="notion-callout-label">AI suggestion · stub</div>
+                    <div>{aiForSlide.msg}</div>
+                  </div>
+                </div>
+              )}
+            </div>
+          </div>
+          {InsertPanel}
+        </div>
+      </>
+    );
+  }
+
+  // ---------- PAPER / DOCUMENT MODE — Notion single-surface page ----------
+  const paperLike = template.mode === 'paper';
+
+  // For paper-mode projects: optional LaTeX editor (CodeMirror + LaTeX.js preview).
+  // Source stored as a single string at project.latexSource.
+  const editorMode = (paperLike && project.editorMode) || 'rich';
+  const setEditorMode = (next) => {
+    setStore(s => {
+      const proj = s.projects[project.id];
+      // First time switching to LaTeX, seed the source from current sections.
+      let nextLatex = proj.latexSource;
+      if (next === 'latex' && (!nextLatex || nextLatex.trim() === '')) {
+        nextLatex = template.sections.map(sec =>
+          `\\section{${sec.name}}\n${proj.sections[sec.id] || ''}\n`
+        ).join('\n');
+      }
+      return {
+        ...s,
+        projects: {
+          ...s.projects,
+          [project.id]: { ...proj, editorMode: next, latexSource: nextLatex },
+        },
+      };
+    });
+  };
+  const updateLatexSource = (src) => {
+    setStore(s => ({
+      ...s,
+      projects: { ...s.projects, [project.id]: { ...s.projects[project.id], latexSource: src } },
+    }));
+  };
+
+  if (paperLike && editorMode === 'latex') {
+    return (
+      <>
+        {ProjectTabs}
+        {Header}
+        {HistoryPanel}
+        <div className="paper-editor-toggle">
+          <span className="paper-editor-toggle-label">Editor</span>
+          <button className="active" onClick={() => setEditorMode('rich')} title="Switch to Notion-style rich editor">
+            LaTeX
+          </button>
+          <button onClick={() => setEditorMode('rich')}>Rich</button>
+        </div>
+        <LatexEditor
+          value={project.latexSource || ''}
+          onChange={updateLatexSource}
+          title={project.name}
+        />
+      </>
+    );
+  }
+
+  return (
+    <>
+      {ProjectTabs}
+      {Header}
+      {HistoryPanel}
+      {paperLike && (
+        <div className="paper-editor-toggle">
+          <span className="paper-editor-toggle-label">Editor</span>
+          <button onClick={() => setEditorMode('latex')}>LaTeX</button>
+          <button className="active" onClick={() => setEditorMode('rich')}>Rich</button>
+        </div>
+      )}
+      <div className="notion-deliverable-grid">
+        <div className="notion-toc">
+          <div className="notion-toc-label">On this page</div>
+          {template.sections.map(s => {
+            const wc = wordCount(sections[s.id]);
+            return (
+              <button key={s.id}
+                className={`notion-toc-link ${activeSectionId === s.id ? 'active' : ''}`}
+                onClick={() => {
+                  setActiveSectionId(s.id);
+                  const el = document.getElementById(`notion-section-${s.id}`);
+                  if (el) el.scrollIntoView({ block: 'start', behavior: 'smooth' });
+                }}>
+                <span className="notion-toc-link-text">{s.name}</span>
+                {wc > 0 && <span className="notion-toc-link-count">{wc}</span>}
+              </button>
+            );
+          })}
+        </div>
+
+        <div className={`notion-page-wrap ${paperLike ? 'paper' : ''}`}>
+          <div className={`notion-page ${paperLike ? 'serif' : ''}`}>
+            <h1 className="notion-page-title">{project.name}</h1>
+            <div className="notion-page-meta">
+              {totalWords} words · ~{readingMinutes(totalWords)} min read · {template.sections.length} sections{paperLike ? ' · formal report' : ''}
+            </div>
+            {template.sections.map(s => {
+              const text = sections[s.id] || '';
+              const aiForSection = aiNotes ? aiNotes.find(n => n.sectionId === s.id) : null;
+              return (
+                <div key={s.id} id={`notion-section-${s.id}`} className="notion-block">
+                  <h2 className={`notion-h2 ${paperLike ? 'serif' : ''}`}>{s.name}</h2>
+                  <RichBlock
+                    value={text}
+                    onChange={(v) => updateSection(s.id, v)}
+                    placeholder={`Start writing ${s.name.toLowerCase()}…`}
+                    hint={s.hint}
+                    serif={paperLike}
+                  />
+                  {(s.checks || []).length > 0 && (
+                    <div className="notion-block-meta">
+                      {s.checks.map(c => {
+                        const check = CHECKS[c];
+                        if (!check) return null;
+                        const passed = check.test(text);
+                        return (
+                          <span key={c} className="check-pill" data-passed={passed}>
+                            {passed ? <Icon name="check" size={10}/> : <span style={{ width: 10, height: 10, borderRadius: 2, border: '1px solid currentColor' }}/>}
+                            {check.label}
+                          </span>
+                        );
+                      })}
+                      {s.target > 0 && (
+                        <span className="check-pill" data-passed={wordCount(text) >= s.target * 0.7}>
+                          {wordCount(text)} / {s.target} words
+                        </span>
+                      )}
+                    </div>
+                  )}
+                  {aiForSection && (
+                    <div className="notion-callout">
+                      <Icon name="sparkles" size={14}/>
+                      <div>
+                        <div className="notion-callout-label">AI suggestion · stub</div>
+                        <div>{aiForSection.msg}</div>
+                      </div>
+                    </div>
+                  )}
+                </div>
+              );
+            })}
+          </div>
+        </div>
+
+        {InsertPanel}
+      </div>
+    </>
+  );
+};
+
+// ============================================================================
+// Auto-save indicator. Drafts persist to localStorage on every keystroke,
+// so we show a transient "Saving…" pill when the project changes, settling
+// to "Saved · Xs ago" while idle.
+// ============================================================================
+function SaveIndicator({ project }) {
+  const [savedAt, setSavedAt] = useState(Date.now());
+  const [pulse, setPulse] = useState(false);
+  const sectionsKey = JSON.stringify(project?.sections || {});
+  useEffect(() => {
+    setPulse(true);
+    const t1 = setTimeout(() => setPulse(false), 300);
+    const t2 = setTimeout(() => setSavedAt(Date.now()), 350);
+    return () => { clearTimeout(t1); clearTimeout(t2); };
+  }, [sectionsKey]);
+
+  // Tick the relative-time string
+  const [, force] = useState(0);
+  useEffect(() => {
+    const i = setInterval(() => force(n => n + 1), 5000);
+    return () => clearInterval(i);
+  }, []);
+
+  const ago = (() => {
+    const d = Math.floor((Date.now() - savedAt) / 1000);
+    if (d < 5) return 'just now';
+    if (d < 60) return `${d}s ago`;
+    if (d < 3600) return `${Math.floor(d / 60)}m ago`;
+    return `${Math.floor(d / 3600)}h ago`;
+  })();
+
+  return (
+    <span className={`save-indicator ${pulse ? 'saving' : ''}`}>
+      <span className="save-indicator-dot"/>
+      {pulse ? 'Saving…' : `Saved · ${ago}`}
+    </span>
+  );
+}
+
+// ============================================================================
+// RichBlock — Notion-style click-to-edit + Docs-style floating toolbar.
+//   • Idle: shows rendered markdown (with KaTeX math) — looks like a real doc
+//   • Click: switches to a textarea source view
+//   • While editing: floating toolbar above with Bold / Italic / H2 / list / link / cite / math
+//   • Slash commands still work via the underlying textarea
+// ============================================================================
+const wrap = (text, l, r = l) => `${l}${text || 'text'}${r}`;
+const lineWrap = (text, prefix) =>
+  (text ? text.split('\n').map(line => line ? `${prefix}${line}` : line).join('\n') : `${prefix}`);
+
+const TOOLBAR = [
+  { id: 'bold',     icon: 'pencil', label: `Bold (${MOD}+B)`,   run: (sel) => wrap(sel, '**') },
+  { id: 'italic',   icon: 'pencil', label: `Italic (${MOD}+I)`, run: (sel) => wrap(sel, '*') },
+  { id: 'code',     icon: 'flask',  label: 'Inline code',      run: (sel) => wrap(sel, '`') },
+  { id: 'h2',       icon: 'list',   label: 'Heading',          run: (sel) => `## ${sel || 'Heading'}` },
+  { id: 'h3',       icon: 'list',   label: 'Subheading',       run: (sel) => `### ${sel || 'Subheading'}` },
+  { id: 'list',     icon: 'list',   label: 'Bullet list',      run: (sel) => lineWrap(sel, '- ') },
+  { id: 'numbered', icon: 'list',   label: 'Numbered list',    run: (sel) => lineWrap(sel, '1. ') },
+  { id: 'quote',    icon: 'cite',   label: 'Block quote',      run: (sel) => lineWrap(sel, '> ') },
+  { id: 'link',     icon: 'link',   label: 'Link',             run: (sel) => `[${sel || 'link text'}](https://)` },
+  { id: 'cite',     icon: 'book',   label: 'Citation @key',    run: (sel) => `(@${sel || 'key'})` },
+  { id: 'math',     icon: 'flask',  label: 'Inline math (LaTeX)', run: (sel) => `$${sel || 'x^2'}$` },
+  { id: 'math-block', icon: 'flask', label: 'Math block',       run: (sel) => `\n$$\n${sel || 'E = mc^2'}\n$$\n` },
+];
+
+function RichBlock({ value, onChange, placeholder, serif, hint }) {
+  const [editing, setEditing] = useState(false);
+  const [slash, setSlash] = useState(null);
+  const taRef = useRef(null);
+  const containerRef = useRef(null);
+
+  // Auto-grow when editing
+  useEffect(() => {
+    if (!editing || !taRef.current) return;
+    taRef.current.style.height = 'auto';
+    taRef.current.style.height = taRef.current.scrollHeight + 'px';
+  }, [value, editing]);
+
+  // Click outside to leave edit mode
+  useEffect(() => {
+    if (!editing) return;
+    const onDocClick = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setEditing(false);
+        setSlash(null);
+      }
+    };
+    document.addEventListener('mousedown', onDocClick);
+    return () => document.removeEventListener('mousedown', onDocClick);
+  }, [editing]);
+
+  const applyToolbar = (cmd) => {
+    const ta = taRef.current;
+    if (!ta) return;
+    const { selectionStart: s, selectionEnd: e } = ta;
+    const before = value.slice(0, s);
+    const sel = value.slice(s, e);
+    const after = value.slice(e);
+    const replacement = cmd.run(sel);
+    const next = before + replacement + after;
+    onChange(next);
+    // Reposition cursor at end of inserted text
+    setTimeout(() => {
+      if (taRef.current) {
+        const pos = before.length + replacement.length;
+        taRef.current.setSelectionRange(pos, pos);
+        taRef.current.focus();
+      }
+    }, 0);
+  };
+
+  const onTextChange = (e) => {
+    const val = e.target.value;
+    const cursor = e.target.selectionStart;
+    onChange(val);
+    const before = val.slice(0, cursor);
+    const m = before.match(/(?:^|\n)(\/[\w-]*)$/);
+    if (m) {
+      const q = m[1].slice(1).toLowerCase();
+      const choices = SLASH_COMMANDS.filter(c => c.label.toLowerCase().includes(q) || c.id.includes(q)).slice(0, 8);
+      setSlash({ start: cursor - m[1].length, query: q, choices, idx: 0 });
+    } else {
+      setSlash(null);
+    }
+  };
+
+  const insertSlash = (cmd) => {
+    if (!slash) return;
+    const before = value.slice(0, slash.start);
+    const after = value.slice(slash.start + 1 + slash.query.length);
+    const inserted = cmd.insert();
+    onChange(before + inserted + after);
+    setSlash(null);
+    setTimeout(() => {
+      if (taRef.current) {
+        const pos = before.length + inserted.length;
+        taRef.current.setSelectionRange(pos, pos);
+        taRef.current.focus();
+      }
+    }, 0);
+  };
+
+  const onKeyDown = (e) => {
+    // ⌘B / ⌘I keyboard shortcuts (Word/Docs convention)
+    if ((e.metaKey || e.ctrlKey) && !e.shiftKey) {
+      if (e.key.toLowerCase() === 'b') { e.preventDefault(); applyToolbar(TOOLBAR.find(t => t.id === 'bold')); return; }
+      if (e.key.toLowerCase() === 'i') { e.preventDefault(); applyToolbar(TOOLBAR.find(t => t.id === 'italic')); return; }
+    }
+    if (slash && slash.choices.length > 0) {
+      if (e.key === 'ArrowDown') { e.preventDefault(); setSlash(s => ({ ...s, idx: Math.min(s.choices.length - 1, s.idx + 1) })); }
+      else if (e.key === 'ArrowUp') { e.preventDefault(); setSlash(s => ({ ...s, idx: Math.max(0, s.idx - 1) })); }
+      else if (e.key === 'Enter' || e.key === 'Tab') { e.preventDefault(); insertSlash(slash.choices[slash.idx]); }
+      else if (e.key === 'Escape') setSlash(null);
+    }
+  };
+
+  return (
+    <div ref={containerRef} className="rich-block">
+      {/* Floating toolbar — only when actively editing */}
+      {editing && (
+        <div className="rich-toolbar" onMouseDown={(e) => e.preventDefault() /* keep textarea focused */}>
+          {TOOLBAR.map(t => (
+            <button key={t.id} title={t.label} onClick={() => applyToolbar(t)}>
+              {t.id === 'bold' && <strong>B</strong>}
+              {t.id === 'italic' && <em>I</em>}
+              {t.id === 'code' && <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11 }}>{'<>'}</span>}
+              {t.id === 'h2' && <span style={{ fontWeight: 700 }}>H2</span>}
+              {t.id === 'h3' && <span style={{ fontWeight: 700, fontSize: 11 }}>H3</span>}
+              {t.id === 'list' && '•'}
+              {t.id === 'numbered' && <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11 }}>1.</span>}
+              {t.id === 'quote' && '"'}
+              {t.id === 'link' && <Icon name="link" size={12}/>}
+              {t.id === 'cite' && '@'}
+              {t.id === 'math' && <span style={{ fontFamily: 'serif', fontStyle: 'italic' }}>x</span>}
+              {t.id === 'math-block' && <span style={{ fontFamily: 'serif' }}>∑</span>}
+            </button>
+          ))}
+        </div>
+      )}
+
+      {editing ? (
+        <div style={{ position: 'relative' }}>
+          <textarea
+            ref={taRef}
+            className={`notion-text ${serif ? 'serif' : ''}`}
+            value={value}
+            onChange={onTextChange}
+            onKeyDown={onKeyDown}
+            placeholder={placeholder}
+            autoFocus
+            rows={1}
+          />
+          {slash && slash.choices.length > 0 && (
+            <div className="slash-menu">
+              <div className="slash-menu-head">Insert block</div>
+              {slash.choices.map((c, i) => (
+                <button key={c.id}
+                  onMouseEnter={() => setSlash(s => ({ ...s, idx: i }))}
+                  onClick={() => insertSlash(c)}
+                  className={i === slash.idx ? 'active' : ''}>
+                  <Icon name={c.icon} size={13}/>
+                  <span style={{ flex: 1 }}>{c.label}</span>
+                  <span className="slash-menu-kind">{c.kind}</span>
+                </button>
+              ))}
+            </div>
+          )}
+        </div>
+      ) : (
+        <div
+          className={`rich-rendered ${serif ? 'serif' : ''}`}
+          onClick={() => setEditing(true)}
+          onFocus={() => setEditing(true)}
+          tabIndex={0}
+        >
+          {value ? (
+            <ReactMarkdown remarkPlugins={REMARK_PLUGINS} rehypePlugins={REHYPE_PLUGINS}>{value}</ReactMarkdown>
+          ) : (
+            <span className="rich-placeholder">{hint || placeholder || 'Click to edit'}</span>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ============================================================================
+// SlashTextarea — auto-grows; `/` opens a block-insert popover.
+// ============================================================================
+function SlashTextarea({ value, onChange, placeholder, serif, notion, rows = 1 }) {
+  const ref = useRef(null);
+  const [slash, setSlash] = useState(null); // { start, query, choices, idx }
+
+  useEffect(() => {
+    if (!ref.current || !notion) return;
+    ref.current.style.height = 'auto';
+    ref.current.style.height = ref.current.scrollHeight + 'px';
+  }, [value, notion]);
+
+  const onTextChange = (e) => {
+    const val = e.target.value;
+    const cursor = e.target.selectionStart;
+    onChange(val);
+    const before = val.slice(0, cursor);
+    const m = before.match(/(?:^|\n)(\/[\w-]*)$/);
+    if (m) {
+      const q = m[1].slice(1).toLowerCase();
+      const choices = SLASH_COMMANDS.filter(c => c.label.toLowerCase().includes(q) || c.id.includes(q)).slice(0, 8);
+      setSlash({ start: cursor - m[1].length, query: q, choices, idx: 0 });
+    } else {
+      setSlash(null);
+    }
+  };
+
+  const insertCmd = (cmd) => {
+    if (!slash) return;
+    const before = value.slice(0, slash.start);
+    const after = value.slice(slash.start + 1 + slash.query.length);
+    const inserted = cmd.insert();
+    onChange(before + inserted + after);
+    setSlash(null);
+    setTimeout(() => {
+      if (ref.current) {
+        const pos = before.length + inserted.length;
+        ref.current.setSelectionRange(pos, pos);
+        ref.current.focus();
+      }
+    }, 0);
+  };
+
+  const onKeyDown = (e) => {
+    if (!slash || slash.choices.length === 0) return;
+    if (e.key === 'ArrowDown') { e.preventDefault(); setSlash(s => ({ ...s, idx: Math.min(s.choices.length - 1, s.idx + 1) })); }
+    if (e.key === 'ArrowUp') { e.preventDefault(); setSlash(s => ({ ...s, idx: Math.max(0, s.idx - 1) })); }
+    if (e.key === 'Enter' || e.key === 'Tab') { e.preventDefault(); insertCmd(slash.choices[slash.idx]); }
+    if (e.key === 'Escape') setSlash(null);
+  };
+
+  return (
+    <div style={{ position: 'relative' }}>
+      <textarea
+        ref={ref}
+        className={notion ? `notion-text ${serif ? 'serif' : ''}` : 'textarea'}
+        value={value}
+        onChange={onTextChange}
+        onKeyDown={onKeyDown}
+        placeholder={placeholder}
+        rows={rows}
+        style={notion ? undefined : { minHeight: 110, fontFamily: 'var(--canvas-sans)', fontSize: 13, lineHeight: 1.6 }}
+      />
+      {slash && slash.choices.length > 0 && (
+        <div className="slash-menu">
+          <div className="slash-menu-head">Insert block</div>
+          {slash.choices.map((c, i) => (
+            <button key={c.id}
+              onMouseEnter={() => setSlash(s => ({ ...s, idx: i }))}
+              onClick={() => insertCmd(c)}
+              className={i === slash.idx ? 'active' : ''}>
+              <Icon name={c.icon} size={13}/>
+              <span style={{ flex: 1 }}>{c.label}</span>
+              <span className="slash-menu-kind">{c.kind}</span>
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ============================================================================
+// Poster panel — single-section block in the poster layout
+// ============================================================================
+function PosterPanel({ section, sections, updateSection }) {
+  if (!section) return null;
+  const text = sections[section.id] || '';
+  return (
+    <div className="poster-panel">
+      <div className="poster-panel-head">{section.name}</div>
+      <RichBlock
+        value={text}
+        onChange={(v) => updateSection(section.id, v)}
+        placeholder={section.hint}
+        hint={section.hint}
+      />
+    </div>
+  );
+}
+
+// ============================================================================
+// arXiv search — public ATOM API, CORS-enabled.
+// ============================================================================
+function ArxivSearch({ onPick }) {
+  const [q, setQ] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [results, setResults] = useState([]);
+
+  const search = async () => {
+    if (!q.trim()) return;
+    setBusy(true);
+    try {
+      const url = `https://export.arxiv.org/api/query?search_query=all:${encodeURIComponent(q)}&max_results=5`;
+      const res = await fetch(url);
+      const xml = await res.text();
+      const doc = new DOMParser().parseFromString(xml, 'text/xml');
+      const entries = Array.from(doc.getElementsByTagName('entry')).map(e => {
+        const id = e.getElementsByTagName('id')[0]?.textContent?.split('/').pop() || '';
+        const title = e.getElementsByTagName('title')[0]?.textContent?.trim() || '';
+        const authors = Array.from(e.getElementsByTagName('author')).map(a => a.getElementsByTagName('name')[0]?.textContent?.trim()).filter(Boolean);
+        const year = (e.getElementsByTagName('published')[0]?.textContent || '').slice(0, 4);
+        return { id, title, authors, year };
+      });
+      setResults(entries);
+    } catch (e) {
+      fireToast('arXiv search failed', 'danger');
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <div>
+      <div style={{ fontSize: 11, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginBottom: 6 }}>
+        Search arXiv
+      </div>
+      <div style={{ display: 'flex', gap: 4 }}>
+        <input className="input" placeholder="Predictive coding…" value={q}
+          onChange={e => setQ(e.target.value)}
+          onKeyDown={e => { if (e.key === 'Enter') search(); }}
+          style={{ fontSize: 12, padding: '5px 8px' }}/>
+        <button className="icon-btn" onClick={search} disabled={!q.trim() || busy} title="Search arXiv">
+          {busy ? <div className="spinner"/> : <Icon name="search" size={13}/>}
+        </button>
+      </div>
+      {results.length > 0 && (
+        <div style={{ marginTop: 6, display: 'flex', flexDirection: 'column', gap: 2 }}>
+          {results.map(r => {
+            const a = r.authors[0] ? r.authors[0].split(' ').pop() : 'Unknown';
+            const snippet = ` (${a}, ${r.year}; arXiv:${r.id})`;
+            return (
+              <button key={r.id} className="canvas-insert-row" onClick={() => onPick(snippet)}>
+                <span className="tag-pill">arXiv</span>
+                <span style={{ flex: 1, fontSize: 11.5, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }} title={r.title}>{r.title}</span>
+                <Icon name="plus" size={12} style={{ color: 'var(--canvas-text-3)' }}/>
+              </button>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default DeliverablesView;
diff --git a/frontend/src/components/canvas/CanvasIcon.js b/frontend/src/components/canvas/CanvasIcon.js
new file mode 100644
index 0000000000000000000000000000000000000000..933b71f92a4259e43d9daba1f323724284e2cf7d
--- /dev/null
+++ b/frontend/src/components/canvas/CanvasIcon.js
@@ -0,0 +1,90 @@
+import React from 'react';
+
+const ICONS = {
+  sparkles: <><path d="M12 3l1.8 4.5L18 9l-4.2 1.5L12 15l-1.8-4.5L6 9l4.2-1.5z"/><path d="M19 14l.9 2.1L22 17l-2.1.9L19 20l-.9-2.1L16 17l2.1-.9z"/></>,
+  layout: <><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></>,
+  insights: <><path d="M3 3v18h18"/><path d="M7 14l3-3 3 3 5-5"/></>,
+  search: <><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></>,
+  bell: <><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></>,
+  settings: <><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 1 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-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33h0a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51h0a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82v0a1.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"/></>,
+  plus: <path d="M12 5v14M5 12h14"/>,
+  x: <path d="M18 6L6 18M6 6l12 12"/>,
+  check: <path d="M20 6L9 17l-5-5"/>,
+  refresh: <><path d="M21 12a9 9 0 0 0-15-6.7L3 8"/><path d="M3 4v4h4"/><path d="M3 12a9 9 0 0 0 15 6.7l3-2.7"/><path d="M21 20v-4h-4"/></>,
+  trash: <><path d="M3 6h18"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6M14 11v6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></>,
+  grip: <><circle cx="9" cy="6" r="1"/><circle cx="15" cy="6" r="1"/><circle cx="9" cy="12" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="9" cy="18" r="1"/><circle cx="15" cy="18" r="1"/></>,
+  more: <><circle cx="12" cy="5" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="12" cy="19" r="1"/></>,
+  pin: <><path d="M12 17v5"/><path d="M9 11V3h6v8l3 3v2H6v-2l3-3z"/></>,
+  link: <><path d="M10 14a5 5 0 0 0 7 0l3-3a5 5 0 1 0-7-7l-1 1"/><path d="M14 10a5 5 0 0 0-7 0l-3 3a5 5 0 1 0 7 7l1-1"/></>,
+  message: <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>,
+  task: <><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 9h6M9 13h4"/></>,
+  book: <><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></>,
+  kanban: <><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 7v10M15 7v6"/></>,
+  timer: <><circle cx="12" cy="13" r="8"/><path d="M9 2h6M12 8v5l3 2"/></>,
+  pencil: <><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 1 1 3 3L7 19l-4 1 1-4z"/></>,
+  calendar: <><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></>,
+  wallet: <><path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0 0 4h14a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7"/><circle cx="17" cy="13" r="1"/></>,
+  flag: <><path d="M4 22V4"/><path d="M4 4h13l-2 5 2 5H4"/></>,
+  gavel: <><path d="M14.5 12.5L18 16M11 9l3.5 3.5M5 13l5-5 6 6-5 5z"/><path d="M3 21h10"/></>,
+  scale: <><path d="M12 3v18"/><path d="M3 7h18"/><path d="M5 7l-2 6a4 4 0 0 0 8 0l-2-6"/><path d="M19 7l-2 6a4 4 0 0 0 8 0l-2-6"/></>,
+  brain: <><path d="M9 3a3 3 0 0 0-3 3v.5A3 3 0 0 0 4 9a3 3 0 0 0 1 5.5V15a3 3 0 0 0 4 3v-3"/><path d="M15 3a3 3 0 0 1 3 3v.5A3 3 0 0 1 20 9a3 3 0 0 1-1 5.5V15a3 3 0 0 1-4 3"/><path d="M9 18v3M9 14h6"/></>,
+  alert: <><path d="M10.3 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><path d="M12 9v4M12 17h.01"/></>,
+  notes: <><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M8 13h8M8 17h6"/></>,
+  list: <><path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/></>,
+  zap: <path d="M13 2L3 14h8l-1 8 10-12h-8l1-8z"/>,
+  flame: <><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></>,
+  heart: <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>,
+  graph: <><circle cx="12" cy="5" r="3"/><circle cx="6" cy="19" r="3"/><circle cx="18" cy="19" r="3"/><path d="M6.7 16.7L10 8M14 8l3.3 8.7"/></>,
+  award: <><circle cx="12" cy="8" r="6"/><path d="M15.5 12.5L17 22l-5-3-5 3 1.5-9.5"/></>,
+  network: <><circle cx="6" cy="6" r="2"/><circle cx="18" cy="6" r="2"/><circle cx="12" cy="18" r="2"/><path d="M7.5 7.5L11 16.5M16.5 7.5L13 16.5"/></>,
+  database: <><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v6c0 1.66 4 3 9 3s9-1.34 9-3V5"/><path d="M3 11v6c0 1.66 4 3 9 3s9-1.34 9-3v-6"/></>,
+  flask: <><path d="M9 3h6M10 3v7L4.5 19A2 2 0 0 0 6.3 22h11.4a2 2 0 0 0 1.8-3L14 10V3"/></>,
+  shield: <path d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z"/>,
+  music: <><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></>,
+  bullseye: <><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.5"/></>,
+  arrow: <><path d="M5 12h14M12 5l7 7-7 7"/></>,
+  copy: <><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></>,
+  download: <><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></>,
+  play: <path d="M5 3l14 9-14 9z"/>,
+  pause: <><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></>,
+  reset: <><path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/></>,
+  star: <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>,
+  shuffle: <><path d="M16 3h5v5M4 20l16.5-16.5"/><path d="M21 16v5h-5M15 15l5.5 5.5M4 4l5 5"/></>,
+  expand: <><path d="M3 8V4h4M21 8V4h-4M3 16v4h4M21 16v4h-4"/></>,
+  resize: <><path d="M21 11V3h-8M3 13v8h8"/></>,
+  smile: <><circle cx="12" cy="12" r="9"/><path d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01"/></>,
+  send: <path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/>,
+  chevron: <path d="M9 18l6-6-6-6"/>,
+  user: <><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></>,
+  cite: <><path d="M3 21c0-3 2-6 6-6"/><path d="M9 15v-2c0-3-2-5-5-5"/><path d="M14 21c0-3 2-6 6-6"/><path d="M20 15v-2c0-3-2-5-5-5"/></>,
+  pinned: <><path d="M9 4v5l-3 4h12l-3-4V4M12 13v8M9 4h6"/></>,
+  microscope: <><path d="M6 18h8M3 22h18"/><path d="M14 22a7 7 0 1 0 0-14h-1"/><path d="M9 14h2M9 12a2 2 0 0 1-2-2V6h4v4a2 2 0 0 1-2 2zM12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3"/></>,
+  sun: <><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></>,
+  moon: <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>,
+  back: <><path d="M19 12H5M12 19l-7-7 7-7"/></>,
+};
+
+const Icon = ({ name, size = 16, className = '', style }) => {
+  const paths = ICONS[name];
+  if (!paths) return null;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.75"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      aria-hidden="true"
+    >
+      {paths}
+    </svg>
+  );
+};
+
+export default Icon;
diff --git a/frontend/src/components/canvas/CanvasLatexEditor.js b/frontend/src/components/canvas/CanvasLatexEditor.js
new file mode 100644
index 0000000000000000000000000000000000000000..9785b5df0429a07c8b1524f9cbde62e4bfffffb0
--- /dev/null
+++ b/frontend/src/components/canvas/CanvasLatexEditor.js
@@ -0,0 +1,225 @@
+// Real LaTeX editor for paper-mode Documents.
+// Left: CodeMirror 6 editor with LaTeX (stex) syntax highlighting.
+// Right: live LaTeX.js HTML preview (handles \section, \textbf, \emph, lists,
+// citations, math via KaTeX — most thesis-shaped documents work).
+// Plus a "Compile PDF" action that POSTs to LaTeX-Online (latex.ytotech.com)
+// for real pdflatex output in an iframe.
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import CodeMirror from '@uiw/react-codemirror';
+import { StreamLanguage } from '@codemirror/language';
+import { stex } from '@codemirror/legacy-modes/mode/stex';
+import Icon from './CanvasIcon';
+
+const fireToast = (msg, kind = 'success') =>
+  window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg, kind } }));
+
+// Wrap a section body as a full standalone .tex document so both LaTeX.js (HTML)
+// and LaTeX-Online (PDF) can render it. The user's section content is the body.
+const wrapLatexDoc = (body, title = 'Document') => `\\documentclass[11pt]{article}
+\\usepackage[utf8]{inputenc}
+\\usepackage{amsmath,amssymb}
+\\usepackage{graphicx}
+\\usepackage{hyperref}
+\\title{${title}}
+\\begin{document}
+${body}
+\\end{document}`;
+
+// Render LaTeX source to HTML using latex.js, returned as a sandboxed iframe
+// (latex.js renders to a shadow DOM-style document via createGenerator()).
+function LatexPreview({ source, title }) {
+  const containerRef = useRef(null);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    if (!containerRef.current) return;
+    let cancelled = false;
+    setError(null);
+    (async () => {
+      try {
+        // Dynamic import — latex.js is heavy, we only pay the cost when used.
+        const latexJs = await import('latex.js');
+        if (cancelled) return;
+        const { HtmlGenerator, parse } = latexJs;
+        const generator = new HtmlGenerator({ hyphenate: false });
+        const doc = parse(wrapLatexDoc(source || '', title), { generator });
+        if (cancelled || !containerRef.current) return;
+        containerRef.current.innerHTML = '';
+        const fragment = doc.htmlDocument().body;
+        containerRef.current.appendChild(fragment);
+      } catch (e) {
+        if (!cancelled) setError(e.message || String(e));
+      }
+    })();
+    return () => { cancelled = true; };
+  }, [source, title]);
+
+  return (
+    <div className="latex-preview-pane">
+      {error && (
+        <div className="latex-preview-error">
+          <Icon name="alert" size={14}/>
+          <div>
+            <div style={{ fontWeight: 600, marginBottom: 2 }}>LaTeX parse error</div>
+            <div style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11.5 }}>{error}</div>
+          </div>
+        </div>
+      )}
+      <div ref={containerRef} className="latex-preview-body"/>
+    </div>
+  );
+}
+
+// PDF compile via LaTeX-Online API. POST the wrapped doc, get a PDF blob back.
+function PdfPanel({ source, title, onClose }) {
+  const [busy, setBusy] = useState(true);
+  const [pdfUrl, setPdfUrl] = useState(null);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    let blobUrl = null;
+    (async () => {
+      setBusy(true);
+      setError(null);
+      try {
+        // YtoTech LaTeX-Online accepts JSON with the .tex source.
+        // CORS-enabled. Returns PDF binary on success.
+        const res = await fetch('https://latex.ytotech.com/builds/sync', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            compiler: 'pdflatex',
+            resources: [{ main: true, content: wrapLatexDoc(source, title) }],
+          }),
+        });
+        if (!res.ok) {
+          const text = await res.text().catch(() => '');
+          throw new Error(text || `HTTP ${res.status}`);
+        }
+        const blob = await res.blob();
+        if (cancelled) return;
+        blobUrl = URL.createObjectURL(blob);
+        setPdfUrl(blobUrl);
+      } catch (e) {
+        if (!cancelled) setError(e.message || String(e));
+      } finally {
+        if (!cancelled) setBusy(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+      if (blobUrl) URL.revokeObjectURL(blobUrl);
+    };
+  }, [source, title]);
+
+  return (
+    <div className="canvas-modal-backdrop" onClick={(e) => { if (e.target === e.currentTarget) onClose(); }}>
+      <div className="canvas-modal huge" style={{ maxWidth: 980, height: '85vh', display: 'flex', flexDirection: 'column' }} onClick={(e) => e.stopPropagation()}>
+        <div className="modal-head">
+          <div className="modal-icon"><Icon name="flask" size={18}/></div>
+          <div style={{ flex: 1 }}>
+            <div className="modal-title">PDF preview · pdflatex</div>
+            <div className="modal-sub">
+              Compiled via{' '}
+              <a href="https://github.com/YtoTech/latex-on-http" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--canvas-accent)' }}>
+                latex-on-http
+              </a>
+              {' '}— a free open-source service. CORS-enabled.
+            </div>
+          </div>
+          {pdfUrl && (
+            <a className="btn btn-primary" href={pdfUrl} download={`${(title || 'document').replace(/\s+/g, '_')}.pdf`}>
+              <Icon name="download" size={13}/>Save PDF
+            </a>
+          )}
+          <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+        </div>
+        <div className="modal-body" style={{ flex: 1, padding: 0, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+          {busy && (
+            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 12, color: 'var(--canvas-text-3)' }}>
+              <div className="spinner" style={{ width: 28, height: 28 }}/>
+              <div style={{ fontFamily: 'var(--canvas-mono)', fontSize: 12 }}>Running pdflatex…</div>
+            </div>
+          )}
+          {error && (
+            <div style={{ padding: 20, color: 'var(--canvas-danger)', fontFamily: 'var(--canvas-mono)', fontSize: 12 }}>
+              <div style={{ fontSize: 13, fontWeight: 600, color: 'var(--canvas-text)', marginBottom: 6 }}>Compile failed</div>
+              {error}
+              <div style={{ marginTop: 10, color: 'var(--canvas-text-3)', fontSize: 11.5, fontFamily: 'var(--canvas-sans)' }}>
+                The free latex-online service can be flaky and doesn't support every package. The HTML preview to the left should still work for most thesis-shaped documents.
+              </div>
+            </div>
+          )}
+          {pdfUrl && !busy && !error && (
+            <iframe
+              src={pdfUrl}
+              title="PDF preview"
+              style={{ width: '100%', height: '100%', border: 'none', background: '#525659' }}
+            />
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+// ============================================================================
+// LatexEditor — split-pane editor + preview, with PDF compile button
+// ============================================================================
+export default function LatexEditor({ value, onChange, title, theme = 'dark' }) {
+  const [mode, setMode] = useState('split'); // 'split' | 'source' | 'preview'
+  const [pdfOpen, setPdfOpen] = useState(false);
+
+  const extensions = useMemo(() => [
+    StreamLanguage.define(stex),
+  ], []);
+
+  const cmTheme = theme === 'light' ? 'light' : 'dark';
+
+  return (
+    <div className="latex-editor">
+      <div className="latex-editor-toolbar">
+        <div className="latex-editor-mode">
+          <button className={mode === 'split' ? 'active' : ''} onClick={() => setMode('split')} title="Editor + preview side by side">
+            <Icon name="layout" size={11}/>Split
+          </button>
+          <button className={mode === 'source' ? 'active' : ''} onClick={() => setMode('source')} title="Just the LaTeX source">
+            <Icon name="flask" size={11}/>Source
+          </button>
+          <button className={mode === 'preview' ? 'active' : ''} onClick={() => setMode('preview')} title="Just the rendered HTML">
+            <Icon name="book" size={11}/>Preview
+          </button>
+        </div>
+        <span style={{ flex: 1 }}/>
+        <button className="btn btn-ghost" onClick={() => setPdfOpen(true)} title="Compile to PDF with real pdflatex">
+          <Icon name="download" size={13}/>Compile PDF
+        </button>
+      </div>
+      <div className={`latex-editor-panes mode-${mode}`}>
+        {(mode === 'split' || mode === 'source') && (
+          <div className="latex-source-pane">
+            <CodeMirror
+              value={value}
+              onChange={onChange}
+              theme={cmTheme}
+              extensions={extensions}
+              basicSetup={{
+                lineNumbers: true,
+                foldGutter: true,
+                highlightActiveLine: false,
+                bracketMatching: true,
+                closeBrackets: true,
+              }}
+              placeholder="Write LaTeX here — \\section, \\textbf, $\\frac{a}{b}$, etc."
+            />
+          </div>
+        )}
+        {(mode === 'split' || mode === 'preview') && (
+          <LatexPreview source={value} title={title}/>
+        )}
+      </div>
+      {pdfOpen && <PdfPanel source={value} title={title} onClose={() => setPdfOpen(false)}/>}
+    </div>
+  );
+}
diff --git a/frontend/src/components/canvas/CanvasModals.js b/frontend/src/components/canvas/CanvasModals.js
new file mode 100644
index 0000000000000000000000000000000000000000..76107590a03a2fbbf049f8ae77572b13675ed1d3
--- /dev/null
+++ b/frontend/src/components/canvas/CanvasModals.js
@@ -0,0 +1,1096 @@
+import React, { useState, useMemo, useRef } from 'react';
+import Icon from './CanvasIcon';
+import { WIDGET_CATALOG, CATEGORIES } from './canvasData';
+
+const fireToast = (msg, kind = 'success') =>
+  window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg, kind } }));
+
+// ---------- Add citation (with DOI lookup via CrossRef) ----------
+export function AddCitationModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [authors, setA] = useState(init.authors || '');
+  const [title, setT] = useState(init.title || '');
+  const [journal, setJ] = useState(init.journal || '');
+  const [year, setY] = useState(init.year || new Date().getFullYear());
+  const [doi, setDoi] = useState(init.doi || '');
+  const [lookingUp, setLookingUp] = useState(false);
+  const [bibtexInput, setBibtexInput] = useState('');
+  const [showBibtex, setShowBibtex] = useState(false);
+  const valid = authors && title && journal;
+  const editing = !!init.key;
+
+  const lookupDoi = async () => {
+    const cleaned = doi.trim().replace(/^https?:\/\/(dx\.)?doi\.org\//, '');
+    if (!cleaned) return;
+    setLookingUp(true);
+    try {
+      const res = await fetch(`https://api.crossref.org/works/${encodeURIComponent(cleaned)}`);
+      if (!res.ok) throw new Error('Not found');
+      const json = await res.json();
+      const w = json.message;
+      const authorList = (w.author || []).map(a => `${a.family || ''}, ${(a.given || '').charAt(0)}.`).join('; ');
+      setA(authorList || 'Unknown');
+      setT((w.title && w.title[0]) || 'Untitled');
+      setJ((w['container-title'] && w['container-title'][0]) || '');
+      setY((w.issued && w.issued['date-parts'] && w.issued['date-parts'][0][0]) || new Date().getFullYear());
+      fireToast('DOI resolved · fields filled');
+    } catch (e) {
+      fireToast(`DOI lookup failed: ${e.message}`, 'danger');
+    } finally {
+      setLookingUp(false);
+    }
+  };
+
+  const importBibtex = () => {
+    // Minimal BibTeX parser: pull author/title/journal/year out of the first @entry block.
+    const get = (field) => {
+      const m = bibtexInput.match(new RegExp(`${field}\\s*=\\s*[{"]([^}"]+)`, 'i'));
+      return m ? m[1].trim() : '';
+    };
+    const a = get('author');
+    const t = get('title');
+    const j = get('journal') || get('booktitle');
+    const y = get('year');
+    if (!t) { fireToast('Could not parse BibTeX', 'danger'); return; }
+    setA(a); setT(t); setJ(j); setY(y || new Date().getFullYear());
+    setShowBibtex(false);
+    fireToast('BibTeX imported');
+  };
+
+  const submit = () => {
+    if (!valid) return;
+    const key = init.key || (authors.split(',')[0] || 'cite').toLowerCase().replace(/[^a-z]/g, '') + year;
+    data.onAdd({ key, authors, title, journal, year: +year, cited: init.cited || 0, doi: doi || init.doi });
+    fireToast(`${editing ? 'Updated' : 'Added'} @${key}`);
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="book" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit citation' : 'Add citation'}</div>
+          <div className="modal-sub">{editing ? `@${init.key}` : 'Paste a DOI or BibTeX, or fill in manually.'}</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row">
+            <label className="label">DOI</label>
+            <div style={{ display: 'flex', gap: 6 }}>
+              <input className="input" placeholder="10.1038/nn0199_79  or  https://doi.org/…"
+                value={doi} onChange={e => setDoi(e.target.value)}
+                onKeyDown={e => { if (e.key === 'Enter') lookupDoi(); }}/>
+              <button className="btn" onClick={lookupDoi} disabled={!doi.trim() || lookingUp}>
+                {lookingUp ? <><div className="spinner"/>Looking up</> : <><Icon name="search" size={13}/>Resolve</>}
+              </button>
+            </div>
+          </div>
+          <div style={{ display: 'flex', gap: 8, fontSize: 11, color: 'var(--canvas-text-3)' }}>
+            <button className="btn btn-ghost" onClick={() => setShowBibtex(s => !s)} style={{ padding: '4px 8px', fontSize: 11 }}>
+              <Icon name="copy" size={12}/>{showBibtex ? 'Hide BibTeX' : 'Import BibTeX'}
+            </button>
+          </div>
+          {showBibtex && (
+            <div className="form-row">
+              <label className="label">Paste a BibTeX entry</label>
+              <textarea className="textarea" rows={5} style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11.5 }}
+                value={bibtexInput} onChange={e => setBibtexInput(e.target.value)}
+                placeholder="@article{key, author={...}, title={...}, journal={...}, year={...}}"/>
+              <button className="btn" onClick={importBibtex} disabled={!bibtexInput.trim()} style={{ alignSelf: 'flex-start' }}>
+                <Icon name="check" size={13}/>Parse and fill
+              </button>
+            </div>
+          )}
+          <div className="form-row">
+            <label className="label">Authors</label>
+            <input className="input" value={authors} onChange={e => setA(e.target.value)} placeholder="Smith, J., & Doe, A."/>
+          </div>
+          <div className="form-row">
+            <label className="label">Title</label>
+            <input className="input" value={title} onChange={e => setT(e.target.value)} placeholder="A study of …"/>
+          </div>
+          <div className="form-grid two">
+            <div className="form-row">
+              <label className="label">Journal</label>
+              <input className="input" value={journal} onChange={e => setJ(e.target.value)} placeholder="Nature Neuroscience"/>
+            </div>
+            <div className="form-row">
+              <label className="label">Year</label>
+              <input className="input" type="number" value={year} onChange={e => setY(e.target.value)}/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!valid}>
+          <Icon name={editing ? 'check' : 'plus'} size={13}/>{editing ? 'Save changes' : 'Add citation'}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Add task ----------
+export function AddTaskModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [title, setT] = useState(init.title || '');
+  const [priority, setP] = useState(init.priority || 'med');
+  const [meta, setM] = useState(init.meta || '');
+  const editing = !!init.id;
+
+  const submit = () => {
+    if (!title) return;
+    data.onAdd({ title, priority, meta: meta || '—' });
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="kanban" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit task' : 'Add task'}</div>
+          <div className="modal-sub">{editing ? '' : 'It\'ll be added to the column.'}</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row">
+            <label className="label">Task</label>
+            <input className="input" autoFocus value={title} onChange={e => setT(e.target.value)} placeholder="What needs doing?"/>
+          </div>
+          <div className="form-grid two">
+            <div className="form-row">
+              <label className="label">Priority</label>
+              <div style={{ display: 'flex', gap: 4 }}>
+                {[['high', 'High'], ['med', 'Med'], ['low', 'Low']].map(([v, l]) => (
+                  <button key={v} className="btn"
+                    style={{ flex: 1, padding: '7px 8px', justifyContent: 'center',
+                      background: priority === v ? 'var(--canvas-surface-3)' : 'var(--canvas-surface-2)',
+                      borderColor: priority === v ? 'var(--canvas-border-2)' : 'var(--canvas-border)',
+                      color: priority === v ? 'var(--canvas-text)' : 'var(--canvas-text-2)' }}
+                    onClick={() => setP(v)}>{l}</button>
+                ))}
+              </div>
+            </div>
+            <div className="form-row">
+              <label className="label">Note / due</label>
+              <input className="input" value={meta} onChange={e => setM(e.target.value)} placeholder="May 22 · 2h"/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!title}>
+          <Icon name={editing ? 'check' : 'plus'} size={13}/>{editing ? 'Save changes' : 'Add task'}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Add deadline ----------
+export function AddDeadlineModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [title, setT] = useState(init.title || '');
+  const [date, setD] = useState(init.date || '');
+  const [tag, setG] = useState(init.tag || 'writing');
+  const editing = !!init.id;
+
+  const submit = () => {
+    if (!title || !date) return;
+    data.onAdd({ title, date, tag });
+    fireToast(`${editing ? 'Updated' : 'Added'} · ${title}`);
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="calendar" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit deadline' : 'Add deadline'}</div>
+          <div className="modal-sub">Will appear sorted by urgency.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row">
+            <label className="label">What's due</label>
+            <input className="input" autoFocus value={title} onChange={e => setT(e.target.value)} placeholder="NSF report, COSYNE abstract…"/>
+          </div>
+          <div className="form-grid two">
+            <div className="form-row">
+              <label className="label">Date</label>
+              <input className="input" type="date" value={date} onChange={e => setD(e.target.value)}/>
+            </div>
+            <div className="form-row">
+              <label className="label">Category</label>
+              <select className="select" value={tag} onChange={e => setG(e.target.value)}>
+                <option value="writing">Writing</option>
+                <option value="lab">Lab</option>
+                <option value="conf">Conference</option>
+                <option value="NSF">Funding</option>
+                <option value="milestone">Milestone</option>
+              </select>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!title || !date}>
+          <Icon name={editing ? 'check' : 'plus'} size={13}/>{editing ? 'Save' : 'Add deadline'}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Log words ----------
+export function LogWordsModal({ data, onClose }) {
+  const [n, setN] = useState(data.today);
+  const submit = () => {
+    data.onLog(+n || 0);
+    fireToast(`Logged ${n} words today.`);
+    onClose();
+  };
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="pencil" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">Log today's words</div>
+          <div className="modal-sub">Total written today, including edits to existing chapters.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-row">
+          <label className="label">Words written</label>
+          <input className="input" type="number" autoFocus value={n} onChange={e => setN(e.target.value)} style={{ fontFamily: 'var(--canvas-mono)', fontSize: 18, padding: '12px 14px' }}/>
+        </div>
+        <div style={{ display: 'flex', gap: 6, marginTop: 12, flexWrap: 'wrap' }}>
+          {[0, 100, 250, 500, 750, 1000].map(v => (
+            <button key={v} className="chip" onClick={() => setN(v)}>{v}</button>
+          ))}
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit}><Icon name="check" size={13}/>Log words</button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Confirm remove ----------
+export function ConfirmRemoveModal({ data, onClose }) {
+  return (
+    <div className="canvas-modal" style={{ maxWidth: 420 }} onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon" style={{ background: 'rgba(240,106,106,0.12)', color: 'var(--canvas-danger)' }}>
+          <Icon name="trash" size={18}/>
+        </div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">Remove "{data.label}"?</div>
+          <div className="modal-sub">Widget state stays in your project — you can add it back from the palette.</div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-danger" style={{ background: 'rgba(240,106,106,0.12)', borderColor: 'rgba(240,106,106,0.3)', color: 'var(--canvas-danger)' }} onClick={() => { data.onConfirm(); onClose(); }}>
+          <Icon name="trash" size={13}/>Remove
+        </button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Reading paper (with CrossRef search/DOI lookup) ----------
+export function ReadingPaperModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [title, setT] = useState(init.title || '');
+  const [priority, setP] = useState(init.priority || 'med');
+  const [time, setTime] = useState(init.time || '1h');
+  const [doi, setDoi] = useState(init.doi || '');
+  const [searchQ, setSearchQ] = useState('');
+  const [searching, setSearching] = useState(false);
+  const [results, setResults] = useState([]);
+  const editing = !!init.title && data.initial;
+
+  const lookupByDoi = async () => {
+    const cleaned = doi.trim().replace(/^https?:\/\/(dx\.)?doi\.org\//, '');
+    if (!cleaned) return;
+    setSearching(true);
+    try {
+      const res = await fetch(`https://api.crossref.org/works/${encodeURIComponent(cleaned)}`);
+      if (!res.ok) throw new Error('not found');
+      const json = await res.json();
+      const w = json.message;
+      const author = (w.author && w.author[0]) ? `${w.author[0].family}` : 'Unknown';
+      const yr = (w.issued && w.issued['date-parts'] && w.issued['date-parts'][0][0]) || '';
+      setT(`${author} ${yr} — ${(w.title && w.title[0]) || 'Untitled'}`);
+      fireToast('DOI resolved');
+    } catch (e) {
+      fireToast(`Lookup failed: ${e.message}`, 'danger');
+    } finally {
+      setSearching(false);
+    }
+  };
+
+  const searchCrossref = async () => {
+    if (!searchQ.trim()) return;
+    setSearching(true);
+    try {
+      const res = await fetch(`https://api.crossref.org/works?query=${encodeURIComponent(searchQ)}&rows=5&select=DOI,title,author,issued`);
+      const json = await res.json();
+      setResults(json.message.items || []);
+    } catch (e) {
+      fireToast(`Search failed: ${e.message}`, 'danger');
+    } finally {
+      setSearching(false);
+    }
+  };
+
+  const pickResult = (w) => {
+    const author = (w.author && w.author[0]) ? w.author[0].family : 'Unknown';
+    const yr = (w.issued && w.issued['date-parts'] && w.issued['date-parts'][0][0]) || '';
+    setT(`${author} ${yr} — ${(w.title && w.title[0]) || 'Untitled'}`);
+    setDoi(w.DOI || '');
+    setResults([]);
+  };
+
+  const submit = () => {
+    if (!title) return;
+    data.onAdd({ title, priority, time, doi });
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="list" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit paper' : 'Queue a paper'}</div>
+          <div className="modal-sub">Search by title, paste a DOI, or type freely.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row">
+            <label className="label">Search CrossRef</label>
+            <div style={{ display: 'flex', gap: 6 }}>
+              <input className="input" placeholder="Predictive coding mouse V1…" value={searchQ}
+                onChange={e => setSearchQ(e.target.value)}
+                onKeyDown={e => { if (e.key === 'Enter') searchCrossref(); }}/>
+              <button className="btn" onClick={searchCrossref} disabled={!searchQ.trim() || searching}>
+                {searching ? <div className="spinner"/> : <Icon name="search" size={13}/>}
+                Search
+              </button>
+            </div>
+          </div>
+          {results.length > 0 && (
+            <div style={{ display: 'flex', flexDirection: 'column', gap: 4, maxHeight: 200, overflowY: 'auto' }}>
+              {results.map((w, i) => (
+                <button key={i} className="palette-item" style={{ padding: '8px 10px' }} onClick={() => pickResult(w)}>
+                  <div className="pi-content">
+                    <div className="pi-title" style={{ fontSize: 12 }}>{(w.title && w.title[0]) || 'Untitled'}</div>
+                    <div className="pi-desc">
+                      {(w.author && w.author.slice(0, 2).map(a => a.family).join(', ')) || ''}
+                      {w.author && w.author.length > 2 ? ' et al.' : ''}
+                      {' · '}
+                      {(w.issued && w.issued['date-parts'] && w.issued['date-parts'][0][0]) || ''}
+                    </div>
+                  </div>
+                </button>
+              ))}
+            </div>
+          )}
+          <div className="form-row">
+            <label className="label">DOI (optional)</label>
+            <div style={{ display: 'flex', gap: 6 }}>
+              <input className="input" value={doi} onChange={e => setDoi(e.target.value)} placeholder="10.1038/…"/>
+              <button className="btn" onClick={lookupByDoi} disabled={!doi.trim() || searching}>Resolve</button>
+            </div>
+          </div>
+          <div className="form-row">
+            <label className="label">Title</label>
+            <input className="input" value={title} onChange={e => setT(e.target.value)} placeholder="Author Year — Short title"/>
+          </div>
+          <div className="form-grid two">
+            <div className="form-row">
+              <label className="label">Priority</label>
+              <select className="select" value={priority} onChange={e => setP(e.target.value)}>
+                <option value="high">High</option>
+                <option value="med">Med</option>
+                <option value="low">Low</option>
+              </select>
+            </div>
+            <div className="form-row">
+              <label className="label">Est. read time</label>
+              <input className="input" value={time} onChange={e => setTime(e.target.value)} placeholder="2h, 90m, etc."/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!title}><Icon name={editing ? 'check' : 'plus'} size={13}/>{editing ? 'Save' : 'Queue'}</button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Budget item ----------
+export function BudgetItemModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [label, setL] = useState(init.label || '');
+  const [spent, setS] = useState(init.spent ?? 0);
+  const [color, setC] = useState(init.color || '#3dd9d6');
+  const editing = !!init.label;
+  const colors = ['#3dd9d6', '#e864b8', '#f5b454', '#7ed98a', '#9b8cff', '#f06a6a'];
+
+  const submit = () => {
+    if (!label) return;
+    data.onSave({ label, spent: +spent || 0, color });
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="wallet" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit category' : 'Add category'}</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row">
+            <label className="label">Category</label>
+            <input className="input" autoFocus value={label} onChange={e => setL(e.target.value)} placeholder="Equipment, travel, etc."/>
+          </div>
+          <div className="form-row">
+            <label className="label">Amount spent ($)</label>
+            <input className="input" type="number" value={spent} onChange={e => setS(e.target.value)} style={{ fontFamily: 'var(--canvas-mono)' }}/>
+          </div>
+          <div className="form-row">
+            <label className="label">Color</label>
+            <div style={{ display: 'flex', gap: 6 }}>
+              {colors.map(c => (
+                <button key={c} onClick={() => setC(c)} title={c}
+                  style={{ width: 28, height: 28, borderRadius: 6, background: c, border: color === c ? '2px solid var(--canvas-text)' : '2px solid transparent', cursor: 'pointer' }}/>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        {editing && data.onDelete && (
+          <button className="btn btn-danger" style={{ background: 'transparent', borderColor: 'transparent', color: 'var(--canvas-danger)', marginRight: 'auto' }} onClick={() => { data.onDelete(); onClose(); }}><Icon name="trash" size={13}/>Delete</button>
+        )}
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!label}><Icon name="check" size={13}/>{editing ? 'Save' : 'Add'}</button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Note (with @mention autocomplete) ----------
+export function NoteModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [text, setT] = useState(init.text || '');
+  const [tag, setG] = useState(init.tag || '');
+  const [linkTo, setL] = useState(init.linkTo || '');
+  const [mention, setMention] = useState(null); // { start, query, choices }
+  const [mentionIdx, setMentionIdx] = useState(0);
+  const taRef = useRef(null);
+  const editing = !!init.id;
+
+  // Pull mention sources from the persisted canvas state so the modal stays self-contained.
+  const mentionSources = useMemo(() => {
+    try {
+      const all = JSON.parse(localStorage.getItem('canvas-states-v2') || '{}');
+      const out = [];
+      (all.bibliography?.entries || []).forEach(e => out.push({ key: '@' + e.key, label: e.title, kind: 'cite' }));
+      (all.writing?.chapters || []).forEach(c => out.push({ key: '@' + c.name.replace(/\s+/g, '-'), label: c.name, kind: 'chapter' }));
+      (all.kanban?.cards || []).forEach(c => out.push({ key: '@' + c.title.slice(0, 30).replace(/\s+/g, '-'), label: c.title, kind: 'task' }));
+      return out;
+    } catch { return []; }
+  }, []);
+
+  const onTextChange = (e) => {
+    const val = e.target.value;
+    const cursor = e.target.selectionStart;
+    setT(val);
+    // Look back from cursor for an @mention being typed
+    const before = val.slice(0, cursor);
+    const m = before.match(/@(\S*)$/);
+    if (m) {
+      const q = m[1].toLowerCase();
+      const choices = mentionSources
+        .filter(s => s.label.toLowerCase().includes(q) || s.key.toLowerCase().includes('@' + q))
+        .slice(0, 6);
+      setMention({ start: cursor - m[0].length, query: m[1], choices });
+      setMentionIdx(0);
+    } else {
+      setMention(null);
+    }
+  };
+
+  const insertMention = (item) => {
+    if (!mention) return;
+    const before = text.slice(0, mention.start);
+    const after = text.slice(mention.start + 1 + mention.query.length); // +1 for the @
+    const inserted = item.key + ' ';
+    setT(before + inserted + after);
+    setMention(null);
+    setTimeout(() => {
+      if (taRef.current) {
+        const pos = before.length + inserted.length;
+        taRef.current.setSelectionRange(pos, pos);
+        taRef.current.focus();
+      }
+    }, 0);
+  };
+
+  const onKeyDown = (e) => {
+    if (!mention || mention.choices.length === 0) return;
+    if (e.key === 'ArrowDown') { e.preventDefault(); setMentionIdx(i => Math.min(mention.choices.length - 1, i + 1)); }
+    if (e.key === 'ArrowUp') { e.preventDefault(); setMentionIdx(i => Math.max(0, i - 1)); }
+    if (e.key === 'Enter' || e.key === 'Tab') { e.preventDefault(); insertMention(mention.choices[mentionIdx]); }
+    if (e.key === 'Escape') setMention(null);
+  };
+
+  const submit = () => {
+    if (!text.trim()) return;
+    data.onSave({ text: text.trim(), tag: tag.trim(), linkTo: linkTo.trim() });
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="notes" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit note' : 'New note'}</div>
+          <div className="modal-sub">Markdown supported · **bold**, *italic*, `code`, lists, links</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row" style={{ position: 'relative' }}>
+            <textarea ref={taRef} className="textarea" autoFocus
+              style={{ minHeight: 140, fontFamily: 'var(--canvas-mono)', fontSize: 12.5 }}
+              value={text} onChange={onTextChange} onKeyDown={onKeyDown}
+              placeholder="What's the thought? Markdown welcome. Type @ to mention citations, chapters, tasks."/>
+            {mention && mention.choices.length > 0 && (
+              <div style={{
+                position: 'absolute',
+                top: '100%', left: 0, right: 0,
+                background: 'var(--canvas-surface)',
+                border: '1px solid var(--canvas-border-2)',
+                borderRadius: 7,
+                marginTop: 4,
+                boxShadow: 'var(--canvas-shadow-lg)',
+                zIndex: 10,
+                maxHeight: 200,
+                overflowY: 'auto',
+              }}>
+                {mention.choices.map((c, i) => (
+                  <button key={c.key + i} onMouseEnter={() => setMentionIdx(i)} onClick={() => insertMention(c)}
+                    style={{
+                      width: '100%', display: 'flex', alignItems: 'center', gap: 8,
+                      padding: '6px 10px', textAlign: 'left',
+                      background: i === mentionIdx ? 'var(--canvas-surface-2)' : 'transparent',
+                      color: 'var(--canvas-text)', border: 'none', cursor: 'pointer', fontSize: 12,
+                    }}>
+                    <span className="tag-pill">{c.kind}</span>
+                    <span style={{ fontFamily: 'var(--canvas-mono)', color: 'var(--canvas-accent)' }}>{c.key}</span>
+                    <span style={{ flex: 1, color: 'var(--canvas-text-3)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{c.label}</span>
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+          <div className="form-grid two">
+            <div className="form-row">
+              <label className="label">Tag</label>
+              <input className="input" value={tag} onChange={e => setG(e.target.value)} placeholder="theory, todo, idea…"/>
+            </div>
+            <div className="form-row">
+              <label className="label">Linked to</label>
+              <input className="input" value={linkTo} onChange={e => setL(e.target.value)} placeholder="@rao1999, Aim 2…"/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        {editing && data.onDelete && (
+          <button className="btn btn-danger" style={{ background: 'transparent', borderColor: 'transparent', color: 'var(--canvas-danger)', marginRight: 'auto' }} onClick={() => { data.onDelete(); onClose(); }}><Icon name="trash" size={13}/>Delete</button>
+        )}
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!text.trim()}><Icon name="check" size={13}/>{editing ? 'Save' : 'Add note'}</button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Habit ----------
+export function HabitModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [label, setL] = useState(init.label || '');
+  const [icon, setI] = useState(init.icon || 'flame');
+  const editing = !!init.id;
+  const iconOpts = ['flame', 'pencil', 'book', 'flask', 'heart', 'graph', 'star'];
+  const submit = () => {
+    if (!label) return;
+    data.onSave({ label, icon });
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="flame" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit habit' : 'New habit'}</div>
+          <div className="modal-sub">Tracked daily. Tap squares to mark done.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row">
+            <label className="label">Habit</label>
+            <input className="input" autoFocus value={label} onChange={e => setL(e.target.value)} placeholder="Read 1 paper, write 30 min…"/>
+          </div>
+          <div className="form-row">
+            <label className="label">Icon</label>
+            <div style={{ display: 'flex', gap: 6 }}>
+              {iconOpts.map(n => (
+                <button key={n} onClick={() => setI(n)} title={n}
+                  style={{ width: 32, height: 32, borderRadius: 7, background: icon === n ? 'var(--canvas-accent-glow)' : 'var(--canvas-surface-2)', color: icon === n ? 'var(--canvas-accent)' : 'var(--canvas-text-3)', border: `1px solid ${icon === n ? 'var(--canvas-accent)' : 'var(--canvas-border)'}`, display: 'grid', placeItems: 'center', cursor: 'pointer' }}>
+                  <Icon name={n} size={14}/>
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        {editing && data.onDelete && (
+          <button className="btn btn-danger" style={{ background: 'transparent', borderColor: 'transparent', color: 'var(--canvas-danger)', marginRight: 'auto' }} onClick={() => { data.onDelete(); onClose(); }}><Icon name="trash" size={13}/>Delete</button>
+        )}
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!label}><Icon name="check" size={13}/>{editing ? 'Save' : 'Add habit'}</button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Goal ----------
+export function GoalModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [label, setL] = useState(init.label || '');
+  const [progress, setP] = useState(init.progress ?? 0);
+  const [due, setD] = useState(init.due || '');
+  const editing = !!init.id;
+
+  const submit = () => {
+    if (!label) return;
+    data.onSave({ label, progress: +progress, due });
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="bullseye" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit goal' : 'New goal'}</div>
+          <div className="modal-sub">Quarterly OKR or security program milestone.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-row">
+            <label className="label">Goal</label>
+            <input className="input" autoFocus value={label} onChange={e => setL(e.target.value)} placeholder="Submit Aim 2 to advisor by July"/>
+          </div>
+          <div className="form-grid two">
+            <div className="form-row">
+              <label className="label">Progress · {progress}%</label>
+              <input type="range" min="0" max="100" step="5" value={progress} onChange={e => setP(+e.target.value)} style={{ accentColor: 'var(--canvas-accent)' }}/>
+            </div>
+            <div className="form-row">
+              <label className="label">Due (optional)</label>
+              <input className="input" value={due} onChange={e => setD(e.target.value)} placeholder="Q3 2026"/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        {editing && data.onDelete && (
+          <button className="btn btn-danger" style={{ background: 'transparent', borderColor: 'transparent', color: 'var(--canvas-danger)', marginRight: 'auto' }} onClick={() => { data.onDelete(); onClose(); }}><Icon name="trash" size={13}/>Delete</button>
+        )}
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!label}><Icon name="check" size={13}/>{editing ? 'Save' : 'Add goal'}</button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Meeting ----------
+export function MeetingModal({ data, onClose }) {
+  const init = data.initial || {};
+  const [who, setW] = useState(init.who || '');
+  const [date, setD] = useState(init.date || new Date().toISOString().slice(0, 10));
+  const [notes, setN] = useState(init.notes || '');
+  const [actions, setA] = useState(init.actions || '');
+  const editing = !!init.id;
+
+  const submit = () => {
+    if (!who) return;
+    data.onSave({ who, date, notes, actions });
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal wide" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="message" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">{editing ? 'Edit meeting' : 'Log meeting'}</div>
+          <div className="modal-sub">Advisor / collaborator / sponsor — anyone you want to track.</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="form-grid">
+          <div className="form-grid two">
+            <div className="form-row">
+              <label className="label">Who</label>
+              <input className="input" autoFocus value={who} onChange={e => setW(e.target.value)} placeholder="Dr. Reineke"/>
+            </div>
+            <div className="form-row">
+              <label className="label">Date</label>
+              <input className="input" type="date" value={date} onChange={e => setD(e.target.value)}/>
+            </div>
+          </div>
+          <div className="form-row">
+            <label className="label">Notes</label>
+            <textarea className="textarea" value={notes} onChange={e => setN(e.target.value)} placeholder="Discussion topics, decisions…"/>
+          </div>
+          <div className="form-row">
+            <label className="label">Action items (one per line)</label>
+            <textarea className="textarea" value={actions} onChange={e => setA(e.target.value)} placeholder="Send draft Aim 2&#10;Re-analyze M3&#10;Schedule next 1:1"/>
+          </div>
+        </div>
+      </div>
+      <div className="modal-foot">
+        {editing && data.onDelete && (
+          <button className="btn btn-danger" style={{ background: 'transparent', borderColor: 'transparent', color: 'var(--canvas-danger)', marginRight: 'auto' }} onClick={() => { data.onDelete(); onClose(); }}><Icon name="trash" size={13}/>Delete</button>
+        )}
+        <button className="btn btn-ghost" onClick={onClose}>Cancel</button>
+        <button className="btn btn-primary" onClick={submit} disabled={!who}><Icon name="check" size={13}/>{editing ? 'Save' : 'Log meeting'}</button>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Widget palette ----------
+export function PaletteModal({ data, onClose }) {
+  const [q, setQ] = useState('');
+  const [cat, setCat] = useState('all');
+  const present = new Set(data.layout.map(w => w.type));
+
+  const filtered = useMemo(() => {
+    let r = WIDGET_CATALOG;
+    if (cat !== 'all') r = r.filter(w => w.cat === cat);
+    if (q) {
+      const ql = q.toLowerCase();
+      r = r.filter(w => w.name.toLowerCase().includes(ql) || w.desc.toLowerCase().includes(ql));
+    }
+    return r;
+  }, [q, cat]);
+
+  const add = (w) => {
+    if (present.has(w.type)) return;
+    data.onAdd(w);
+    fireToast(`${w.name} added to workspace`, w.critic ? 'critic' : 'success');
+  };
+
+  return (
+    <div className="canvas-modal huge" onClick={(e) => e.stopPropagation()}>
+      <div className="modal-head">
+        <div className="modal-icon"><Icon name="layout" size={18}/></div>
+        <div style={{ flex: 1 }}>
+          <div className="modal-title">Add widget</div>
+          <div className="modal-sub">{WIDGET_CATALOG.length} widgets · {WIDGET_CATALOG.filter(w => w.critic).length} anti-yes-man</div>
+        </div>
+        <button className="icon-btn" onClick={onClose}><Icon name="x" size={16}/></button>
+      </div>
+      <div className="modal-body">
+        <div className="palette-search">
+          <div style={{ position: 'relative' }}>
+            <span style={{ position: 'absolute', left: 11, top: '50%', transform: 'translateY(-50%)', color: 'var(--canvas-text-3)' }}><Icon name="search" size={14}/></span>
+            <input className="input" autoFocus style={{ paddingLeft: 34 }} placeholder="Search widgets…" value={q} onChange={e => setQ(e.target.value)}/>
+          </div>
+          <div className="palette-cats" style={{ marginTop: 12 }}>
+            {CATEGORIES.map(c => (
+              <button key={c.id}
+                className={`palette-cat ${cat === c.id ? 'active' : ''} ${c.critic ? 'critic' : ''}`}
+                onClick={() => setCat(c.id)}>
+                {c.label}{c.critic && <span style={{ marginLeft: 4 }}>★</span>}
+              </button>
+            ))}
+          </div>
+        </div>
+        <div className="palette-grid">
+          {filtered.map(w => {
+            const added = present.has(w.type);
+            return (
+              <button key={w.type}
+                className={`palette-item ${w.critic ? 'critic' : ''} ${added ? 'added' : ''}`}
+                onClick={() => add(w)} disabled={added}>
+                <div className="pi-icon"><Icon name={w.icon} size={16}/></div>
+                <div className="pi-content">
+                  <div className="pi-title">
+                    {w.name}
+                    {w.critic && <span className="widget-tag" style={{ fontSize: 8.5 }}>WEDGE</span>}
+                    {w.critic && <span className="widget-tag widget-tag-chat" style={{ fontSize: 8.5 }} title="Real critique happens in the main chat — this widget is a scratchpad">BEST IN CHAT</span>}
+                    {w.enhanced && !w.stub && !w.critic && <span className="widget-tag widget-tag-enhanced" style={{ fontSize: 8.5 }}>ENHANCED</span>}
+                    {w.stub && <span style={{ fontSize: 9, color: 'var(--canvas-text-4)', fontFamily: 'var(--canvas-mono)', marginLeft: 4 }}>SOON</span>}
+                  </div>
+                  <div className="pi-desc">{w.desc}</div>
+                </div>
+                {added && <span className="pi-added">added</span>}
+              </button>
+            );
+          })}
+          {filtered.length === 0 && (
+            <div style={{ gridColumn: 'span 2', padding: 30, textAlign: 'center', color: 'var(--canvas-text-3)', fontSize: 13 }}>
+              No widgets match "{q}".
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Global content search (notes / quotes / citations / kanban / deadlines / outline) ----------
+export function GlobalSearchModal({ data, onClose }) {
+  const [q, setQ] = useState('');
+  const [idx, setIdx] = useState(0);
+  const states = data.states || {};
+
+  const items = useMemo(() => {
+    if (!q.trim()) return [];
+    const ql = q.toLowerCase();
+    const out = [];
+    // Notes
+    (states.notes?.items || []).forEach(n => {
+      if ((n.text || '').toLowerCase().includes(ql) || (n.tag || '').toLowerCase().includes(ql) || (n.linkTo || '').toLowerCase().includes(ql)) {
+        out.push({ kind: 'Note', label: (n.text || '').slice(0, 80), sub: n.tag ? `#${n.tag}` : '', icon: 'notes', widgetType: 'notes' });
+      }
+    });
+    // Citations
+    (states.bibliography?.entries || []).forEach(e => {
+      const blob = `${e.title} ${e.authors} ${e.journal} ${e.key}`.toLowerCase();
+      if (blob.includes(ql)) out.push({ kind: 'Citation', label: e.title, sub: `${e.authors} (${e.year})`, icon: 'book', widgetType: 'bibliography' });
+    });
+    // Kanban
+    (states.kanban?.cards || []).forEach(c => {
+      if (`${c.title} ${c.meta || ''}`.toLowerCase().includes(ql)) {
+        out.push({ kind: 'Task', label: c.title, sub: `${c.priority?.toUpperCase()} · ${c.meta || ''}`, icon: 'kanban', widgetType: 'kanban' });
+      }
+    });
+    // Deadlines
+    (states.deadlines || []).forEach(d => {
+      if (`${d.title} ${d.tag}`.toLowerCase().includes(ql)) {
+        out.push({ kind: 'Deadline', label: d.title, sub: `${d.date} · ${d.tag}`, icon: 'calendar', widgetType: 'deadlines' });
+      }
+    });
+    // Highlights
+    (states.highlights?.items || []).forEach(h => {
+      if (`${h.text} ${h.citeKey}`.toLowerCase().includes(ql)) {
+        out.push({ kind: 'Quote', label: `"${h.text}"`.slice(0, 80), sub: h.citeKey ? `@${h.citeKey}` : '', icon: 'cite', widgetType: 'highlights' });
+      }
+    });
+    // Outline
+    (states.outline?.items || []).forEach(o => {
+      if ((o.text || '').toLowerCase().includes(ql)) {
+        out.push({ kind: 'Outline', label: o.text, sub: `depth ${o.depth}`, icon: 'list', widgetType: 'outline' });
+      }
+    });
+    // Documenter
+    (states.documenter?.entries || []).forEach(e => {
+      if ((e.text || '').toLowerCase().includes(ql)) {
+        out.push({ kind: 'Journal', label: e.text.slice(0, 80), sub: e.date, icon: 'pencil', widgetType: 'documenter' });
+      }
+    });
+    return out.slice(0, 30);
+  }, [q, states]);
+
+  const jumpTo = (it) => {
+    const el = document.querySelector(`[data-widget-id^="w-"][data-widget-type="${it.widgetType}"]`)
+      || document.querySelector(`.widget`); // fallback: scroll to first
+    if (el) {
+      el.scrollIntoView({ block: 'center', behavior: 'smooth' });
+      el.style.boxShadow = '0 0 0 2px var(--canvas-accent), 0 0 24px var(--canvas-accent-glow)';
+      setTimeout(() => { el.style.boxShadow = ''; }, 1400);
+    }
+    onClose();
+  };
+
+  return (
+    <div className="canvas-modal" style={{ maxWidth: 600 }} onClick={(e) => e.stopPropagation()}>
+      <div style={{ padding: '16px 18px 8px', borderBottom: '1px solid var(--canvas-border)', display: 'flex', alignItems: 'center', gap: 10 }}>
+        <Icon name="search" size={16} style={{ color: 'var(--canvas-text-3)' }}/>
+        <input
+          autoFocus
+          value={q}
+          onChange={e => { setQ(e.target.value); setIdx(0); }}
+          onKeyDown={(e) => {
+            if (e.key === 'ArrowDown') { e.preventDefault(); setIdx(i => Math.min(items.length - 1, i + 1)); }
+            if (e.key === 'ArrowUp') { e.preventDefault(); setIdx(i => Math.max(0, i - 1)); }
+            if (e.key === 'Enter' && items[idx]) jumpTo(items[idx]);
+          }}
+          placeholder="Search across notes, citations, tasks, quotes, deadlines…"
+          style={{ flex: 1, background: 'transparent', border: 'none', outline: 'none', color: 'var(--canvas-text)', fontSize: 15, padding: '4px 0' }}
+        />
+        <kbd style={{ fontFamily: 'var(--canvas-mono)', fontSize: 10, color: 'var(--canvas-text-3)', background: 'var(--canvas-surface-2)', padding: '2px 6px', borderRadius: 4 }}>esc</kbd>
+      </div>
+      <div style={{ maxHeight: 420, overflowY: 'auto', padding: 6 }}>
+        {!q.trim() && (
+          <div style={{ padding: 30, textAlign: 'center', color: 'var(--canvas-text-3)', fontSize: 13 }}>
+            Type to search across your canvas content.
+          </div>
+        )}
+        {q.trim() && items.length === 0 && (
+          <div style={{ padding: 30, textAlign: 'center', color: 'var(--canvas-text-3)', fontSize: 13 }}>
+            No matches for "{q}".
+          </div>
+        )}
+        {items.map((it, i) => (
+          <button key={i} onClick={() => jumpTo(it)} onMouseEnter={() => setIdx(i)}
+            style={{
+              width: '100%', display: 'flex', alignItems: 'center', gap: 12,
+              padding: '8px 12px', borderRadius: 7, textAlign: 'left',
+              background: idx === i ? 'var(--canvas-surface-2)' : 'transparent',
+              color: 'var(--canvas-text)', border: 'none', cursor: 'pointer',
+            }}>
+            <div style={{ width: 24, height: 24, borderRadius: 5, background: 'var(--canvas-surface-2)', display: 'grid', placeItems: 'center', color: 'var(--canvas-accent)' }}>
+              <Icon name={it.icon} size={13}/>
+            </div>
+            <div style={{ flex: 1, minWidth: 0 }}>
+              <div style={{ fontSize: 13, fontWeight: 500, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{it.label}</div>
+              <div style={{ fontSize: 11, color: 'var(--canvas-text-3)' }}>{it.sub}</div>
+            </div>
+            <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 9.5, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.06em' }}>{it.kind}</span>
+          </button>
+        ))}
+      </div>
+      <div style={{ padding: '8px 14px', borderTop: '1px solid var(--canvas-border)', display: 'flex', gap: 14, fontSize: 10.5, color: 'var(--canvas-text-3)', fontFamily: 'var(--canvas-mono)' }}>
+        <span>↑↓ navigate</span><span>↵ jump</span><span>esc close</span>
+      </div>
+    </div>
+  );
+}
+
+// ---------- Command palette ----------
+export function CommandPaletteModal({ data, onClose }) {
+  const [q, setQ] = useState('');
+  const [idx, setIdx] = useState(0);
+
+  const items = useMemo(() => {
+    const all = [
+      ...data.layout.map(w => {
+        const meta = WIDGET_CATALOG.find(m => m.type === w.type);
+        return { kind: 'widget', label: meta?.name || w.type, icon: meta?.icon || 'layout', sub: 'Open widget', action: () => {
+          const el = document.querySelector(`[data-widget-id="${w.id}"]`);
+          if (el) {
+            el.scrollIntoView({ block: 'center' });
+            el.style.boxShadow = '0 0 0 2px var(--canvas-accent), 0 0 24px var(--canvas-accent-glow)';
+            setTimeout(() => { el.style.boxShadow = ''; }, 1400);
+          }
+        }};
+      }),
+      ...WIDGET_CATALOG.filter(w => !data.layout.find(l => l.type === w.type)).map(w => ({
+        kind: 'add', label: 'Add: ' + w.name, icon: w.icon, sub: w.desc, action: () => data.onAddWidget(w),
+      })),
+      { kind: 'cmd', label: 'Switch to Insights', icon: 'insights', sub: 'View AI summaries', action: () => data.onSetView('insights') },
+      { kind: 'cmd', label: 'Switch to Workspace', icon: 'layout', sub: 'View dashboard', action: () => data.onSetView('workspace') },
+      { kind: 'cmd', label: 'Toggle theme', icon: 'star', sub: 'Dark / light', action: () => data.onToggleTheme() },
+      { kind: 'cmd', label: 'Export workspace JSON', icon: 'download', sub: 'Download current layout', action: () => data.onExport() },
+    ];
+    if (!q) return all.slice(0, 8);
+    const ql = q.toLowerCase();
+    return all.filter(it => it.label.toLowerCase().includes(ql) || it.sub.toLowerCase().includes(ql)).slice(0, 12);
+  }, [q, data]);
+
+  const run = (i) => { items[i]?.action(); onClose(); };
+
+  return (
+    <div className="canvas-modal" style={{ maxWidth: 540 }} onClick={(e) => e.stopPropagation()}>
+      <div style={{ padding: '16px 18px 8px', borderBottom: '1px solid var(--canvas-border)', display: 'flex', alignItems: 'center', gap: 10 }}>
+        <Icon name="search" size={16} style={{ color: 'var(--canvas-text-3)' }}/>
+        <input
+          autoFocus
+          value={q}
+          onChange={e => { setQ(e.target.value); setIdx(0); }}
+          onKeyDown={(e) => {
+            if (e.key === 'ArrowDown') { e.preventDefault(); setIdx(i => Math.min(items.length - 1, i + 1)); }
+            if (e.key === 'ArrowUp') { e.preventDefault(); setIdx(i => Math.max(0, i - 1)); }
+            if (e.key === 'Enter') run(idx);
+          }}
+          placeholder="Search widgets, switch view, run a command…"
+          style={{ flex: 1, background: 'transparent', border: 'none', outline: 'none', color: 'var(--canvas-text)', fontSize: 15, padding: '4px 0' }}
+        />
+        <kbd style={{ fontFamily: 'var(--canvas-mono)', fontSize: 10, color: 'var(--canvas-text-3)', background: 'var(--canvas-surface-2)', padding: '2px 6px', borderRadius: 4 }}>esc</kbd>
+      </div>
+      <div style={{ maxHeight: 360, overflowY: 'auto', padding: 6 }}>
+        {items.map((it, i) => (
+          <button key={i}
+            onClick={() => run(i)}
+            onMouseEnter={() => setIdx(i)}
+            style={{
+              width: '100%', display: 'flex', alignItems: 'center', gap: 12,
+              padding: '8px 12px', borderRadius: 7, textAlign: 'left',
+              background: idx === i ? 'var(--canvas-surface-2)' : 'transparent',
+              color: 'var(--canvas-text)', border: 'none', cursor: 'pointer',
+            }}>
+            <div style={{ width: 24, height: 24, borderRadius: 5, background: 'var(--canvas-surface-2)', display: 'grid', placeItems: 'center', color: it.kind === 'add' ? 'var(--canvas-accent)' : 'var(--canvas-text-3)' }}>
+              <Icon name={it.icon} size={13}/>
+            </div>
+            <div style={{ flex: 1, minWidth: 0 }}>
+              <div style={{ fontSize: 13, fontWeight: 500 }}>{it.label}</div>
+              <div style={{ fontSize: 11, color: 'var(--canvas-text-3)' }}>{it.sub}</div>
+            </div>
+            <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 9.5, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.06em' }}>{it.kind}</span>
+          </button>
+        ))}
+        {items.length === 0 && (
+          <div style={{ padding: 20, textAlign: 'center', color: 'var(--canvas-text-3)', fontSize: 13 }}>No matches.</div>
+        )}
+      </div>
+      <div style={{ padding: '8px 14px', borderTop: '1px solid var(--canvas-border)', display: 'flex', gap: 14, fontSize: 10.5, color: 'var(--canvas-text-3)', fontFamily: 'var(--canvas-mono)' }}>
+        <span>↑↓ navigate</span><span>↵ run</span><span>esc close</span>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/canvas/CanvasWelcomeTour.js b/frontend/src/components/canvas/CanvasWelcomeTour.js
new file mode 100644
index 0000000000000000000000000000000000000000..8c697a8acdec3fc0894eafbdea65fff602e5bdd4
--- /dev/null
+++ b/frontend/src/components/canvas/CanvasWelcomeTour.js
@@ -0,0 +1,93 @@
+import React, { useState, useEffect } from 'react';
+import Icon from './CanvasIcon';
+import { MOD } from './platform';
+
+const TOUR_KEY = 'canvas-tour-seen-cyber-v1';
+
+const STEPS = [
+  {
+    title: 'Welcome to your Security Canvas',
+    icon: 'shield',
+    body: 'This is your security operations workspace. Two views — Insights (highlights from your chats) and Workspace (a customizable dashboard of widgets). It starts empty so you can build it the way you want.',
+  },
+  {
+    title: 'Add widgets from the palette',
+    icon: 'plus',
+    body: `Click "Add widget" on the Workspace view, or hit ${MOD}+K and search — task boards, deadlines, reading queues, security resources, plus challenge widgets that push back on weak assumptions.`,
+  },
+  {
+    title: 'Make it yours',
+    icon: 'layout',
+    body: 'Drag widget headers to reorder. Click the size pill (S/M/L) to resize. Hover and click trash to remove. Layout and content auto-save to your account.',
+  },
+  {
+    title: 'Try the challenge widgets',
+    icon: 'gavel',
+    body: 'Red Team Reviewer, Devil\'s Advocate, and Scope Realism are tuned to push back, not validate. They\'re where the real work gets sharpened. Add them last — when you\'re ready for honest feedback.',
+  },
+];
+
+const CanvasWelcomeTour = ({ forceShow = false, onClose }) => {
+  const [step, setStep] = useState(0);
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    const seen = localStorage.getItem(TOUR_KEY);
+    if (forceShow || !seen) setVisible(true);
+  }, [forceShow]);
+
+  const dismiss = () => {
+    localStorage.setItem(TOUR_KEY, '1');
+    setVisible(false);
+    if (onClose) onClose();
+  };
+
+  if (!visible) return null;
+
+  const s = STEPS[step];
+  const isLast = step === STEPS.length - 1;
+
+  return (
+    <div className="canvas-modal-backdrop" onClick={(e) => { if (e.target === e.currentTarget) dismiss(); }}>
+      <div className="canvas-modal canvas-tour" onClick={(e) => e.stopPropagation()}>
+        <div className="modal-head">
+          <div className="modal-icon"><Icon name={s.icon} size={18}/></div>
+          <div style={{ flex: 1 }}>
+            <div className="modal-title">{s.title}</div>
+            <div className="modal-sub">Step {step + 1} of {STEPS.length}</div>
+          </div>
+          <button className="icon-btn" onClick={dismiss} title="Skip"><Icon name="x" size={16}/></button>
+        </div>
+        <div className="modal-body" style={{ minHeight: 80 }}>
+          <p style={{ margin: 0, fontSize: 13.5, lineHeight: 1.6, color: 'var(--canvas-text-2)' }}>{s.body}</p>
+        </div>
+        <div className="modal-foot" style={{ justifyContent: 'space-between' }}>
+          <div style={{ display: 'flex', gap: 6 }}>
+            {STEPS.map((_, i) => (
+              <span key={i}
+                onClick={() => setStep(i)}
+                style={{
+                  width: 8, height: 8, borderRadius: '50%', cursor: 'pointer',
+                  background: i === step ? 'var(--canvas-accent)' : 'var(--canvas-surface-3)',
+                  transition: 'background .15s',
+                }}/>
+            ))}
+          </div>
+          <div style={{ display: 'flex', gap: 8 }}>
+            {step > 0 && (
+              <button className="btn btn-ghost" onClick={() => setStep(s => s - 1)}>Back</button>
+            )}
+            {!isLast && (
+              <button className="btn btn-ghost" onClick={dismiss}>Skip</button>
+            )}
+            <button className="btn btn-primary" onClick={() => isLast ? dismiss() : setStep(s => s + 1)}>
+              {isLast ? <><Icon name="check" size={13}/>Get started</> : <>Next<Icon name="arrow" size={13}/></>}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default CanvasWelcomeTour;
diff --git a/frontend/src/components/canvas/CanvasWidgets.js b/frontend/src/components/canvas/CanvasWidgets.js
new file mode 100644
index 0000000000000000000000000000000000000000..696f8d1980b3128c45ba65caca60abb81ef23d8c
--- /dev/null
+++ b/frontend/src/components/canvas/CanvasWidgets.js
@@ -0,0 +1,1643 @@
+import React, { useState, useEffect, useMemo, useRef } from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import Icon from './CanvasIcon';
+import { MOD } from './platform';
+
+const fireToast = (msg, kind = 'success') =>
+  window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg, kind } }));
+const fireActivity = (source, msg) =>
+  window.dispatchEvent(new CustomEvent('canvas-activity', { detail: { source, msg } }));
+
+// Shared empty-state block — every widget uses this so the look stays consistent.
+function EmptyState({ icon = 'sparkles', title, hint, action }) {
+  return (
+    <div className="widget-empty">
+      <div className="widget-empty-icon"><Icon name={icon} size={20}/></div>
+      <div className="widget-empty-title">{title}</div>
+      {hint && <div className="widget-empty-hint">{hint}</div>}
+      {action && <div className="widget-empty-action">{action}</div>}
+    </div>
+  );
+}
+
+// Cross-widget drag-drop helpers — one mime type, JSON payload tagged by `kind`.
+const X_MIME = 'application/x-canvas-item';
+const setDragPayload = (e, kind, payload) => {
+  e.dataTransfer.setData(X_MIME, JSON.stringify({ kind, payload }));
+  e.dataTransfer.effectAllowed = 'copy';
+};
+const readDragPayload = (e) => {
+  try { return JSON.parse(e.dataTransfer.getData(X_MIME)); } catch { return null; }
+};
+
+// ===== Bibliography =====
+export function BibliographyWidget({ state, setState, openModal }) {
+  const formats = ['APA', 'MLA', 'Chicago', 'BibTeX'];
+  const fmt = state.format || 'APA';
+  const [sortBy, setSortBy] = useState('year');
+  const [dropOver, setDropOver] = useState(false);
+
+  const onDrop = async (e) => {
+    e.preventDefault();
+    setDropOver(false);
+    const data = readDragPayload(e);
+    if (!data || data.kind !== 'paper') return;
+    const p = data.payload;
+    // If we have a DOI, hit CrossRef and build a real citation; else stub from title.
+    const titleStr = p.title || 'Untitled';
+    let entry = {
+      key: 'cite' + Date.now(),
+      authors: 'Unknown',
+      title: titleStr.replace(/^.*?— /, ''),
+      journal: '',
+      year: new Date().getFullYear(),
+      cited: 0,
+      doi: p.doi || '',
+    };
+    if (p.doi) {
+      try {
+        const cleaned = p.doi.trim().replace(/^https?:\/\/(dx\.)?doi\.org\//, '');
+        const res = await fetch(`https://api.crossref.org/works/${encodeURIComponent(cleaned)}`);
+        if (res.ok) {
+          const json = await res.json();
+          const w = json.message;
+          entry.authors = (w.author || []).map(a => `${a.family || ''}, ${(a.given || '').charAt(0)}.`).join('; ') || entry.authors;
+          entry.title = (w.title && w.title[0]) || entry.title;
+          entry.journal = (w['container-title'] && w['container-title'][0]) || '';
+          entry.year = (w.issued && w.issued['date-parts'] && w.issued['date-parts'][0][0]) || entry.year;
+          const firstAuthor = (entry.authors.split(',')[0] || 'cite').toLowerCase().replace(/[^a-z]/g, '');
+          entry.key = firstAuthor + entry.year;
+        }
+      } catch { /* fall through with stub */ }
+    }
+    setState({ ...state, entries: [...state.entries, entry] });
+    fireToast(`@${entry.key} added from Reading Queue`);
+    fireActivity('Bibliography', `Added @${entry.key} (from Reading Queue)`);
+  };
+
+  const setFmt = (f) => setState({ ...state, format: f });
+
+  const formatEntry = (e) => {
+    if (fmt === 'APA') return `${e.authors} (${e.year}). ${e.title}. <em>${e.journal}</em>.`;
+    if (fmt === 'MLA') return `${e.authors.split(',')[0]}, et al. "${e.title}." <em>${e.journal}</em>, ${e.year}.`;
+    if (fmt === 'Chicago') return `${e.authors}. "${e.title}." <em>${e.journal}</em> (${e.year}).`;
+    return `@article{${e.key},\n  author = {${e.authors}},\n  title = {${e.title}},\n  journal = {${e.journal}},\n  year = {${e.year}}\n}`;
+  };
+
+  const sorted = useMemo(() => {
+    const arr = [...state.entries];
+    if (sortBy === 'year') arr.sort((a, b) => b.year - a.year);
+    if (sortBy === 'author') arr.sort((a, b) => a.authors.localeCompare(b.authors));
+    if (sortBy === 'cited') arr.sort((a, b) => b.cited - a.cited);
+    return arr;
+  }, [state.entries, sortBy]);
+
+  const copy = () => {
+    const out = sorted.map(formatEntry).map(s => s.replace(/<[^>]+>/g, '')).join('\n\n');
+    navigator.clipboard?.writeText(out);
+    fireToast(`${sorted.length} citations copied as ${fmt}`);
+  };
+
+  const remove = (key) => {
+    const e = state.entries.find(x => x.key === key);
+    setState({ ...state, entries: state.entries.filter(x => x.key !== key) });
+    fireToast(`Removed @${e.key}`);
+  };
+
+  const edit = (entry) => openModal('add-citation', {
+    initial: entry,
+    onAdd: (next) => setState({ ...state, entries: state.entries.map(e => e.key === entry.key ? next : e) }),
+  });
+
+  return (
+    <div
+      onDragOver={(e) => { if (e.dataTransfer.types.includes(X_MIME)) { e.preventDefault(); setDropOver(true); } }}
+      onDragLeave={() => setDropOver(false)}
+      onDrop={onDrop}
+      style={{ display: 'flex', flexDirection: 'column', gap: 10, position: 'relative', flex: 1 }}
+      className={dropOver ? 'canvas-drop-active' : ''}
+    >
+      {dropOver && (
+        <div className="canvas-drop-overlay">
+          <Icon name="plus" size={18}/>
+          <span>Drop to add citation</span>
+        </div>
+      )}
+      <div style={{ display: 'flex', alignItems: 'center', gap: 8, justifyContent: 'space-between' }}>
+        <div className="format-tabs">
+          {formats.map(f => (
+            <button key={f} className={`format-tab ${fmt === f ? 'active' : ''}`} onClick={() => setFmt(f)}>{f}</button>
+          ))}
+        </div>
+        <div style={{ display: 'flex', gap: 4 }}>
+          <select className="select" style={{ width: 'auto', padding: '4px 8px', fontSize: 11, fontFamily: 'var(--canvas-mono)' }} value={sortBy} onChange={e => setSortBy(e.target.value)}>
+            <option value="year">↓ year</option>
+            <option value="author">A–Z</option>
+            <option value="cited">↓ cited</option>
+          </select>
+          <button className="icon-btn" onClick={copy} title="Copy all"><Icon name="copy" size={14}/></button>
+          <button className="icon-btn" onClick={() => openModal('add-citation', { onAdd: (entry) => setState({ ...state, entries: [...state.entries, entry] }) })} title="Add"><Icon name="plus" size={14}/></button>
+        </div>
+      </div>
+      <div className="bib-list">
+        {sorted.map(e => (
+          <div key={e.key} className="note-row" style={{ padding: '8px 10px' }}>
+            <div className="bib-cite" style={{ fontSize: 12 }} dangerouslySetInnerHTML={{ __html: formatEntry(e) }}/>
+            <div className="bib-meta">
+              <span className="key">@{e.key}</span>
+              <span>cited {e.cited.toLocaleString()}x</span>
+            </div>
+            <div className="row-actions">
+              <button className="icon-btn" onClick={() => edit(e)} title="Edit"><Icon name="pencil" size={11}/></button>
+              <button className="icon-btn" onClick={() => remove(e.key)} title="Delete"><Icon name="trash" size={11}/></button>
+            </div>
+          </div>
+        ))}
+        {sorted.length === 0 && (
+          <EmptyState
+            icon="book"
+            title="No citations yet"
+            hint="Add one with the + button, paste a DOI, or drag a paper here from the Reading Queue."
+          />
+        )}
+      </div>
+    </div>
+  );
+}
+
+// ===== Kanban (with priority filter chips + due-date sort) =====
+const PRI_RANK = { high: 0, med: 1, low: 2 };
+export function KanbanWidget({ state, setState, openModal }) {
+  const [dragId, setDragId] = useState(null);
+  const [dragCol, setDragCol] = useState(null);
+  const [editId, setEditId] = useState(null);
+  const [priFilter, setPriFilter] = useState('all');
+  const [sortBy, setSortBy] = useState('manual');
+
+  const move = (id, toCol) => setState({ ...state, cards: state.cards.map(c => c.id === id ? { ...c, col: toCol } : c) });
+  const remove = (id) => setState({ ...state, cards: state.cards.filter(c => c.id !== id) });
+  const updateTitle = (id, title) => setState({ ...state, cards: state.cards.map(c => c.id === id ? { ...c, title } : c) });
+
+  const addCard = (col) => openModal('add-task', {
+    onAdd: (card) => setState({ ...state, cards: [...state.cards, { ...card, id: 'k' + Date.now(), col }] }),
+  });
+
+  const editCard = (card) => openModal('add-task', {
+    initial: card,
+    onAdd: (next) => setState({ ...state, cards: state.cards.map(c => c.id === card.id ? { ...c, ...next } : c) }),
+  });
+
+  const visibleCards = (state.cards || []).filter(c => priFilter === 'all' || c.priority === priFilter);
+  const sortCards = (cards) => {
+    if (sortBy === 'priority') return [...cards].sort((a, b) => (PRI_RANK[a.priority] ?? 9) - (PRI_RANK[b.priority] ?? 9));
+    if (sortBy === 'due') {
+      const parseDue = (m) => {
+        if (!m) return Infinity;
+        const d = new Date(m);
+        return isNaN(d) ? Infinity : d.getTime();
+      };
+      return [...cards].sort((a, b) => parseDue(a.meta) - parseDue(b.meta));
+    }
+    return cards;
+  };
+
+  return (
+    <>
+      <div style={{ display: 'flex', gap: 6, alignItems: 'center', flexWrap: 'wrap', fontSize: 11 }}>
+        <span style={{ color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.06em', fontWeight: 600 }}>Filter</span>
+        {[['all', 'All'], ['high', 'High'], ['med', 'Med'], ['low', 'Low']].map(([v, l]) => (
+          <button key={v} className={`palette-cat ${priFilter === v ? 'active' : ''}`}
+            onClick={() => setPriFilter(v)} style={{ padding: '3px 9px', fontSize: 11 }}>{l}</button>
+        ))}
+        <span style={{ marginLeft: 'auto', color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.06em', fontWeight: 600 }}>Sort</span>
+        <select className="select" style={{ width: 'auto', padding: '3px 8px', fontSize: 11 }} value={sortBy} onChange={e => setSortBy(e.target.value)}>
+          <option value="manual">Manual</option>
+          <option value="priority">Priority</option>
+          <option value="due">Due date</option>
+        </select>
+      </div>
+    <div className="kanban">
+      {state.cols.map(col => {
+        const cards = sortCards(visibleCards.filter(c => c.col === col.id));
+        return (
+          <div key={col.id}
+            className={`kan-col ${dragCol === col.id ? 'drag-target' : ''}`}
+            onDragOver={(e) => { e.preventDefault(); setDragCol(col.id); }}
+            onDragLeave={() => setDragCol(null)}
+            onDrop={(e) => { e.preventDefault(); if (dragId) move(dragId, col.id); setDragCol(null); setDragId(null); }}>
+            <div className="kan-col-head">
+              <span>{col.label}</span>
+              <span className="count">{cards.length}</span>
+            </div>
+            {cards.map(card => (
+              <div key={card.id}
+                className={`kan-card ${card.priority} ${dragId === card.id ? 'dragging' : ''}`}
+                draggable={editId !== card.id}
+                onDragStart={(e) => { setDragId(card.id); e.dataTransfer.effectAllowed = 'move'; }}
+                onDragEnd={() => { setDragId(null); setDragCol(null); }}
+                onDoubleClick={() => editCard(card)}>
+                <span className="priority-bar"/>
+                {editId === card.id ? (
+                  <input
+                    className="inline-input"
+                    style={{ marginLeft: 6, width: 'calc(100% - 6px)' }}
+                    autoFocus
+                    defaultValue={card.title}
+                    onBlur={(e) => { updateTitle(card.id, e.target.value); setEditId(null); }}
+                    onKeyDown={(e) => { if (e.key === 'Enter') e.target.blur(); if (e.key === 'Escape') setEditId(null); }}
+                  />
+                ) : (
+                  <div className="kan-title" onClick={() => setEditId(card.id)}>{card.title}</div>
+                )}
+                <div className="kan-meta">
+                  <span>{card.priority.toUpperCase()}</span>
+                  <span>·</span>
+                  <span>{card.meta}</span>
+                  <span style={{ flex: 1 }}/>
+                  <button className="icon-btn" style={{ width: 16, height: 16, opacity: 0.5 }} onClick={(e) => { e.stopPropagation(); remove(card.id); }} title="Delete"><Icon name="x" size={10}/></button>
+                </div>
+              </div>
+            ))}
+            <button className="add-tiny" onClick={() => addCard(col.id)}>+ Add</button>
+          </div>
+        );
+      })}
+    </div>
+    </>
+  );
+}
+
+// ===== Pomodoro =====
+export function PomodoroWidget({ state, setState }) {
+  const [running, setRunning] = useState(false);
+  const [mode, setMode] = useState('focus');
+  const [secs, setSecs] = useState(state.focus * 60);
+  const [editing, setEditing] = useState(false);
+  const total = (mode === 'focus' ? state.focus : state.brk) * 60;
+
+  useEffect(() => {
+    if (!running) return;
+    const t = setInterval(() => {
+      setSecs(s => {
+        if (s <= 1) {
+          const next = mode === 'focus' ? 'break' : 'focus';
+          setMode(next);
+          if (mode === 'focus') {
+            setState({ ...state, sessionsToday: state.sessionsToday + 1 });
+            fireToast('Focus session complete — 5 min break');
+          }
+          return (next === 'focus' ? state.focus : state.brk) * 60;
+        }
+        return s - 1;
+      });
+    }, 1000);
+    return () => clearInterval(t);
+  }, [running, mode, state, setState]);
+
+  const mm = String(Math.floor(secs / 60)).padStart(2, '0');
+  const ss = String(secs % 60).padStart(2, '0');
+  const r = 56, c = 2 * Math.PI * r;
+  const dash = c * (1 - secs / total);
+  const reset = () => { setRunning(false); setMode('focus'); setSecs(state.focus * 60); };
+
+  return (
+    <div className="pomo">
+      <div className={`pomo-ring ${mode === 'break' ? 'break' : ''}`}>
+        <svg width="130" height="130">
+          <circle className="track" cx="65" cy="65" r={r} strokeWidth="6" fill="none"/>
+          <circle className="fill" cx="65" cy="65" r={r} strokeWidth="6" fill="none" strokeDasharray={c} strokeDashoffset={dash}/>
+        </svg>
+        <div className="pomo-time">
+          <div className="t">{mm}:{ss}</div>
+          <div className="l">{mode === 'focus' ? 'focus' : 'break'}</div>
+        </div>
+      </div>
+      <div className="pomo-controls">
+        <button className="btn btn-primary" onClick={() => setRunning(r => !r)}>
+          <Icon name={running ? 'pause' : 'play'} size={13}/>{running ? 'Pause' : 'Start'}
+        </button>
+        <button className="btn" onClick={reset} title="Reset"><Icon name="reset" size={13}/></button>
+        <button className="btn" onClick={() => setEditing(e => !e)} title="Edit durations"><Icon name="settings" size={13}/></button>
+      </div>
+      {editing ? (
+        <div style={{ display: 'flex', gap: 8, alignItems: 'center', fontSize: 11, color: 'var(--canvas-text-3)' }}>
+          <span>focus</span>
+          <input type="number" min="1" max="90" className="input" style={{ width: 50, padding: '4px 6px', fontFamily: 'var(--canvas-mono)' }}
+            value={state.focus} onChange={e => { const v = +e.target.value || 25; setState({ ...state, focus: v }); if (!running) setSecs(v*60); }}/>
+          <span>break</span>
+          <input type="number" min="1" max="30" className="input" style={{ width: 50, padding: '4px 6px', fontFamily: 'var(--canvas-mono)' }}
+            value={state.brk} onChange={e => setState({ ...state, brk: +e.target.value || 5 })}/>
+          <span>min</span>
+        </div>
+      ) : (
+        <div className="pomo-stats">
+          <span>today <b>{state.sessionsToday}</b></span><span>·</span>
+          <span>{state.focus}/{state.brk} min</span>
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ===== Writing tracker =====
+// Inline writing pad with multi-chapter targets, live word count, and 28-day heatmap.
+const todayKey = () => new Date().toISOString().slice(0, 10);
+const countWords = (s) => (s || '').trim().split(/\s+/).filter(Boolean).length;
+
+export function WritingWidget({ state, setState }) {
+  const chapters = state.chapters || [];
+  const activeId = state.activeChapterId || chapters[0]?.id;
+  const active = chapters.find(c => c.id === activeId) || chapters[0];
+  const dailyTotals = state.dailyTotals || {};
+  const today = todayKey();
+  const todayWords = dailyTotals[today] || 0;
+  const target = active?.target ?? state.target ?? 500;
+  const pct = target > 0 ? Math.min(100, Math.round((todayWords / target) * 100)) : 0;
+
+  // Streak: count consecutive days back from today with words > 0
+  const streak = (() => {
+    let s = 0;
+    const d = new Date();
+    while (true) {
+      const k = d.toISOString().slice(0, 10);
+      if ((dailyTotals[k] || 0) > 0) { s++; d.setDate(d.getDate() - 1); } else break;
+      if (s > 365) break;
+    }
+    return s;
+  })();
+
+  const updateChapter = (id, patch) => setState({
+    ...state,
+    chapters: chapters.map(c => c.id === id ? { ...c, ...patch } : c),
+  });
+
+  const onDraftChange = (text) => {
+    const words = countWords(text);
+    updateChapter(active.id, { draft: text });
+    // Track per-day session word count keyed off the active chapter's last-saved baseline
+    const sessionBaseline = active.savedAt === today ? (active.savedWords || 0) : 0;
+    const delta = Math.max(0, words - sessionBaseline);
+    setState({
+      ...state,
+      chapters: chapters.map(c => c.id === active.id ? { ...c, draft: text } : c),
+      dailyTotals: { ...dailyTotals, [today]: (dailyTotals[today] || 0) - (state._sessionDelta || 0) + delta },
+      _sessionDelta: delta,
+    });
+  };
+
+  const saveSession = () => {
+    const words = countWords(active.draft || '');
+    setState({
+      ...state,
+      chapters: chapters.map(c => c.id === active.id ? { ...c, savedAt: today, savedWords: words } : c),
+      _sessionDelta: 0,
+    });
+    fireToast(`Saved · ${words} words in ${active.name}`);
+    fireActivity('Writing', `Saved ${words} words to "${active.name}"`);
+  };
+
+  const addChapter = () => {
+    const id = 'c-' + Date.now();
+    setState({
+      ...state,
+      chapters: [...chapters, { id, name: 'New chapter', target: 500, draft: '' }],
+      activeChapterId: id,
+    });
+  };
+
+  const deleteChapter = (id) => {
+    if (chapters.length === 1) return fireToast('Need at least one chapter', 'danger');
+    const next = chapters.filter(c => c.id !== id);
+    setState({ ...state, chapters: next, activeChapterId: next[0].id });
+  };
+
+  // 28-day heatmap
+  const days = Array.from({ length: 28 }, (_, i) => {
+    const d = new Date();
+    d.setDate(d.getDate() - (27 - i));
+    return d.toISOString().slice(0, 10);
+  });
+  const allCounts = Object.values(dailyTotals);
+  const maxDay = Math.max(target, ...allCounts, 1);
+  const intensity = (n) => {
+    if (!n) return 0;
+    const ratio = n / maxDay;
+    if (ratio < 0.25) return 1;
+    if (ratio < 0.5) return 2;
+    if (ratio < 0.75) return 3;
+    return 4;
+  };
+
+  const draftWords = countWords(active?.draft || '');
+  const totalWritten = chapters.reduce((sum, c) => sum + countWords(c.draft || ''), 0);
+  const totalTarget = chapters.reduce((sum, c) => sum + (c.target || 0), 0);
+
+  return (
+    <>
+      {/* Chapter switcher */}
+      <div style={{ display: 'flex', gap: 4, flexWrap: 'wrap', alignItems: 'center' }}>
+        {chapters.map(c => (
+          <button key={c.id}
+            onClick={() => setState({ ...state, activeChapterId: c.id })}
+            className={`format-tab ${c.id === active?.id ? 'active' : ''}`}
+            style={{ padding: '4px 9px', fontSize: 11, fontFamily: 'var(--canvas-sans)', textTransform: 'none', letterSpacing: 0 }}>
+            {c.name}
+          </button>
+        ))}
+        <button className="add-tiny" onClick={addChapter} style={{ padding: '4px 8px' }}>+ Chapter</button>
+      </div>
+
+      {/* Active chapter editing */}
+      {active && (
+        <>
+          <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
+            <input
+              className="inline-input"
+              style={{ flex: 1, fontSize: 12.5, fontWeight: 500 }}
+              value={active.name}
+              onChange={e => updateChapter(active.id, { name: e.target.value })}
+            />
+            <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11, color: 'var(--canvas-text-3)' }}>target</span>
+            <input
+              type="number"
+              className="inline-input"
+              style={{ width: 70, fontFamily: 'var(--canvas-mono)' }}
+              value={active.target ?? 500}
+              onChange={e => updateChapter(active.id, { target: +e.target.value || 0 })}
+            />
+            {chapters.length > 1 && (
+              <button className="icon-btn" style={{ width: 22, height: 22 }} onClick={() => deleteChapter(active.id)} title="Delete chapter">
+                <Icon name="trash" size={11}/>
+              </button>
+            )}
+          </div>
+
+          <textarea
+            className="textarea"
+            placeholder="Start writing here. Word count tracks live."
+            style={{ minHeight: 110, fontFamily: 'var(--canvas-sans)', fontSize: 13, lineHeight: 1.55 }}
+            value={active.draft || ''}
+            onChange={e => onDraftChange(e.target.value)}
+          />
+
+          <div style={{ display: 'flex', alignItems: 'center', gap: 10, fontFamily: 'var(--canvas-mono)', fontSize: 11, color: 'var(--canvas-text-3)' }}>
+            <span style={{ color: 'var(--canvas-accent)', fontWeight: 600 }}>{draftWords}</span>
+            <span>/</span>
+            <span>{active.target ?? 500} words</span>
+            <div className="progress" style={{ flex: 1, height: 4 }}>
+              <i style={{ width: Math.min(100, (draftWords / Math.max(1, active.target ?? 500)) * 100) + '%' }}/>
+            </div>
+            <button className="btn" style={{ padding: '4px 9px', fontSize: 11 }} onClick={saveSession}>
+              <Icon name="check" size={11}/>Save session
+            </button>
+          </div>
+        </>
+      )}
+
+      {/* Today/streak/total stats */}
+      <div className="write-stats">
+        <div className="stat">
+          <div className="stat-label">Today</div>
+          <div className="stat-value accent">{todayWords}</div>
+          <div className="stat-sub">{pct}% of {target}</div>
+        </div>
+        <div className="stat">
+          <div className="stat-label">Streak</div>
+          <div className="stat-value">{streak}<span style={{ fontSize: 13, color: 'var(--canvas-text-3)', marginLeft: 3 }}>d</span></div>
+          <div className="stat-sub">days writing</div>
+        </div>
+        <div className="stat">
+          <div className="stat-label">Total</div>
+          <div className="stat-value">{totalWritten}</div>
+          <div className="stat-sub">/ {totalTarget} all chapters</div>
+        </div>
+      </div>
+
+      {/* 28-day heatmap */}
+      <div>
+        <div style={{ fontSize: 10, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginBottom: 4 }}>
+          Last 28 days
+        </div>
+        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(28, 1fr)', gap: 2 }}>
+          {days.map(d => {
+            const n = dailyTotals[d] || 0;
+            const lvl = intensity(n);
+            const bg = ['var(--canvas-surface-2)', 'var(--canvas-accent-glow)', 'rgba(99,102,241,0.45)', 'rgba(99,102,241,0.7)', 'var(--canvas-accent)'][lvl];
+            return (
+              <div key={d}
+                title={`${d}: ${n} words`}
+                style={{ aspectRatio: '1', borderRadius: 2, background: bg, border: '1px solid var(--canvas-border)' }}/>
+            );
+          })}
+        </div>
+      </div>
+    </>
+  );
+}
+
+// ===== Deadlines (with .ics calendar export) =====
+const toICSDate = (d) => {
+  const z = (n) => String(n).padStart(2, '0');
+  return `${d.getUTCFullYear()}${z(d.getUTCMonth() + 1)}${z(d.getUTCDate())}T${z(d.getUTCHours())}${z(d.getUTCMinutes())}00Z`;
+};
+const downloadICS = (deadline) => {
+  const start = new Date(deadline.date + 'T09:00:00Z');
+  const end = new Date(deadline.date + 'T10:00:00Z');
+  const escape = (s) => (s || '').replace(/[,;\\]/g, m => '\\' + m).replace(/\n/g, '\\n');
+  const ics = [
+    'BEGIN:VCALENDAR',
+    'VERSION:2.0',
+    'PRODID:-//Canvas//Deadlines//EN',
+    'BEGIN:VEVENT',
+    `UID:${deadline.id}@canvas`,
+    `DTSTAMP:${toICSDate(new Date())}`,
+    `DTSTART:${toICSDate(start)}`,
+    `DTEND:${toICSDate(end)}`,
+    `SUMMARY:${escape(deadline.title)}`,
+    `DESCRIPTION:Tag: ${escape(deadline.tag || '')}`,
+    'END:VEVENT',
+    'END:VCALENDAR',
+  ].join('\r\n');
+  const blob = new Blob([ics], { type: 'text/calendar' });
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = `${deadline.title.replace(/[^\w\d-]/g, '_')}.ics`;
+  a.click();
+  fireToast(`Calendar event downloaded for "${deadline.title}"`);
+};
+
+export function DeadlinesWidget({ state, setState, openModal }) {
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  const enriched = state.map(d => {
+    const date = new Date(d.date);
+    const days = Math.ceil((date - today) / (1000 * 60 * 60 * 24));
+    return { ...d, days, date };
+  }).sort((a, b) => a.days - b.days);
+
+  const remove = (id) => {
+    const dl = state.find(x => x.id === id);
+    setState(state.filter(x => x.id !== id));
+    fireToast(`Removed "${dl.title}"`);
+  };
+  const edit = (dl) => openModal('add-deadline', {
+    initial: dl,
+    onAdd: (next) => setState(state.map(x => x.id === dl.id ? { ...x, ...next } : x)),
+  });
+
+  return (
+    <>
+      <div className="dl-list">
+        {enriched.map(d => {
+          const cls = d.days <= 7 ? 'urgent' : d.days <= 21 ? 'warn' : '';
+          return (
+            <div key={d.id} className="dl-row" style={{ position: 'relative' }}>
+              <div className={`dl-day ${cls}`}>
+                <span className="num">{d.days}</span>
+                <span className="lbl">days</span>
+              </div>
+              <div className="dl-info">
+                <div className="dl-title">{d.title}</div>
+                <div className="dl-sub">{d.date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} · {d.tag}</div>
+              </div>
+              <div className="row-actions">
+                <button className="icon-btn" onClick={() => downloadICS(d)} title="Add to calendar (.ics)"><Icon name="download" size={11}/></button>
+                <button className="icon-btn" onClick={() => edit(d)} title="Edit"><Icon name="pencil" size={11}/></button>
+                <button className="icon-btn" onClick={() => remove(d.id)} title="Delete"><Icon name="trash" size={11}/></button>
+              </div>
+            </div>
+          );
+        })}
+        {enriched.length === 0 && (
+          <EmptyState
+            icon="calendar"
+            title="No deadlines yet"
+            hint="Track due dates and download them straight into your calendar as .ics files."
+          />
+        )}
+      </div>
+      <button className="add-tiny" onClick={() => openModal('add-deadline', {
+        onAdd: (dl) => setState([...state, { ...dl, id: 'd' + Date.now() }]),
+      })}>+ Add deadline</button>
+    </>
+  );
+}
+
+// ===== Budget =====
+export function BudgetWidget({ state, setState, openModal }) {
+  const total = state.items.reduce((a, b) => a + b.spent, 0);
+  const pct = (total / state.cap) * 100;
+  const [editingCap, setEditingCap] = useState(false);
+
+  const editItem = (item, idx) => openModal('budget-item', {
+    initial: item,
+    onSave: (next) => setState({ ...state, items: state.items.map((x, i) => i === idx ? next : x) }),
+    onDelete: () => setState({ ...state, items: state.items.filter((_, i) => i !== idx) }),
+  });
+  const addItem = () => openModal('budget-item', {
+    onSave: (next) => setState({ ...state, items: [...state.items, next] }),
+  });
+
+  return (
+    <>
+      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline' }}>
+        <div>
+          <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 22, fontWeight: 600, letterSpacing: '-0.02em' }}>${total.toLocaleString()}</span>
+          {editingCap ? (
+            <input type="number" autoFocus className="inline-input" style={{ width: 80, marginLeft: 6, fontFamily: 'var(--canvas-mono)' }}
+              defaultValue={state.cap}
+              onBlur={(e) => { setState({ ...state, cap: +e.target.value || state.cap }); setEditingCap(false); }}
+              onKeyDown={(e) => { if (e.key === 'Enter') e.target.blur(); }}/>
+          ) : (
+            <span onClick={() => setEditingCap(true)} style={{ color: 'var(--canvas-text-3)', fontFamily: 'var(--canvas-mono)', fontSize: 12, marginLeft: 4, cursor: 'pointer', textDecoration: 'underline dashed', textDecorationColor: 'var(--canvas-text-4)', textUnderlineOffset: 2 }}>/ ${state.cap.toLocaleString()}</span>
+          )}
+        </div>
+        <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11, color: pct > 80 ? 'var(--canvas-warn)' : 'var(--canvas-text-3)' }}>{pct.toFixed(0)}% used</span>
+      </div>
+      <div className="budget-bar">
+        {state.items.map(item => (
+          <i key={item.label} style={{ background: item.color, width: (item.spent / state.cap * 100) + '%' }}/>
+        ))}
+      </div>
+      <div className="budget-list">
+        {state.items.map((item, i) => (
+          <div key={item.label} className="budget-row" style={{ cursor: 'pointer' }} onClick={() => editItem(item, i)}>
+            <span className="swatch" style={{ background: item.color }}/>
+            <span>{item.label}</span>
+            <span className="amt">${item.spent.toLocaleString()}</span>
+            <span className="pct">{((item.spent/state.cap)*100).toFixed(0)}%</span>
+          </div>
+        ))}
+      </div>
+      <button className="add-tiny" onClick={addItem}>+ Add category</button>
+    </>
+  );
+}
+
+// ===== Reading queue =====
+export function ReadingQueueWidget({ state, setState, openModal }) {
+  const colors = { high: 'var(--canvas-danger)', med: 'var(--canvas-warn)', low: 'var(--canvas-text-4)' };
+  const remove = (i, p) => {
+    setState(state.filter((_, j) => j !== i));
+    fireToast(`Marked "${p.title.slice(0, 30)}…" as read`);
+  };
+  const add = () => openModal('reading-paper', { onAdd: (p) => setState([...state, p]) });
+  const edit = (p, i) => openModal('reading-paper', {
+    initial: p,
+    onAdd: (next) => setState(state.map((x, j) => i === j ? next : x)),
+  });
+
+  return (
+    <>
+      <div className="dl-list">
+        {state.map((p, i) => (
+          <div key={i} className="dl-row"
+            draggable
+            onDragStart={(e) => setDragPayload(e, 'paper', p)}
+            title="Drag to Bibliography to add as citation"
+            style={{ padding: '7px 9px', position: 'relative', cursor: 'grab' }}>
+            <span style={{ width: 4, height: 28, borderRadius: 2, background: colors[p.priority], flexShrink: 0 }}/>
+            <div className="dl-info" onClick={() => edit(p, i)} style={{ cursor: 'pointer' }}>
+              <div className="dl-title" style={{ fontSize: 12 }}>{p.title}</div>
+              <div className="dl-sub">{p.priority} · ~{p.time}{p.doi ? ' · ' + p.doi : ''}</div>
+            </div>
+            <button className="icon-btn" style={{width:24,height:24}} title="Mark read" onClick={() => remove(i, p)}>
+              <Icon name="check" size={13}/>
+            </button>
+          </div>
+        ))}
+      </div>
+      <button className="add-tiny" onClick={add}>+ Add paper</button>
+    </>
+  );
+}
+
+// ===== Notes / Scratchpad — Markdown rendering + full-text search =====
+export function NotesWidget({ state, setState, openModal }) {
+  const notes = state.items || [];
+  const [search, setSearch] = useState('');
+  const add = () => openModal('note', { onSave: (n) => setState({ ...state, items: [{ ...n, id: 'n' + Date.now(), at: Date.now() }, ...notes] }) });
+  const edit = (note) => openModal('note', {
+    initial: note,
+    onSave: (next) => setState({ ...state, items: notes.map(x => x.id === note.id ? { ...x, ...next, at: Date.now() } : x) }),
+    onDelete: () => setState({ ...state, items: notes.filter(x => x.id !== note.id) }),
+  });
+
+  const fmt = (t) => {
+    const d = Date.now() - t;
+    if (d < 60_000) return 'just now';
+    if (d < 3600_000) return Math.floor(d / 60_000) + 'm';
+    if (d < 86400_000) return Math.floor(d / 3600_000) + 'h';
+    return Math.floor(d / 86400_000) + 'd';
+  };
+
+  const filtered = useMemo(() => {
+    if (!search.trim()) return notes;
+    const q = search.toLowerCase();
+    return notes.filter(n =>
+      (n.text || '').toLowerCase().includes(q) ||
+      (n.tag || '').toLowerCase().includes(q) ||
+      (n.linkTo || '').toLowerCase().includes(q)
+    );
+  }, [notes, search]);
+
+  return (
+    <>
+      <div style={{ position: 'relative' }}>
+        <span style={{ position: 'absolute', left: 9, top: '50%', transform: 'translateY(-50%)', color: 'var(--canvas-text-3)' }}>
+          <Icon name="search" size={12}/>
+        </span>
+        <input
+          className="input"
+          placeholder="Search notes (text, tag, link)…"
+          value={search}
+          onChange={e => setSearch(e.target.value)}
+          style={{ paddingLeft: 28, fontSize: 12 }}
+        />
+      </div>
+      <div className="note-list">
+        {filtered.map(n => (
+          <div key={n.id} className="note-row" onClick={() => edit(n)} style={{ cursor: 'pointer' }}>
+            <div className="note-text canvas-md">
+              <ReactMarkdown remarkPlugins={[remarkGfm]}>{n.text || ''}</ReactMarkdown>
+            </div>
+            <div className="note-meta">
+              {n.tag && <span className="tag-pill">{n.tag}</span>}
+              <span>{fmt(n.at)}</span>
+              {n.linkTo && <span>→ {n.linkTo}</span>}
+            </div>
+          </div>
+        ))}
+        {filtered.length === 0 && (
+          notes.length === 0 ? (
+            <EmptyState icon="notes" title="No notes yet" hint="Capture quick thoughts. Markdown supported. Type @ to mention citations, chapters, or tasks."/>
+          ) : (
+            <EmptyState icon="search" title={`No notes match "${search}"`} hint="Try a shorter query or clear the search box."/>
+          )
+        )}
+      </div>
+      <button className="add-tiny" onClick={add}>+ New note</button>
+    </>
+  );
+}
+
+// ===== Habit tracker =====
+export function HabitsWidget({ state, setState, openModal }) {
+  const habits = state.items || [];
+  const days = 7;
+  const dayLabels = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];
+
+  const toggle = (id, day) => {
+    setState({
+      ...state,
+      items: habits.map(h => h.id === id
+        ? { ...h, log: { ...h.log, [day]: !h.log?.[day] } }
+        : h),
+    });
+  };
+  const add = () => openModal('habit', { onSave: (h) => setState({ ...state, items: [...habits, { ...h, id: 'h' + Date.now(), log: {} }] }) });
+  const edit = (h) => openModal('habit', {
+    initial: h,
+    onSave: (next) => setState({ ...state, items: habits.map(x => x.id === h.id ? { ...x, ...next } : x) }),
+    onDelete: () => setState({ ...state, items: habits.filter(x => x.id !== h.id) }),
+  });
+
+  return (
+    <>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
+        <div style={{ display: 'grid', gridTemplateColumns: '1fr repeat(7, 22px)', gap: 4, fontSize: 9.5, color: 'var(--canvas-text-4)', fontFamily: 'var(--canvas-mono)', textTransform: 'uppercase', letterSpacing: '0.06em', padding: '0 2px' }}>
+          <span/>
+          {dayLabels.map((d, i) => <span key={i} style={{ textAlign: 'center' }}>{d}</span>)}
+        </div>
+        {habits.map(h => {
+          const checked = Array.from({length: days}, (_, i) => h.log?.[i]).filter(Boolean).length;
+          return (
+            <div key={h.id} style={{ display: 'grid', gridTemplateColumns: '1fr repeat(7, 22px)', gap: 4, alignItems: 'center' }}>
+              <div onClick={() => edit(h)} style={{ cursor: 'pointer', fontSize: 12, display: 'flex', alignItems: 'center', gap: 6 }}>
+                <Icon name={h.icon || 'flame'} size={12} style={{ color: 'var(--canvas-accent)' }}/>
+                <span style={{ minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{h.label}</span>
+                <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 9.5, color: 'var(--canvas-text-3)' }}>{checked}/{days}</span>
+              </div>
+              {Array.from({length: days}).map((_, i) => (
+                <button key={i}
+                  onClick={() => toggle(h.id, i)}
+                  style={{
+                    width: 20, height: 20, borderRadius: 4,
+                    background: h.log?.[i] ? 'var(--canvas-accent)' : 'var(--canvas-surface-2)',
+                    border: `1px solid ${h.log?.[i] ? 'var(--canvas-accent)' : 'var(--canvas-border)'}`,
+                    color: h.log?.[i] ? 'var(--canvas-bg)' : 'transparent',
+                    display: 'grid', placeItems: 'center', cursor: 'pointer',
+                    transition: 'all .12s',
+                  }}>
+                  {h.log?.[i] && <Icon name="check" size={10}/>}
+                </button>
+              ))}
+            </div>
+          );
+        })}
+        {habits.length === 0 && (
+          <EmptyState icon="flame" title="No habits yet" hint="Track daily research practices. Read 1 paper, write 30 min, lab notebook entry."/>
+        )}
+      </div>
+      <button className="add-tiny" onClick={add}>+ New habit</button>
+    </>
+  );
+}
+
+// ===== Goals =====
+export function GoalsWidget({ state, setState, openModal }) {
+  const goals = state.items || [];
+  const add = () => openModal('goal', { onSave: (g) => setState({ ...state, items: [...goals, { ...g, id: 'g' + Date.now() }] }) });
+  const edit = (g) => openModal('goal', {
+    initial: g,
+    onSave: (next) => setState({ ...state, items: goals.map(x => x.id === g.id ? { ...x, ...next } : x) }),
+    onDelete: () => setState({ ...state, items: goals.filter(x => x.id !== g.id) }),
+  });
+  const updateProgress = (id, pct) => setState({ ...state, items: goals.map(g => g.id === id ? { ...g, progress: pct } : g) });
+
+  return (
+    <>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+        {goals.map(g => (
+          <div key={g.id} className="note-row" style={{ padding: '10px 12px', cursor: 'pointer' }}>
+            <div style={{ display: 'flex', alignItems: 'center', gap: 8 }} onClick={() => edit(g)}>
+              <Icon name="bullseye" size={13} style={{ color: 'var(--canvas-accent)' }}/>
+              <span style={{ fontSize: 13, fontWeight: 500, flex: 1 }}>{g.label}</span>
+              <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11, color: 'var(--canvas-accent)' }}>{g.progress}%</span>
+            </div>
+            <div className="progress" style={{ height: 5, marginTop: 2 }}>
+              <i style={{ width: g.progress + '%' }}/>
+            </div>
+            <input type="range" min="0" max="100" step="5" value={g.progress}
+              onChange={e => updateProgress(g.id, +e.target.value)}
+              style={{ width: '100%', accentColor: 'var(--canvas-accent)', marginTop: 2, height: 12 }}/>
+            {g.due && <div className="note-meta"><span>due {g.due}</span></div>}
+          </div>
+        ))}
+        {goals.length === 0 && (
+          <EmptyState icon="bullseye" title="No goals yet" hint="Quarterly OKRs, security program milestones, anything you want to track."/>
+        )}
+      </div>
+      <button className="add-tiny" onClick={add}>+ New goal</button>
+    </>
+  );
+}
+
+// ===== Meeting log =====
+export function MeetingsWidget({ state, setState, openModal }) {
+  const meetings = state.items || [];
+  const add = () => openModal('meeting', { onSave: (m) => setState({ ...state, items: [{ ...m, id: 'm' + Date.now() }, ...meetings] }) });
+  const edit = (m) => openModal('meeting', {
+    initial: m,
+    onSave: (next) => setState({ ...state, items: meetings.map(x => x.id === m.id ? { ...x, ...next } : x) }),
+    onDelete: () => setState({ ...state, items: meetings.filter(x => x.id !== m.id) }),
+  });
+
+  return (
+    <>
+      <div className="note-list">
+        {meetings.map(m => (
+          <div key={m.id} className="note-row" onClick={() => edit(m)} style={{ cursor: 'pointer' }}>
+            <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+              <Icon name="user" size={12} style={{ color: 'var(--canvas-accent)' }}/>
+              <span style={{ fontSize: 12.5, fontWeight: 500, flex: 1 }}>{m.who}</span>
+              <span className="note-meta"><span>{m.date}</span></span>
+            </div>
+            {m.notes && <div className="note-text" style={{ fontSize: 12, color: 'var(--canvas-text-2)' }}>{m.notes}</div>}
+            {m.actions && <div className="note-meta"><span className="tag-pill">{(m.actions.match(/\n/g)?.length ?? 0) + 1} action(s)</span></div>}
+          </div>
+        ))}
+        {meetings.length === 0 && (
+          <EmptyState icon="message" title="No meetings logged" hint="Capture decisions, action items, and last contact for each stakeholder."/>
+        )}
+      </div>
+      <button className="add-tiny" onClick={add}>+ Log meeting</button>
+    </>
+  );
+}
+
+// ===== Outline Builder — nested collapsible tree, drag-reorder, indent/outdent =====
+export function OutlineWidget({ state, setState }) {
+  const items = state.items || [];
+  const expanded = state.expanded || {};
+  const [editingId, setEditingId] = useState(null);
+
+  const toggle = (id) => setState({ ...state, expanded: { ...expanded, [id]: !expanded[id] } });
+  const update = (id, patch) => setState({
+    ...state,
+    items: items.map(it => it.id === id ? { ...it, ...patch } : it),
+  });
+  const addItem = (afterId, depth = 0) => {
+    const id = 'o' + Date.now();
+    const idx = afterId ? items.findIndex(it => it.id === afterId) : items.length - 1;
+    const next = [...items];
+    next.splice(idx + 1, 0, { id, text: '', depth });
+    setState({ ...state, items: next });
+    setTimeout(() => setEditingId(id), 0);
+  };
+  const remove = (id) => setState({ ...state, items: items.filter(it => it.id !== id) });
+  const indent = (id) => {
+    const idx = items.findIndex(it => it.id === id);
+    if (idx <= 0) return;
+    const max = items[idx - 1].depth + 1;
+    if (items[idx].depth >= max) return;
+    update(id, { depth: items[idx].depth + 1 });
+  };
+  const outdent = (id) => {
+    const it = items.find(x => x.id === id);
+    if (!it || it.depth === 0) return;
+    update(id, { depth: it.depth - 1 });
+  };
+
+  return (
+    <>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
+        {items.length === 0 ? (
+          <EmptyState icon="list" title="Empty outline" hint="Click + Node below. Use Tab/Shift+Tab to indent, Enter for a sibling."/>
+        ) : items.map((it, i) => {
+          const hasChildren = items[i + 1] && items[i + 1].depth > it.depth;
+          const isCollapsed = !!expanded[it.id] && hasChildren;
+          // Hide rows that are descendants of a collapsed node
+          let parentCollapsed = false;
+          for (let j = i - 1; j >= 0; j--) {
+            if (items[j].depth < it.depth) {
+              if (expanded[items[j].id] && hasDescendantsAt(items, j, items[j].depth)) { parentCollapsed = true; break; }
+            }
+            if (items[j].depth === 0) break;
+          }
+          if (parentCollapsed) return null;
+          return (
+            <div key={it.id} style={{
+              display: 'flex', alignItems: 'center', gap: 4,
+              paddingLeft: it.depth * 18,
+              fontSize: 13, lineHeight: 1.5,
+            }}>
+              <button className="icon-btn" style={{ width: 18, height: 18 }}
+                onClick={() => hasChildren && toggle(it.id)}
+                title={hasChildren ? (isCollapsed ? 'Expand' : 'Collapse') : ''}>
+                {hasChildren ? (
+                  <Icon name="chevron" size={11} style={{ transform: isCollapsed ? 'none' : 'rotate(90deg)', transition: 'transform .15s' }}/>
+                ) : <span style={{ color: 'var(--canvas-text-4)', fontSize: 8 }}>•</span>}
+              </button>
+              {editingId === it.id ? (
+                <input
+                  className="inline-input"
+                  autoFocus
+                  defaultValue={it.text}
+                  onBlur={(e) => { update(it.id, { text: e.target.value }); setEditingId(null); }}
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') { e.preventDefault(); e.target.blur(); addItem(it.id, it.depth); }
+                    if (e.key === 'Escape') setEditingId(null);
+                    if (e.key === 'Tab') { e.preventDefault(); update(it.id, { text: e.target.value }); e.shiftKey ? outdent(it.id) : indent(it.id); }
+                  }}
+                />
+              ) : (
+                <span onClick={() => setEditingId(it.id)} style={{ flex: 1, cursor: 'text', color: it.text ? 'var(--canvas-text)' : 'var(--canvas-text-4)' }}>
+                  {it.text || 'Click to edit'}
+                </span>
+              )}
+              <button className="icon-btn" style={{ width: 18, height: 18, opacity: 0.5 }} onClick={() => remove(it.id)}>
+                <Icon name="x" size={10}/>
+              </button>
+            </div>
+          );
+        })}
+      </div>
+      <div style={{ display: 'flex', gap: 4, fontSize: 11, color: 'var(--canvas-text-3)' }}>
+        <button className="add-tiny" onClick={() => addItem(items[items.length - 1]?.id, 0)}>+ Node</button>
+        <span style={{ color: 'var(--canvas-text-4)', fontFamily: 'var(--canvas-mono)' }}>· Tab/Shift+Tab to indent · Enter to add sibling</span>
+      </div>
+    </>
+  );
+}
+function hasDescendantsAt(items, idx, depth) {
+  return items[idx + 1] && items[idx + 1].depth > depth;
+}
+
+// ===== Highlights & Quotes — paste a quote, attach citation, copy formatted =====
+export function HighlightsWidget({ state, setState }) {
+  const items = state.items || [];
+  const [text, setText] = useState('');
+  const [citeKey, setCiteKey] = useState('');
+  const [page, setPage] = useState('');
+
+  const add = () => {
+    if (!text.trim()) return;
+    const id = 'q' + Date.now();
+    setState({ ...state, items: [{ id, text: text.trim(), citeKey: citeKey.trim(), page: page.trim(), at: Date.now() }, ...items] });
+    setText(''); setCiteKey(''); setPage('');
+    fireToast('Quote saved');
+  };
+
+  const copy = (q) => {
+    const formatted = `"${q.text}" (${q.citeKey || 'unknown'}${q.page ? ', p. ' + q.page : ''})`;
+    navigator.clipboard?.writeText(formatted);
+    fireToast('Copied to clipboard');
+  };
+
+  const remove = (id) => setState({ ...state, items: items.filter(x => x.id !== id) });
+
+  return (
+    <>
+      <div className="form-grid">
+        <textarea
+          className="textarea"
+          placeholder="Paste a quote or excerpt…"
+          rows={3}
+          style={{ minHeight: 60, fontSize: 12.5 }}
+          value={text}
+          onChange={e => setText(e.target.value)}
+        />
+        <div style={{ display: 'flex', gap: 6 }}>
+          <input className="input" placeholder="@citeKey" value={citeKey} onChange={e => setCiteKey(e.target.value)} style={{ flex: 1, fontFamily: 'var(--canvas-mono)' }}/>
+          <input className="input" placeholder="page" value={page} onChange={e => setPage(e.target.value)} style={{ width: 60, fontFamily: 'var(--canvas-mono)' }}/>
+          <button className="btn btn-primary" onClick={add} disabled={!text.trim()}>
+            <Icon name="plus" size={13}/>Add
+          </button>
+        </div>
+      </div>
+      <div className="note-list">
+        {items.map(q => (
+          <div key={q.id} className="note-row">
+            <div className="note-text" style={{ fontStyle: 'italic' }}>"{q.text}"</div>
+            <div className="note-meta">
+              {q.citeKey && <span className="tag-pill">@{q.citeKey}</span>}
+              {q.page && <span>p. {q.page}</span>}
+              <span style={{ flex: 1 }}/>
+              <button className="icon-btn" style={{ width: 22, height: 22 }} onClick={() => copy(q)} title="Copy formatted"><Icon name="copy" size={11}/></button>
+              <button className="icon-btn" style={{ width: 22, height: 22 }} onClick={() => remove(q.id)} title="Delete"><Icon name="trash" size={11}/></button>
+            </div>
+          </div>
+        ))}
+        {items.length === 0 && (
+          <EmptyState icon="cite" title="No quotes yet" hint="Paste a quote above with citation key and page; copy formatted with one click."/>
+        )}
+      </div>
+    </>
+  );
+}
+
+// ===== LaTeX Scratchpad — live KaTeX rendering (loaded from CDN) =====
+const KATEX_CDN_CSS = 'https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css';
+const KATEX_CDN_JS = 'https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js';
+let katexLoadingPromise = null;
+const ensureKatex = () => {
+  if (window.katex) return Promise.resolve(window.katex);
+  if (katexLoadingPromise) return katexLoadingPromise;
+  katexLoadingPromise = new Promise((resolve, reject) => {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = KATEX_CDN_CSS;
+    document.head.appendChild(link);
+    const script = document.createElement('script');
+    script.src = KATEX_CDN_JS;
+    script.onload = () => resolve(window.katex);
+    script.onerror = () => reject(new Error('KaTeX CDN failed to load'));
+    document.head.appendChild(script);
+  });
+  return katexLoadingPromise;
+};
+
+export function LatexWidget({ state, setState }) {
+  const source = state.source ?? '';
+  const displayMode = state.displayMode ?? true;
+  const containerRef = useRef(null);
+  const [error, setError] = useState('');
+  const [katexReady, setKatexReady] = useState(!!window.katex);
+
+  useEffect(() => {
+    ensureKatex().then(() => setKatexReady(true)).catch(e => setError(e.message));
+  }, []);
+
+  useEffect(() => {
+    if (!katexReady || !containerRef.current) return;
+    try {
+      window.katex.render(source || '\\text{Type LaTeX above…}', containerRef.current, {
+        displayMode,
+        throwOnError: false,
+        errorColor: '#DC2626',
+      });
+      setError('');
+    } catch (e) {
+      setError(e.message);
+    }
+  }, [source, displayMode, katexReady]);
+
+  const insertSnippet = (snippet) => {
+    setState({ ...state, source: (source || '') + snippet });
+  };
+
+  const copyOut = () => {
+    navigator.clipboard?.writeText(source);
+    fireToast('LaTeX copied');
+  };
+
+  return (
+    <>
+      <textarea
+        className="textarea"
+        placeholder="\frac{1}{n}\sum_{i=1}^{n} x_i"
+        style={{ minHeight: 70, fontFamily: 'var(--canvas-mono)', fontSize: 12.5 }}
+        value={source}
+        onChange={e => setState({ ...state, source: e.target.value })}
+      />
+      <div style={{ display: 'flex', gap: 4, alignItems: 'center', flexWrap: 'wrap', fontSize: 11 }}>
+        <span style={{ color: 'var(--canvas-text-4)', fontFamily: 'var(--canvas-mono)' }}>insert:</span>
+        {[
+          ['frac', '\\frac{a}{b}'],
+          ['sum', '\\sum_{i=1}^{n}'],
+          ['int', '\\int_{a}^{b}'],
+          ['sqrt', '\\sqrt{x}'],
+          ['vec', '\\vec{x}'],
+          ['α', '\\alpha'],
+          ['β', '\\beta'],
+          ['Σ', '\\Sigma'],
+        ].map(([label, snip]) => (
+          <button key={label} className="chip" onClick={() => insertSnippet(snip)}>{label}</button>
+        ))}
+        <span style={{ flex: 1 }}/>
+        <button className="chip" onClick={() => setState({ ...state, displayMode: !displayMode })}>
+          {displayMode ? 'inline' : 'display'}
+        </button>
+        <button className="icon-btn" style={{ width: 22, height: 22 }} onClick={copyOut} title="Copy LaTeX source">
+          <Icon name="copy" size={11}/>
+        </button>
+      </div>
+      <div
+        style={{
+          background: 'var(--canvas-bg-2)',
+          border: '1px solid var(--canvas-border)',
+          borderRadius: 7,
+          padding: 14,
+          minHeight: 60,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          color: 'var(--canvas-text)',
+          overflowX: 'auto',
+        }}
+      >
+        {!katexReady && !error && <span className="spinner"/>}
+        {error && <span style={{ fontSize: 11, color: 'var(--canvas-danger)', fontFamily: 'var(--canvas-mono)' }}>{error}</span>}
+        <div ref={containerRef} style={{ width: '100%', textAlign: 'center' }}/>
+      </div>
+    </>
+  );
+}
+
+// ===== Calendar — month grid with deadlines (red) and writing days (green) =====
+export function CalendarWidget({ state, setState, allStates = {} }) {
+  const monthStr = state.viewMonth || new Date().toISOString().slice(0, 7);
+  const [year, month] = monthStr.split('-').map(Number);
+  const first = new Date(year, month - 1, 1);
+  const startWeekday = first.getDay(); // Sunday-indexed
+  const daysInMonth = new Date(year, month, 0).getDate();
+
+  // Source data from cross-widget state
+  const deadlines = (allStates.deadlines || []).reduce((m, d) => {
+    const k = d.date.slice(0, 10);
+    (m[k] ||= []).push({ kind: 'deadline', ...d });
+    return m;
+  }, {});
+  const writing = ((allStates.writing && allStates.writing.dailyTotals) || {});
+  const kanbanCards = (allStates.kanban && allStates.kanban.cards) || [];
+
+  const cells = [];
+  for (let i = 0; i < startWeekday; i++) cells.push(null);
+  for (let d = 1; d <= daysInMonth; d++) {
+    const dateStr = `${year}-${String(month).padStart(2, '0')}-${String(d).padStart(2, '0')}`;
+    cells.push({ d, dateStr });
+  }
+  while (cells.length % 7) cells.push(null);
+
+  const shiftMonth = (delta) => {
+    const next = new Date(year, month - 1 + delta, 1);
+    setState({ ...state, viewMonth: next.toISOString().slice(0, 7) });
+  };
+  const monthLabel = first.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });
+  const today = new Date().toISOString().slice(0, 10);
+
+  const goToToday = () => setState({ ...state, viewMonth: new Date().toISOString().slice(0, 7) });
+  const isCurrentMonth = monthStr === new Date().toISOString().slice(0, 7);
+
+  return (
+    <>
+      <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
+        <button className="icon-btn" onClick={() => shiftMonth(-1)} title="Previous month"><Icon name="chevron" size={14} style={{ transform: 'rotate(180deg)' }}/></button>
+        <div style={{ flex: 1, fontWeight: 600, fontSize: 13 }}>{monthLabel}</div>
+        {!isCurrentMonth && (
+          <button className="chip" onClick={goToToday} title="Jump to today" style={{ fontSize: 10.5 }}>Today</button>
+        )}
+        <button className="icon-btn" onClick={() => shiftMonth(1)} title="Next month"><Icon name="chevron" size={14}/></button>
+      </div>
+      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 3, fontSize: 10, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.06em', textAlign: 'center', fontFamily: 'var(--canvas-mono)' }}>
+        {['S', 'M', 'T', 'W', 'T', 'F', 'S'].map((d, i) => <div key={i}>{d}</div>)}
+      </div>
+      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 3 }}>
+        {cells.map((c, i) => {
+          if (!c) return <div key={i} style={{ aspectRatio: '1' }}/>;
+          const dls = deadlines[c.dateStr] || [];
+          const words = writing[c.dateStr] || 0;
+          const dueCards = kanbanCards.filter(card => (card.meta || '').includes(c.dateStr));
+          const isToday = c.dateStr === today;
+          return (
+            <div key={i}
+              title={[
+                ...dls.map(d => `Deadline: ${d.title}`),
+                ...(words ? [`${words} words written`] : []),
+                ...dueCards.map(d => `Task: ${d.title}`),
+              ].join('\n') || c.dateStr}
+              style={{
+                aspectRatio: '1',
+                border: `1px solid ${isToday ? 'var(--canvas-accent)' : 'var(--canvas-border)'}`,
+                background: isToday ? 'var(--canvas-accent-glow)' : 'var(--canvas-bg-2)',
+                borderRadius: 4,
+                padding: 3,
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 1,
+                fontSize: 10,
+                position: 'relative',
+              }}
+            >
+              <span style={{ fontFamily: 'var(--canvas-mono)', color: isToday ? 'var(--canvas-accent)' : 'var(--canvas-text-2)', fontWeight: isToday ? 700 : 500 }}>
+                {c.d}
+              </span>
+              <div style={{ display: 'flex', gap: 2, flexWrap: 'wrap', marginTop: 'auto' }}>
+                {dls.length > 0 && <span style={{ width: 5, height: 5, borderRadius: '50%', background: 'var(--canvas-danger)' }}/>}
+                {words > 0 && <span style={{ width: 5, height: 5, borderRadius: '50%', background: 'var(--canvas-ok)' }}/>}
+                {dueCards.length > 0 && <span style={{ width: 5, height: 5, borderRadius: '50%', background: 'var(--canvas-warn)' }}/>}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+      <div style={{ display: 'flex', gap: 12, fontSize: 10, color: 'var(--canvas-text-3)', flexWrap: 'wrap' }}>
+        <span><span style={{ display: 'inline-block', width: 6, height: 6, borderRadius: '50%', background: 'var(--canvas-danger)', marginRight: 4 }}/>Deadlines</span>
+        <span><span style={{ display: 'inline-block', width: 6, height: 6, borderRadius: '50%', background: 'var(--canvas-ok)', marginRight: 4 }}/>Writing</span>
+        <span><span style={{ display: 'inline-block', width: 6, height: 6, borderRadius: '50%', background: 'var(--canvas-warn)', marginRight: 4 }}/>Tasks</span>
+      </div>
+    </>
+  );
+}
+
+// ===== Activity Feed — surfaces recent edits across all widgets =====
+// Activity entries are written by other widgets via window.dispatchEvent('canvas-activity').
+// We persist a rolling buffer of the last 100 events in this widget's own state.
+export function ActivityWidget({ state, setState }) {
+  const events = state.events || [];
+  useEffect(() => {
+    const handler = (e) => {
+      const entry = { id: 'a' + Date.now() + Math.random(), at: Date.now(), ...e.detail };
+      setState(prev => {
+        const next = { ...(prev || {}), events: [entry, ...((prev && prev.events) || [])].slice(0, 100) };
+        return next;
+      });
+    };
+    window.addEventListener('canvas-activity', handler);
+    return () => window.removeEventListener('canvas-activity', handler);
+    // setState ref is stable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const fmt = (t) => {
+    const d = Date.now() - t;
+    if (d < 60_000) return 'just now';
+    if (d < 3600_000) return Math.floor(d / 60_000) + 'm ago';
+    if (d < 86400_000) return Math.floor(d / 3600_000) + 'h ago';
+    return Math.floor(d / 86400_000) + 'd ago';
+  };
+
+  return (
+    <>
+      <div className="note-list">
+        {events.length === 0 && (
+          <EmptyState icon="graph" title="No activity yet" hint="Edits across your widgets will show up here as you work."/>
+        )}
+        {events.map(e => (
+          <div key={e.id} className="note-row" style={{ padding: '7px 9px' }}>
+            <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
+              <span className="tag-pill">{e.source}</span>
+              <span style={{ fontSize: 12, flex: 1 }}>{e.msg}</span>
+              <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 10, color: 'var(--canvas-text-3)' }}>{fmt(e.at)}</span>
+            </div>
+          </div>
+        ))}
+      </div>
+      {events.length > 0 && (
+        <button className="add-tiny" onClick={() => setState({ ...state, events: [] })}>Clear feed</button>
+      )}
+    </>
+  );
+}
+
+// ===== Daily Documenter — date-stamped journal with stub AI weekly summary =====
+export function DocumenterWidget({ state, setState }) {
+  const entries = state.entries || [];
+  const [draft, setDraft] = useState('');
+  const today = new Date().toISOString().slice(0, 10);
+  const [generating, setGenerating] = useState(false);
+
+  const append = () => {
+    if (!draft.trim()) return;
+    const entry = { id: 'doc' + Date.now(), date: today, text: draft.trim(), at: Date.now() };
+    setState({ ...state, entries: [entry, ...entries] });
+    setDraft('');
+    window.dispatchEvent(new CustomEvent('canvas-activity', {
+      detail: { source: 'Documenter', msg: `Logged: ${draft.trim().slice(0, 50)}…` },
+    }));
+    fireToast('Entry saved');
+  };
+
+  const remove = (id) => setState({ ...state, entries: entries.filter(e => e.id !== id) });
+
+  // TODO(LLM): wire to /api/summarize-week with last 7 days of entries.
+  // Backend call shape (commented because endpoint isn't ready):
+  // const generateSummary = async () => {
+  //   const last7 = entries.filter(e => Date.now() - e.at < 7*86400_000);
+  //   const res = await fetch(`${process.env.REACT_APP_API_URL}/api/canvas/summarize`, {
+  //     method: 'POST',
+  //     body: JSON.stringify({ entries: last7 }),
+  //   });
+  //   const { summary } = await res.json();
+  //   setState({ ...state, lastSummary: { at: Date.now(), text: summary } });
+  // };
+  const generateSummary = () => {
+    // Stub: echo back a structured summary built from the local entries so the UI
+    // shape is real even though no LLM is hooked up yet.
+    setGenerating(true);
+    setTimeout(() => {
+      const last7 = entries.filter(e => Date.now() - e.at < 7 * 86400_000);
+      const text = last7.length === 0
+        ? 'No entries in the last 7 days.'
+        : `**This week** · ${last7.length} entries logged.\n\n` +
+          '_LLM summary will replace this once the backend endpoint is wired._\n\n' +
+          last7.slice(0, 3).map(e => `- ${e.date}: ${e.text.slice(0, 80)}${e.text.length > 80 ? '…' : ''}`).join('\n');
+      setState({ ...state, lastSummary: { at: Date.now(), text } });
+      setGenerating(false);
+      fireToast('Weekly summary generated (stub)');
+    }, 600);
+  };
+
+  // Group entries by date
+  const grouped = entries.reduce((m, e) => { (m[e.date] ||= []).push(e); return m; }, {});
+  const dates = Object.keys(grouped).sort().reverse();
+
+  return (
+    <>
+      <div className="form-grid">
+        <textarea
+          className="textarea"
+          placeholder={`What did you do today? (${today})`}
+          rows={3}
+          style={{ minHeight: 50, fontSize: 12.5 }}
+          value={draft}
+          onChange={e => setDraft(e.target.value)}
+          onKeyDown={e => { if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) append(); }}
+        />
+        <div style={{ display: 'flex', gap: 6 }}>
+          <button className="btn btn-primary" onClick={append} disabled={!draft.trim()}>
+            <Icon name="plus" size={13}/>Log entry
+          </button>
+          <button className="btn" onClick={generateSummary} disabled={entries.length === 0 || generating}>
+            {generating ? <><div className="spinner"/>Summarizing</> : <><Icon name="sparkles" size={13}/>Weekly summary</>}
+          </button>
+        </div>
+      </div>
+      {state.lastSummary && (
+        <div className="review" style={{ borderLeftColor: 'var(--canvas-accent)' }}>
+          <span className="review-tag" style={{ color: 'var(--canvas-accent)' }}>
+            Generated {new Date(state.lastSummary.at).toLocaleString()} · stub
+          </span>
+          <div className="canvas-md">
+            <ReactMarkdown remarkPlugins={[remarkGfm]}>{state.lastSummary.text}</ReactMarkdown>
+          </div>
+        </div>
+      )}
+      <div className="note-list" style={{ maxHeight: 260 }}>
+        {dates.map(date => (
+          <div key={date}>
+            <div style={{ fontSize: 10, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, fontFamily: 'var(--canvas-mono)', padding: '6px 2px 2px' }}>
+              {new Date(date).toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })}
+            </div>
+            {grouped[date].map(e => (
+              <div key={e.id} className="note-row" style={{ position: 'relative' }}>
+                <div className="note-text">{e.text}</div>
+                <div className="row-actions">
+                  <button className="icon-btn" onClick={() => remove(e.id)}><Icon name="trash" size={11}/></button>
+                </div>
+              </div>
+            ))}
+          </div>
+        ))}
+        {entries.length === 0 && (
+          <EmptyState icon="pencil" title="No entries yet" hint={`Drop a line about today. Hit ${MOD}+↵ to log it. Tap Weekly summary anytime.`}/>
+        )}
+      </div>
+    </>
+  );
+}
+
+// ===== Security Program Roadmap — standard milestones with status + notes =====
+// Assessment → hardening → detection → audit → steady state. Each milestone
+// has a status (open/in-progress/completed) and an inline note.
+const PHD_MILESTONES = [
+  { id: 'inventory', label: 'Asset & data inventory', hint: 'You cannot protect what you have not listed. Include SaaS and shadow IT.' },
+  { id: 'risk-assessment', label: 'Initial risk assessment', hint: 'Rank by business impact, not by what is technically interesting.' },
+  { id: 'quick-wins', label: 'Quick wins: MFA, backups, patching', hint: 'MFA everywhere practical, tested backups, patch cadence.' },
+  { id: 'policies', label: 'Core policies drafted', hint: 'Acceptable use, access control, incident response. Short beats perfect.' },
+  { id: 'access-review', label: 'Access & privilege review', hint: 'Least privilege, offboarding checklist, service-account cleanup.' },
+  { id: 'logging', label: 'Logging & detection baseline', hint: 'Get the logs flowing first; tune alerts second.' },
+  { id: 'ir-plan', label: 'Incident response plan & contacts', hint: 'Who calls whom at 2am. Print it — the wiki may be down.' },
+  { id: 'training', label: 'Security awareness training', hint: 'Short, recurring, and phishing-focused beats annual marathon.' },
+  { id: 'tabletop', label: 'Tabletop exercise', hint: 'Run your IR plan against a ransomware scenario. Note the gaps.' },
+  { id: 'audit', label: 'Audit / assessment readiness', hint: 'Map controls to your framework; collect evidence as you go.' },
+  { id: 'review-cycle', label: 'Quarterly review cycle', hint: 'Risks, exceptions, metrics. Keep the panel honest.' },
+  { id: 'steady-state', label: 'Steady state & continuous improvement', hint: 'Security is a program, not a project.' },
+];
+
+export function PhdJourneyWidget({ state, setState }) {
+  const statuses = state.statuses || {};
+  const notes = state.notes || {};
+  const [editingId, setEditingId] = useState(null);
+  const completed = PHD_MILESTONES.filter(m => statuses[m.id] === 'completed').length;
+  const total = PHD_MILESTONES.length;
+  const pct = Math.round((completed / total) * 100);
+
+  const cycleStatus = (id) => {
+    const cur = statuses[id] || 'open';
+    const next = cur === 'open' ? 'in-progress' : cur === 'in-progress' ? 'completed' : 'open';
+    setState({ ...state, statuses: { ...statuses, [id]: next } });
+  };
+  const updateNote = (id, text) => setState({ ...state, notes: { ...notes, [id]: text } });
+
+  return (
+    <>
+      <div style={{ display: 'flex', alignItems: 'center', gap: 10, fontSize: 12, color: 'var(--canvas-text-2)' }}>
+        <span style={{ fontFamily: 'var(--canvas-mono)', fontWeight: 700, fontSize: 16, color: 'var(--canvas-text)' }}>
+          {completed}<span style={{ color: 'var(--canvas-text-3)', fontWeight: 500 }}>/{total}</span>
+        </span>
+        <div className="progress" style={{ flex: 1, height: 6 }}>
+          <i style={{ width: pct + '%' }}/>
+        </div>
+        <span style={{ fontFamily: 'var(--canvas-mono)', fontSize: 11, color: 'var(--canvas-text-3)' }}>{pct}%</span>
+      </div>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
+        {PHD_MILESTONES.map(m => {
+          const status = statuses[m.id] || 'open';
+          const note = notes[m.id] || '';
+          return (
+            <div key={m.id} className={`phd-milestone milestone-${status}`}>
+              <button
+                className="phd-milestone-check"
+                onClick={() => cycleStatus(m.id)}
+                title={`Status: ${status} (click to advance)`}
+              >
+                {status === 'completed' && <Icon name="check" size={11}/>}
+                {status === 'in-progress' && <span className="task-check-dot"/>}
+              </button>
+              <div className="phd-milestone-body" onClick={() => setEditingId(editingId === m.id ? null : m.id)}>
+                <div className="phd-milestone-label">{m.label}</div>
+                {(note || editingId === m.id) ? (
+                  editingId === m.id ? (
+                    <input
+                      className="inline-input"
+                      autoFocus
+                      defaultValue={note}
+                      placeholder={m.hint}
+                      onBlur={(e) => { updateNote(m.id, e.target.value); setEditingId(null); }}
+                      onKeyDown={(e) => { if (e.key === 'Enter') e.target.blur(); if (e.key === 'Escape') setEditingId(null); }}
+                      onClick={(e) => e.stopPropagation()}
+                      style={{ marginTop: 2, fontSize: 11.5 }}
+                    />
+                  ) : (
+                    <div className="phd-milestone-note">{note}</div>
+                  )
+                ) : (
+                  <div className="phd-milestone-hint">{m.hint}</div>
+                )}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </>
+  );
+}
+
+// ===== Security Resources — curated links + community references =====
+// Static curated list of useful security frameworks, tools, and training,
+// plus user-added links.
+const PHD_RESOURCE_GROUPS = [
+  {
+    label: 'Frameworks & guidance',
+    items: [
+      { name: 'NIST Cybersecurity Framework', href: 'https://www.nist.gov/cyberframework', desc: 'The reference framework for security programs' },
+      { name: 'CIS Critical Security Controls', href: 'https://www.cisecurity.org/controls', desc: 'Prioritized safeguards by implementation group' },
+      { name: 'OWASP Top 10', href: 'https://owasp.org/www-project-top-ten/', desc: 'Most critical web application risks' },
+      { name: 'MITRE ATT&CK', href: 'https://attack.mitre.org/', desc: 'Adversary tactics and techniques knowledge base' },
+      { name: 'CISA Known Exploited Vulnerabilities', href: 'https://www.cisa.gov/known-exploited-vulnerabilities-catalog', desc: 'Patch-first list of actively exploited CVEs' },
+    ],
+  },
+  {
+    label: 'Tools & practice',
+    items: [
+      { name: 'Have I Been Pwned', href: 'https://haveibeenpwned.com/', desc: 'Check accounts against known breaches' },
+      { name: 'Shodan', href: 'https://www.shodan.io/', desc: 'See what of yours is exposed to the internet' },
+      { name: 'TryHackMe', href: 'https://tryhackme.com/', desc: 'Guided hands-on security labs' },
+      { name: 'Security Headers', href: 'https://securityheaders.com/', desc: 'One-click scan of your site\u2019s HTTP headers' },
+    ],
+  },
+  {
+    label: 'Community & news',
+    items: [
+      { name: 'Krebs on Security', href: 'https://krebsonsecurity.com/', desc: 'Investigative security journalism' },
+      { name: 'SANS Internet Storm Center', href: 'https://isc.sans.edu/', desc: 'Daily threat diaries and handler notes' },
+      { name: 'r/cybersecurity', href: 'https://www.reddit.com/r/cybersecurity/', desc: 'Practitioner discussion and career advice' },
+    ],
+  },
+];
+
+export function PhdResourcesWidget({ state, setState }) {
+  const customLinks = state.customLinks || [];
+  const [name, setName] = useState('');
+  const [href, setHref] = useState('');
+
+  const addLink = () => {
+    if (!name.trim() || !href.trim()) return;
+    setState({ ...state, customLinks: [...customLinks, { id: 'r' + Date.now(), name: name.trim(), href: href.trim() }] });
+    setName(''); setHref('');
+    fireToast('Resource added');
+  };
+  const removeLink = (id) => setState({ ...state, customLinks: customLinks.filter(l => l.id !== id) });
+
+  return (
+    <>
+      {PHD_RESOURCE_GROUPS.map(g => (
+        <div key={g.label}>
+          <div style={{ fontSize: 10, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginBottom: 6 }}>
+            {g.label}
+          </div>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 4, marginBottom: 10 }}>
+            {g.items.map(it => (
+              <a key={it.name} href={it.href} target="_blank" rel="noopener noreferrer" className="phd-resource-link">
+                <span className="phd-resource-name">{it.name}</span>
+                <span className="phd-resource-desc">{it.desc}</span>
+              </a>
+            ))}
+          </div>
+        </div>
+      ))}
+      {customLinks.length > 0 && (
+        <div>
+          <div style={{ fontSize: 10, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600, marginBottom: 6 }}>
+            Your links
+          </div>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 4, marginBottom: 10 }}>
+            {customLinks.map(l => (
+              <div key={l.id} className="phd-resource-link" style={{ position: 'relative' }}>
+                <a href={l.href} target="_blank" rel="noopener noreferrer" style={{ display: 'flex', flexDirection: 'column', flex: 1, textDecoration: 'none', color: 'inherit' }}>
+                  <span className="phd-resource-name">{l.name}</span>
+                  <span className="phd-resource-desc">{l.href}</span>
+                </a>
+                <button className="icon-btn" onClick={() => removeLink(l.id)} style={{ position: 'absolute', right: 4, top: 4, width: 20, height: 20 }}>
+                  <Icon name="x" size={11}/>
+                </button>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+      <div style={{ display: 'flex', gap: 4 }}>
+        <input className="input" placeholder="Resource name" value={name} onChange={e => setName(e.target.value)} style={{ fontSize: 12, padding: '5px 8px' }}/>
+        <input className="input" placeholder="https://…" value={href} onChange={e => setHref(e.target.value)} style={{ fontSize: 12, padding: '5px 8px', flex: 2 }}/>
+        <button className="btn" onClick={addLink} disabled={!name.trim() || !href.trim()}>
+          <Icon name="plus" size={12}/>Add
+        </button>
+      </div>
+    </>
+  );
+}
+
+// ===== Stub — roadmap preview card =====
+// Shows what's coming for this widget type so adding it from the palette
+// doesn't feel like a dead end.
+const STUB_PLANS = {};
+
+export function StubWidget({ meta }) {
+  const plan = STUB_PLANS[meta.type] || [];
+  return (
+    <div className="widget-stub">
+      <div className="widget-stub-icon"><Icon name={meta.icon} size={18}/></div>
+      <div className="widget-stub-tag">Coming soon</div>
+      <div className="widget-stub-title">{meta.name}</div>
+      <div className="widget-stub-desc">{meta.desc}</div>
+      {plan.length > 0 && (
+        <ul className="widget-stub-plan">
+          {plan.map((p, i) => <li key={i}>{p}</li>)}
+        </ul>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/canvas/canvasData.js b/frontend/src/components/canvas/canvasData.js
new file mode 100644
index 0000000000000000000000000000000000000000..7a1caa9f1d1ae7f198be366624dc9200d8519539
--- /dev/null
+++ b/frontend/src/components/canvas/canvasData.js
@@ -0,0 +1,279 @@
+// Demo data for a security program lead preparing for a SOC 2 audit.
+
+export const DEMO_PROJECT = {
+  title: "Zero Trust Rollout — Production SaaS",
+  meta: "Security Engineer · Q2 audit prep",
+};
+
+export const INSIGHTS = [
+  {
+    id: 'i-progress',
+    title: 'Program progress',
+    icon: 'graph',
+    category: 'progress',
+    confidence: 82,
+    summary: 'Zero Trust Phase 2 is 78% complete. MFA enforced for workforce; service accounts and legacy VPN exceptions remain the main gaps before audit sampling.',
+    bullets: [
+      'Identity: <strong>MFA 94%</strong> workforce · service accounts in remediation',
+      'Network: micro-segmentation pilot on <strong>3 app tiers</strong>',
+      '<strong>Risk:</strong> 12 VPN exceptions still lack compensating controls',
+    ],
+    pinned: true,
+    sources: 18,
+    updatedMinutesAgo: 5,
+    quotes: [
+      '"MFA rollout blocked on two legacy HR integrations." — IAM workstream notes',
+      '"Auditors will sample VPN exception register first." — GRC advisor chat',
+    ],
+  },
+  {
+    id: 'i-method',
+    title: 'Controls posture',
+    icon: 'flask',
+    category: 'theory',
+    confidence: 71,
+    summary: 'SOC 2 CC6/CC7 mappings are drafted. Detection use cases cover ransomware and cred theft; log retention and IR tabletop evidence are still thin.',
+    bullets: [
+      'Mapped: <strong>CC6.1–CC6.7</strong> access controls with Okta + AWS',
+      'Open: centralized logging retention proof for <strong>365 days</strong>',
+      'Open: tabletop scenario for <strong>ransomware + exfil</strong> not yet run',
+    ],
+    sources: 14,
+    updatedMinutesAgo: 14,
+    quotes: [
+      '"Need SIEM retention screenshots before fieldwork." — compliance advisor',
+      '"Tabletop scheduled but not executed." — IR lead notes',
+    ],
+  },
+  {
+    id: 'i-lit',
+    title: 'Threat landscape',
+    icon: 'book',
+    category: 'literature',
+    confidence: 76,
+    summary: 'Strong coverage of identity attacks, SaaS misconfigurations, and supply-chain risks for your stack. Weaker on OT exposure and insider threat playbooks.',
+    bullets: [
+      '<strong>Coverage:</strong> MITRE techniques for cloud identity & SaaS',
+      '<strong>Gap:</strong> limited intel on <strong>OAuth consent phishing</strong> variants',
+      '<strong>Gap:</strong> no formal insider-threat escalation path documented',
+    ],
+    sources: 32,
+    updatedMinutesAgo: 28,
+    quotes: [
+      '"OAuth abuse is the fastest-moving thread in your sector." — threat intel advisor',
+      '"Insider playbook is a one-pager — not enough for audit." — GRC advisor',
+    ],
+  },
+  {
+    id: 'i-questions',
+    title: 'Open security questions',
+    icon: 'sparkles',
+    category: 'theory',
+    confidence: 63,
+    summary: 'Three live threads. Q1 (scope of zero trust for contractors) gates architecture sign-off. Q2–Q3 affect detection engineering priorities.',
+    bullets: [
+      '<strong>Q1:</strong> Do contractors get full ZTNA or bastion-only access?',
+      '<strong>Q2:</strong> Which SIEM detections are in-scope for SOC 2 evidence?',
+      '<strong>Q3:</strong> Is customer data in EU regions in scope for DPA addendum?',
+    ],
+    sources: 9,
+    updatedMinutesAgo: 41,
+    quotes: [
+      '"Contractor access model blocks network design." — architect advisor',
+      '"EU data residency may expand audit scope." — privacy advisor',
+    ],
+  },
+  {
+    id: 'i-next',
+    title: 'Next steps',
+    icon: 'arrow',
+    category: 'action',
+    confidence: 85,
+    summary: 'Near-term actions tied to audit date and production cutover. Two items have slipped one sprint.',
+    bullets: [
+      'Close <strong>12 VPN exceptions</strong> or document compensating controls',
+      'Run ransomware tabletop & upload minutes to evidence locker',
+      'Ship <strong>5 high-fidelity detections</strong> to production SIEM',
+      'Finalize vendor SOC 2 bridge letter for subprocessors',
+    ],
+    sources: 7,
+    updatedMinutesAgo: 9,
+    quotes: [
+      '"VPN exceptions are the #1 audit finding risk." — GRC advisor',
+      '"Detections without tuning will false-positive in week one." — SOC advisor',
+    ],
+  },
+  {
+    id: 'i-blockers',
+    title: 'Blockers & risks',
+    icon: 'alert',
+    category: 'risk',
+    confidence: 74,
+    summary: 'One technical blocker (legacy logging), one governance blocker (exception approvals). Governance is the higher audit risk.',
+    bullets: [
+      '<strong>Technical:</strong> legacy app logs not reaching SIEM — 18% of prod traffic',
+      '<strong>Governance:</strong> exception approval SLA &gt; 10 days — auditors will flag',
+    ],
+    sources: 6,
+    updatedMinutesAgo: 20,
+    quotes: [
+      '"Without those logs you cannot prove detective controls." — detection engineer',
+      '"Exception backlog reads as control failure." — devil\'s advocate advisor',
+    ],
+  },
+];
+
+export const WIDGET_CATALOG = [
+  { type: 'reading-queue', name: 'Reading Queue', desc: 'Advisories, breach write-ups, and reports to work through', icon: 'list', cat: 'research', defaultSize: 'S', enhanced: true },
+  { type: 'notes', name: 'Note Inbox', desc: 'Markdown security notes with full-text search', icon: 'notes', cat: 'research', defaultSize: 'S', enhanced: true },
+  { type: 'highlights', name: 'Highlights & Quotes', desc: 'Key excerpts from reports and advisories, with source', icon: 'cite', cat: 'research', defaultSize: 'M', enhanced: true },
+  { type: 'phd-resources', name: 'Security Resources', desc: 'Frameworks, tools, training, and community references', icon: 'star', cat: 'research', defaultSize: 'M', enhanced: true },
+
+  { type: 'writing', name: 'Doc Drafting', desc: 'Draft policies, runbooks, and reports; 28-day writing heatmap', icon: 'pencil', cat: 'writing', defaultSize: 'M', enhanced: true },
+  { type: 'outline', name: 'Outline Builder', desc: 'Structure a policy, report, or runbook before drafting', icon: 'list', cat: 'writing', defaultSize: 'M', enhanced: true },
+
+  { type: 'kanban', name: 'Task Board', desc: 'Remediation and project tasks with priority filters', icon: 'kanban', cat: 'project', defaultSize: 'L', enhanced: true },
+  { type: 'deadlines', name: 'Deadlines', desc: 'Audit dates, cert renewals, patch windows — with .ics export', icon: 'calendar', cat: 'project', defaultSize: 'S', enhanced: true },
+  { type: 'pomodoro', name: 'Pomodoro', desc: 'Real timer with break cycle and session counter', icon: 'timer', cat: 'project', defaultSize: 'S', enhanced: true },
+  { type: 'meeting-log', name: 'Meeting Log', desc: 'Per-stakeholder contact history and action items', icon: 'message', cat: 'project', defaultSize: 'M' },
+  { type: 'goals', name: 'Goals / OKRs', desc: 'Quarterly security milestones with progress sliders', icon: 'bullseye', cat: 'project', defaultSize: 'M' },
+  { type: 'calendar', name: 'Calendar', desc: 'Month grid with deadlines and work days', icon: 'calendar', cat: 'project', defaultSize: 'M', enhanced: true },
+  { type: 'activity', name: 'Activity Feed', desc: 'Chronological log of edits across widgets', icon: 'graph', cat: 'project', defaultSize: 'M', enhanced: true },
+  { type: 'documenter', name: 'Daily Documenter', desc: 'Date-stamped work journal with weekly summary', icon: 'pencil', cat: 'project', defaultSize: 'M', enhanced: true },
+  { type: 'phd-journey', name: 'Security Program Roadmap', desc: 'Milestones from assessment → hardening → audit → steady state', icon: 'flag', cat: 'project', defaultSize: 'M', enhanced: true },
+
+  { type: 'habits', name: 'Habit Tracker', desc: 'Daily security practices — reviews, backups, alert triage', icon: 'flame', cat: 'wellness', defaultSize: 'S' },
+
+  { type: 'budget', name: 'Budget Tracker', desc: 'Security spend vs. cap — tools, training, services', icon: 'wallet', cat: 'practical', defaultSize: 'S' },
+
+  { type: 'reviewer-2', name: 'Red Team Reviewer', desc: 'Paste a draft policy or plan → adversarial critique', icon: 'gavel', cat: 'critic', defaultSize: 'M', critic: true },
+  { type: 'devils-advocate', name: 'Devil\'s Advocate', desc: 'Strongest counter-arguments to your security plan', icon: 'scale', cat: 'critic', defaultSize: 'M', critic: true },
+  { type: 'scope-realism', name: 'Scope Realism Check', desc: 'Blunt feasibility verdict for your rollout timeline', icon: 'bullseye', cat: 'critic', defaultSize: 'M', critic: true },
+];
+
+export const CATEGORIES = [
+  { id: 'all', label: 'All' },
+  { id: 'research', label: 'Threat Intel' },
+  { id: 'writing', label: 'Docs & Policies' },
+  { id: 'project', label: 'Project' },
+  { id: 'wellness', label: 'Practice' },
+  { id: 'practical', label: 'Practical' },
+  { id: 'critic', label: 'Anti-yes-man', critic: true },
+];
+
+// Workspace starts empty — users add widgets from the palette or pick a preset.
+export const DEFAULT_LAYOUT = [];
+
+// Curated starter layouts. Each preset assigns its own widget IDs so reseeding
+// won't collide with manually-added widgets.
+const presetIds = (types) => types.map((t, i) => ({ id: `pre-${t.type}-${i}`, ...t }));
+export const WORKSPACE_PRESETS = [
+  {
+    id: 'day1-soc',
+    name: 'SOC Starter',
+    desc: 'Get oriented: reading queue, notes, deadlines, kanban, pomodoro.',
+    icon: 'sparkles',
+    layout: presetIds([
+      { type: 'reading-queue', size: 'M' },
+      { type: 'notes', size: 'M' },
+      { type: 'deadlines', size: 'S' },
+      { type: 'pomodoro', size: 'S' },
+      { type: 'kanban', size: 'L' },
+      { type: 'activity', size: 'M' },
+    ]),
+  },
+  {
+    id: 'writing-sprint',
+    name: 'Policy Sprint',
+    desc: 'Focus mode for drafting: doc pad, outline, highlights, pomodoro, red-team review.',
+    icon: 'pencil',
+    layout: presetIds([
+      { type: 'writing', size: 'M' },
+      { type: 'outline', size: 'M' },
+      { type: 'pomodoro', size: 'S' },
+      { type: 'highlights', size: 'M' },
+      { type: 'reviewer-2', size: 'M', critic: true },
+    ]),
+  },
+  {
+    id: 'audit-prep',
+    name: 'Audit Prep',
+    desc: 'Evidence-heavy: reading queue, notes, highlights, kanban, deadlines, goals.',
+    icon: 'book',
+    layout: presetIds([
+      { type: 'reading-queue', size: 'M' },
+      { type: 'notes', size: 'M' },
+      { type: 'highlights', size: 'M' },
+      { type: 'kanban', size: 'L' },
+      { type: 'deadlines', size: 'S' },
+      { type: 'goals', size: 'M' },
+    ]),
+  },
+  {
+    id: 'incident-mode',
+    name: 'Incident Mode',
+    desc: 'Active response: kanban, deadlines, meeting log, doc pad, challenge widgets.',
+    icon: 'gavel',
+    layout: presetIds([
+      { type: 'kanban', size: 'L' },
+      { type: 'deadlines', size: 'S' },
+      { type: 'meeting-log', size: 'M' },
+      { type: 'writing', size: 'M' },
+      { type: 'devils-advocate', size: 'M', critic: true },
+      { type: 'scope-realism', size: 'M', critic: true },
+    ]),
+  },
+];
+
+// Initial state when a widget is first added — minimal scaffolding, no demo content.
+export const EMPTY_STATE = {
+  bibliography: { format: 'APA', entries: [] },
+  kanban: {
+    cols: [
+      { id: 'todo', label: 'To Do' },
+      { id: 'doing', label: 'Doing' },
+      { id: 'stuck', label: 'Stuck' },
+      { id: 'done', label: 'Done' },
+    ],
+    cards: [],
+  },
+  pomodoro: { focus: 25, brk: 5, sessionsToday: 0 },
+  writing: {
+    chapters: [{ id: 'c-default', name: 'Untitled chapter', target: 500, draft: '' }],
+    activeChapterId: 'c-default',
+    dailyTotals: {},
+    target: 500,
+  },
+  deadlines: [],
+  budget: { cap: 1000, items: [] },
+  notes: { items: [] },
+  habits: { items: [] },
+  goals: { items: [] },
+  'meeting-log': { items: [] },
+  'reading-queue': [],
+  'reviewer-2': { lastDraft: '', lastReview: null },
+  'devils-advocate': { claim: '', counters: [] },
+  'scope-realism': {
+    target: '',
+    score: 0,
+    label: 'Set a target',
+    factors: [],
+    notes: '',
+  },
+  outline: { items: [], expanded: {} },
+  highlights: { items: [] },
+  latex: { source: '', displayMode: true },
+  calendar: { viewMonth: new Date().toISOString().slice(0, 7) },
+  activity: {},
+  documenter: { entries: [], lastSummary: null },
+  'phd-journey': {
+    // Status per milestone: 'open' | 'in-progress' | 'completed'
+    // Milestones come from the security program roadmap (assessment → steady state)
+    statuses: {},
+    notes: {},
+  },
+  'phd-resources': {
+    customLinks: [],
+  },
+};
+
diff --git a/frontend/src/components/canvas/platform.js b/frontend/src/components/canvas/platform.js
new file mode 100644
index 0000000000000000000000000000000000000000..499766c1efa18c6e2ce27a6b7575fc3f71c64cdf
--- /dev/null
+++ b/frontend/src/components/canvas/platform.js
@@ -0,0 +1,5 @@
+// Tiny helper so keyboard shortcut hints adapt to the user's OS.
+// Detect once at module load — we don't expect platform to change mid-session.
+const isMac = typeof navigator !== 'undefined' && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+export const MOD = isMac ? '⌘' : 'Ctrl';
+export const MOD_LABEL = isMac ? 'Cmd' : 'Ctrl';
diff --git a/frontend/src/contexts/AppConfigContext.js b/frontend/src/contexts/AppConfigContext.js
new file mode 100644
index 0000000000000000000000000000000000000000..ae5a8138db44c133dcc0d025eb529a2cf67619b3
--- /dev/null
+++ b/frontend/src/contexts/AppConfigContext.js
@@ -0,0 +1,194 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+import * as LucideIcons from 'lucide-react';
+
+const AppConfigContext = createContext(null);
+
+/**
+ * Resolve a Lucide icon name string (e.g. "BookOpen") to the actual React
+ * component.  Falls back to HelpCircle if the name isn't found.
+ */
+const resolveIcon = (iconName) => {
+  if (!iconName) return LucideIcons.User;
+  return LucideIcons[iconName] || LucideIcons.User;
+};
+
+/**
+ * Build the advisors lookup object (keyed by persona id) from the config
+ * personas array, mirroring the shape that components already expect.
+ */
+const buildAdvisors = (personaItems, overrides = {}) => {
+  if (!personaItems || !Array.isArray(personaItems)) return {};
+  const advisors = {};
+  for (const p of personaItems) {
+    const image = p.image || '';
+    const isIcon = image.startsWith('icon://');
+    const rawImageUrl = isIcon ? null : image || null;
+    const configImageUrl = rawImageUrl && rawImageUrl.startsWith('/')
+      ? `${process.env.REACT_APP_API_URL}${rawImageUrl}`
+      : rawImageUrl;
+
+    // Override takes precedence if the advisor has one set.
+    // Override = truthy URL → use it. Override = '' → force default icon.
+    // No override key → fall back to config image.
+    const hasOverride = Object.prototype.hasOwnProperty.call(overrides, p.id);
+    const overrideValue = overrides[p.id];
+    const avatarUrl = hasOverride ? (overrideValue || null) : configImageUrl;
+
+    advisors[p.id] = {
+      name: p.name,
+      role: p.role || '',
+      description: p.summary || '',
+      color: p.color || '#6B7280',
+      bgColor: p.bg_color || '#F3F4F6',
+      darkColor: p.dark_color || '#9CA3AF',
+      darkBgColor: p.dark_bg_color || '#374151',
+      icon: resolveIcon(isIcon ? image.replace('icon://', '') : null),
+      avatarUrl,
+    };
+  }
+  return advisors;
+};
+
+/**
+ * Derive theme-appropriate colors for a given advisor, identical to the
+ * previous `getAdvisorColors` helper.
+ */
+const buildGetAdvisorColors = (advisors) => (advisorId, isDark = false) => {
+  const advisor = advisors[advisorId];
+  if (!advisor) {
+    return isDark
+      ? { color: '#9CA3AF', bgColor: '#374151', textColor: '#F9FAFB' }
+      : { color: '#6B7280', bgColor: '#F3F4F6', textColor: '#111827' };
+  }
+  return {
+    color: isDark ? advisor.darkColor : advisor.color,
+    bgColor: isDark ? advisor.darkBgColor : advisor.bgColor,
+    textColor: isDark ? '#F9FAFB' : advisor.color,
+  };
+};
+
+export const useAppConfig = () => {
+  const ctx = useContext(AppConfigContext);
+  if (!ctx) {
+    throw new Error('useAppConfig must be used within an AppConfigProvider');
+  }
+  return ctx;
+};
+
+export const AppConfigProvider = ({ children }) => {
+  const [config, setConfig] = useState(null);
+  const [personaItems, setPersonaItems] = useState([]);
+  const [advisors, setAdvisors] = useState({});
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [avatarOverrides, setAvatarOverrides] = useState(() => {
+    try { return JSON.parse(localStorage.getItem('advisorAvatarOverrides') || '{}'); }
+    catch { return {}; }
+  });
+  const [myCustomAvatars, setMyCustomAvatars] = useState(() => {
+    try { return JSON.parse(localStorage.getItem('myCustomAvatars') || '[]'); }
+    catch { return []; }
+  });
+
+  useEffect(() => {
+    const fetchConfig = async () => {
+      try {
+        const response = await fetch(`${process.env.REACT_APP_API_URL}/api/config`);
+        if (!response.ok) throw new Error(`Config fetch failed: ${response.status}`);
+        const data = await response.json();
+        setConfig(data);
+        setPersonaItems(data.personas?.items || []);
+      } catch (err) {
+        console.error('Failed to load app config:', err);
+        setError(err.message);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchConfig();
+  }, []);
+
+  useEffect(() => {
+    setAdvisors(buildAdvisors(personaItems, avatarOverrides));
+  }, [personaItems, avatarOverrides]);
+
+  const setAdvisorAvatar = (advisorId, url) => {
+    const next = { ...avatarOverrides, [advisorId]: url };
+    setAvatarOverrides(next);
+    localStorage.setItem('advisorAvatarOverrides', JSON.stringify(next));
+  };
+
+  const addMyAvatar = (url) => {
+    if (myCustomAvatars.includes(url)) return;
+    const next = [url, ...myCustomAvatars];
+    setMyCustomAvatars(next);
+    localStorage.setItem('myCustomAvatars', JSON.stringify(next));
+  };
+
+  // Keep document title in sync; do not override theme accent tokens —
+  // cream/dark palettes live in components.css.
+  useEffect(() => {
+    if (config?.app?.title) {
+      document.title = config.app.title;
+    }
+  }, [config]);
+
+  const getAdvisorColors = buildGetAdvisorColors(advisors);
+  const allPersonas = advisors;
+  const getAllPersonaColors = getAdvisorColors;
+
+  const value = {
+    config,
+    advisors,
+    allPersonas,
+    getAdvisorColors,
+    getAllPersonaColors,
+    resolveIcon,
+    loading,
+    error,
+    setAdvisorAvatar,
+    addMyAvatar,
+    myCustomAvatars,
+  };
+
+  if (loading) {
+    return (
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100vh',
+        fontFamily: 'system-ui, sans-serif',
+        color: '#6B7280',
+      }}>
+        Loading configuration…
+      </div>
+    );
+  }
+
+  if (error && !config) {
+    return (
+      <div style={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100vh',
+        fontFamily: 'system-ui, sans-serif',
+        color: '#EF4444',
+        gap: '8px',
+      }}>
+        <p>Failed to load application configuration.</p>
+        <p style={{ fontSize: '14px', color: '#6B7280' }}>{error}</p>
+      </div>
+    );
+  }
+
+  return (
+    <AppConfigContext.Provider value={value}>
+      {children}
+    </AppConfigContext.Provider>
+  );
+};
+
+export default AppConfigContext;
diff --git a/frontend/src/contexts/ThemeContext.js b/frontend/src/contexts/ThemeContext.js
new file mode 100644
index 0000000000000000000000000000000000000000..0bca5803dc67ecf049e2db7b01cc0d88eb0d71c4
--- /dev/null
+++ b/frontend/src/contexts/ThemeContext.js
@@ -0,0 +1,85 @@
+import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+
+const ThemeContext = createContext();
+const THEME_KEY = 'theme';
+
+const getSystemTheme = () =>
+  (typeof window !== 'undefined' &&
+    window.matchMedia('(prefers-color-scheme: dark)').matches)
+    ? 'dark'
+    : 'light';
+
+const readPreference = () => {
+  try {
+    const saved = localStorage.getItem(THEME_KEY);
+    if (saved === 'light' || saved === 'dark' || saved === 'system') return saved;
+    // Legacy values or empty → System (follow OS)
+    if (saved === 'auto' || saved === 'default' || saved === '') return 'system';
+  } catch {
+    /* ignore */
+  }
+  return 'system';
+};
+
+export const useTheme = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+};
+
+export const ThemeProvider = ({ children }) => {
+  const [preference, setPreferenceState] = useState(readPreference);
+  const [systemTheme, setSystemTheme] = useState(getSystemTheme);
+
+  useEffect(() => {
+    const mq = window.matchMedia('(prefers-color-scheme: dark)');
+    const onChange = (e) => setSystemTheme(e.matches ? 'dark' : 'light');
+    mq.addEventListener('change', onChange);
+    setSystemTheme(mq.matches ? 'dark' : 'light');
+    return () => mq.removeEventListener('change', onChange);
+  }, []);
+
+  const theme = preference === 'system' ? systemTheme : preference;
+
+  useEffect(() => {
+    document.documentElement.setAttribute('data-theme', theme);
+  }, [theme]);
+
+  useEffect(() => {
+    try {
+      localStorage.setItem(THEME_KEY, preference);
+    } catch {
+      /* ignore */
+    }
+  }, [preference]);
+
+  const setThemePreference = useCallback((next) => {
+    if (next === 'light' || next === 'dark' || next === 'system') {
+      setPreferenceState(next);
+    }
+  }, []);
+
+  const toggleTheme = useCallback(() => {
+    setPreferenceState((prev) => {
+      const resolved = prev === 'system' ? getSystemTheme() : prev;
+      return resolved === 'light' ? 'dark' : 'light';
+    });
+  }, []);
+
+  const value = {
+    theme,
+    preference,
+    setThemePreference,
+    toggleTheme,
+    isLight: theme === 'light',
+    isDark: theme === 'dark',
+  };
+
+  return (
+    <ThemeContext.Provider value={value}>
+      {children}
+    </ThemeContext.Provider>
+  );
+};
diff --git a/frontend/src/data/advisors.js b/frontend/src/data/advisors.js
new file mode 100644
index 0000000000000000000000000000000000000000..0b5968d21bbba2c0402936032f03526b51804ab8
--- /dev/null
+++ b/frontend/src/data/advisors.js
@@ -0,0 +1,26 @@
+/**
+ * DEPRECATED — advisor data is now served dynamically by the backend
+ * via GET /api/config and consumed through AppConfigContext.
+ *
+ * Components should use:
+ *   const { advisors, getAdvisorColors, resolveIcon } = useAppConfig();
+ *
+ * This file is kept only for reference / backward-compatibility of any
+ * third-party code that may still import it.  The static data below is
+ * a snapshot of the PhD Advisory Panel defaults and will NOT be updated
+ * when config.yaml changes.
+ */
+
+// If you need advisor data in a non-React context, fetch /api/config
+// instead of importing from this file.
+
+export const advisors = {};
+export const getAdvisorColors = () => ({ color: '#6B7280', bgColor: '#F3F4F6', textColor: '#374151' });
+export const getAdvisorById = () => undefined;
+export const getAdvisorSpecialties = () => [];
+export const getAdvisorExpertise = () => ({});
+export const getDocumentHandlingInfo = () => 'Provides general guidance based on uploaded documents';
+export const getSampleQuestionsForDocuments = () => [];
+export const getAdvisorDocumentTypes = () => [];
+export const getAdvisorsList = () => [];
+export const getAdvisorIds = () => [];
diff --git a/frontend/src/data/userGuide.js b/frontend/src/data/userGuide.js
new file mode 100644
index 0000000000000000000000000000000000000000..26a7a95de7da2be95b76d8a687339c6a6c9331e1
--- /dev/null
+++ b/frontend/src/data/userGuide.js
@@ -0,0 +1,221 @@
+// User Guide content for Cybersecurity Advisor.
+// Placeholders {{appName}}, {{advisorCount}}, {{advisorList}} are replaced at render time.
+
+export const userGuideTopics = [
+  {
+    id: 'getting-started',
+    title: 'Getting Started',
+    icon: 'Sparkles',
+    content: `# Welcome to {{appName}}
+
+{{appName}} is your AI cybersecurity advisory panel. AI Jerry Huaute greets you like a real consultant, learns from what you say, and brings in specialized experts when needed.
+
+## Opening a conversation
+When you start a new chat, Jerry greets you with something like:
+
+> **"You've contacted me today — what is it that I can help you with in cybersecurity?"**
+
+## Intake chips
+Tap a starter chip to jump straight in, or choose **Something else…** to type free text:
+
+- **I think I've been hacked** — urgent personal or account compromise
+- **Prepare for an audit or review** — compliance, evidence, readiness
+- **Secure my business** — practical SMB priorities
+- **Grow my security career** — paths, certs, skills
+- **Something else…** — describe your need in your own words
+
+You don't need a long intake form. The panel learns as you talk.
+
+## First steps
+1. Open **Chat** (or start a new session from the sidebar pencil icon)
+2. Pick a chip or type your question
+3. Read Jerry's and the panel's replies
+4. Reply to a specific advisor when you want to go deeper
+
+## Need this guide again?
+Open it anytime via the **?** icon in the header.`,
+  },
+  {
+    id: 'advisors',
+    title: 'Your Advisors',
+    icon: 'Shield',
+    content: `# Your Advisors
+
+{{appName}} includes **{{advisorCount}}** specialized cybersecurity personas. **AI Jerry Huaute** is the lead advisor: he opens conversations, owns intake, and stays in the loop by default. Other experts join when your question needs their lens.
+
+## Available advisors
+{{advisorList}}
+
+## How the panel works
+- Jerry leads with practical, consultant-style guidance
+- The orchestrator ranks which experts should answer based on your question and profile
+- You may see multiple perspectives in one turn — use disagreement to stress-test decisions
+
+## Seeing who's available
+Use the **advisors** control in the chat header to review the full panel.`,
+  },
+  {
+    id: 'conversations',
+    title: 'Conversations & Replies',
+    icon: 'MessageCircle',
+    content: `# Conversations & Replies
+
+## Asking a question
+Type in the chat box at the bottom. Advisors respond with their unique angles. Sessions are saved automatically — find them in the sidebar search.
+
+## Replying to a specific advisor
+Click an advisor's response to **reply directly to them** and continue one-on-one.
+
+## Getting sharper answers
+- Name your role and environment (home user, SMB, cloud, regulated industry)
+- Paste logs, policy excerpts, or architecture notes when relevant
+- Say whether this is urgent (incident now) or planning (audit, program, career)
+
+## Sessions
+Every conversation is a session. Switch or start new chats with the sidebar pencil icon.`,
+  },
+  {
+    id: 'profile',
+    title: 'Your Profile',
+    icon: 'User',
+    content: `# Your Profile
+
+Open **Profile** from the user menu to see and edit what the app knows about you. Facts come from two sources and stay visible and editable.
+
+## Things you told us (stated)
+Information you provide explicitly — profile fields, onboarding choices, or clear statements in chat (for example, "I'm the IT manager at a 200-person clinic").
+
+## Things we noticed (inferred)
+After you message, the app may infer role, knowledge level, org type, urgency, tools, or goals. Inferred facts are labeled separately so you can trust and correct them.
+
+## What you can do
+- **Edit** any fact that looks wrong
+- **Confirm** an inferred fact to promote it to stated
+- **Delete** facts you don't want kept
+
+## Summaries
+The app builds short and long **user summaries** from your facts and recent chats. Advisors use these so guidance matches your maturity and context. Summaries refresh as conversations progress (and at the start of a new session).
+
+You don't have to fill a long form up front — talk normally, then refine Profile when you want.`,
+  },
+  {
+    id: 'journey',
+    title: 'Security Journey',
+    icon: 'Map',
+    content: `# Security Journey
+
+**Security Journey** is your progress path toward cybersecurity goals. Open it from the header or sidebar.
+
+## Pick a track
+Choose (or change) an active track:
+
+| Track | Best for |
+|---|---|
+| **ITIL Maturity Model** | Organizations maturing processes (Initial → Optimizing) |
+| **NIST CSF 2.0** | Govern / Identify / Protect / Detect / Respond / Recover |
+| **CIS Controls** | Concrete checklists (IG1 → IG3), especially SMB |
+| **Certification paths** | Security+, CySA+, CISSP, and similar milestones |
+| **Personal Digital Security** | Passwords, MFA, backups, devices, monitoring for individuals |
+| **Custom goal** | A goal you map with the panel (e.g. pass a review in Q4) |
+
+## Tracking progress
+- Headline progress shows your current level and overall %
+- Check items off as you complete them
+- Advisors may propose a check-off when a chat demonstrates readiness — you confirm
+
+Revisit Journey anytime to see how far you've come and what's next.`,
+  },
+  {
+    id: 'workspace-documents',
+    title: 'Workspace & Documents',
+    icon: 'LayoutDashboard',
+    content: `# Workspace & Documents
+
+Use the header tabs to move between Chat, Journey, **Workspace**, and **Documents**.
+
+## Workspace
+Your security operations dashboard. Add widgets for things like:
+
+- Incident checklists and IR actions
+- Risk register notes
+- Controls and deadlines
+- Policy drafts and reading queues
+
+Start empty or from a preset. Layout and widget state persist with your account. Open Workspace from the header **Workspace** tab.
+
+## Documents
+A place for deliverables and artifacts you create or keep — policies, evidence lists, board summaries, and related drafts. Export when you need a copy outside the app.
+
+Workspace is for interactive widgets; Documents is for lasting artifacts and drafts.`,
+  },
+  {
+    id: 'uploads-rag',
+    title: 'Uploads & RAG',
+    icon: 'Paperclip',
+    content: `# Uploads & RAG
+
+Attach reference files so advisors can cite **your** materials, not just general knowledge.
+
+## How to upload
+1. Click the paperclip in the chat input
+2. Select a PDF, Word, or text file
+3. Wait for processing
+4. Ask a question — relevant sections are retrieved via **RAG** (retrieval-augmented generation)
+
+## Good uploads
+- Incident reports and postmortems
+- Architecture notes (PDF export works well)
+- Policy drafts, audit findings, pen-test summaries
+- Security questionnaires you're answering
+
+View already-uploaded files from the documents control next to the input when files are attached to the session.`,
+  },
+  {
+    id: 'model-status',
+    title: 'Model Status',
+    icon: 'Activity',
+    content: `# Model Status
+
+Check which LLM providers and models are reachable right now.
+
+## Where to find it
+**Settings → Model Status** (also available from the user / provider menus).
+
+## What you'll see
+- Online, unavailable, or error status per model/provider
+- A **Refresh** control to re-probe without leaving the modal
+
+Secrets stay on the server — the status view only reports reachability. If a primary model is down, the app may use a fallback provider when configured.`,
+  },
+  {
+    id: 'tips',
+    title: 'Tips: Triage vs Advisory',
+    icon: 'Lightbulb',
+    content: `# Tips: Triage vs Advisory
+
+Match how you ask to what you need. The panel adapts urgency, depth, and which experts speak.
+
+## Triage (something is wrong *now*)
+Use when accounts, devices, or business systems may be compromised.
+
+- Lead with impact: "I think I've been hacked" / "ransomware on a file server"
+- Share what you already did (password changes, disconnecting, screenshots)
+- Expect first-steps checklists before deep profiling questions
+- Prefer **Incident Responder** replies; follow Jerry's immediate guidance
+
+## Advisory (you need a recommendation)
+Use for tools, architecture, policy, career, or "what should we do next?"
+
+- State goal and constraints (budget, timeline, skill level)
+- Mention org size and industry if relevant
+- Ask for options ranked by priority, not just a single answer
+
+## Program / Journey (long-term improvement)
+- Open **Security Journey** and pick ITIL, NIST, CIS, certs, Personal Digital Security, or a custom goal
+- Bring audit dates, current maturity, and target state into chat
+- Use Workspace widgets to keep checklists and registers visible between sessions
+
+## Theme
+Switch light/dark mode from the header toggle.`,
+  },
+];
diff --git a/frontend/src/index.css b/frontend/src/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..82b7f1affe480f3ee85a3c23a968ed2b64934069
--- /dev/null
+++ b/frontend/src/index.css
@@ -0,0 +1,13 @@
+/* Reset and base styles */
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
\ No newline at end of file
diff --git a/frontend/src/index.js b/frontend/src/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..d563c0fb10ba0e42724b21286eb546ee4e5734fc
--- /dev/null
+++ b/frontend/src/index.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();
diff --git a/frontend/src/pages/AuthPage.js b/frontend/src/pages/AuthPage.js
new file mode 100644
index 0000000000000000000000000000000000000000..6bbc04d77e2e034d2e15ef94e0fa5545ce78d051
--- /dev/null
+++ b/frontend/src/pages/AuthPage.js
@@ -0,0 +1,41 @@
+import React, { useState } from 'react';
+import Login from '../components/Login';
+import Signup from '../components/Signup';
+import GuestIntakeModal from '../components/GuestIntakeModal';
+
+const AuthPage = ({ onAuthSuccess }) => {
+  const [isLogin, setIsLogin] = useState(true);
+  const [showGuestIntake, setShowGuestIntake] = useState(false);
+
+  const handleNavigateToLogin = () => setIsLogin(true);
+  const handleNavigateToSignup = () => setIsLogin(false);
+
+  return (
+    <>
+      {isLogin ? (
+        <Login
+          onNavigateToSignup={handleNavigateToSignup}
+          onNavigateToHome={onAuthSuccess}
+          onExploreAsGuest={() => setShowGuestIntake(true)}
+        />
+      ) : (
+        <Signup
+          onNavigateToLogin={handleNavigateToLogin}
+          onNavigateToHome={onAuthSuccess}
+          onExploreAsGuest={() => setShowGuestIntake(true)}
+        />
+      )}
+      {showGuestIntake && (
+        <GuestIntakeModal
+          onClose={() => setShowGuestIntake(false)}
+          onSuccess={(user, token) => {
+            setShowGuestIntake(false);
+            onAuthSuccess(user, token);
+          }}
+        />
+      )}
+    </>
+  );
+};
+
+export default AuthPage;
diff --git a/frontend/src/pages/CanvasPage.js b/frontend/src/pages/CanvasPage.js
new file mode 100644
index 0000000000000000000000000000000000000000..ee11c6ead004b3e62054e793a94629ca4b68af1d
--- /dev/null
+++ b/frontend/src/pages/CanvasPage.js
@@ -0,0 +1,1227 @@
+import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
+import { HelpCircle } from 'lucide-react';
+import { useTheme } from '../contexts/ThemeContext';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import Sidebar from '../components/Sidebar';
+import AppHeader from '../components/AppHeader';
+import Icon from '../components/canvas/CanvasIcon';
+import {
+  INSIGHTS, WIDGET_CATALOG, DEFAULT_LAYOUT, EMPTY_STATE, WORKSPACE_PRESETS,
+} from '../components/canvas/canvasData';
+import {
+  BibliographyWidget, KanbanWidget, PomodoroWidget, WritingWidget,
+  DeadlinesWidget, BudgetWidget, ReadingQueueWidget, NotesWidget,
+  HabitsWidget, GoalsWidget, MeetingsWidget,
+  OutlineWidget, HighlightsWidget, LatexWidget,
+  CalendarWidget, DocumenterWidget, ActivityWidget,
+  PhdJourneyWidget, PhdResourcesWidget,
+  StubWidget,
+} from '../components/canvas/CanvasWidgets';
+import {
+  Reviewer2Widget, DevilsAdvocateWidget, ScopeRealismWidget,
+  ReviewerModal, DevilsModal, ScopeModal,
+} from '../components/canvas/CanvasCriticWidgets';
+import {
+  AddCitationModal, AddTaskModal, AddDeadlineModal, LogWordsModal,
+  ConfirmRemoveModal, ReadingPaperModal, BudgetItemModal,
+  NoteModal, HabitModal, GoalModal, MeetingModal,
+  PaletteModal, CommandPaletteModal, GlobalSearchModal,
+} from '../components/canvas/CanvasModals';
+import CanvasWelcomeTour from '../components/canvas/CanvasWelcomeTour';
+import DeliverablesView, { TEMPLATES as DELIVERABLE_TEMPLATES } from '../components/canvas/CanvasDeliverables';
+import { MOD } from '../components/canvas/platform';
+import AboutYouModal from '../components/AboutYouModal';
+import ClearDataModal from '../components/ClearDataModal';
+import SettingsModal from '../components/SettingsModal';
+import { fetchCanvas, saveWorkspace, debounce } from '../utils/canvasApi';
+import '../styles/CanvasPage.css';
+
+const LAYOUT_KEY = 'canvas-layout-v2';
+const STATES_KEY = 'canvas-states-v2';
+const VIEW_KEY = 'canvas-view-v2';
+
+function renderWidget(type, state, setState, openModal, allStates) {
+  const props = { state, setState, openModal, allStates };
+  switch (type) {
+    case 'bibliography': return <BibliographyWidget {...props}/>;
+    case 'kanban': return <KanbanWidget {...props}/>;
+    case 'pomodoro': return <PomodoroWidget {...props}/>;
+    case 'writing': return <WritingWidget {...props}/>;
+    case 'deadlines': return <DeadlinesWidget {...props}/>;
+    case 'budget': return <BudgetWidget {...props}/>;
+    case 'reading-queue': return <ReadingQueueWidget {...props}/>;
+    case 'notes': return <NotesWidget {...props}/>;
+    case 'habits': return <HabitsWidget {...props}/>;
+    case 'goals': return <GoalsWidget {...props}/>;
+    case 'meeting-log': return <MeetingsWidget {...props}/>;
+    case 'reviewer-2': return <Reviewer2Widget {...props}/>;
+    case 'devils-advocate': return <DevilsAdvocateWidget {...props}/>;
+    case 'scope-realism': return <ScopeRealismWidget {...props}/>;
+    case 'outline': return <OutlineWidget {...props}/>;
+    case 'highlights': return <HighlightsWidget {...props}/>;
+    case 'latex': return <LatexWidget {...props}/>;
+    case 'calendar': return <CalendarWidget {...props}/>;
+    case 'documenter': return <DocumenterWidget {...props}/>;
+    case 'activity': return <ActivityWidget {...props}/>;
+    case 'phd-journey': return <PhdJourneyWidget {...props}/>;
+    case 'phd-resources': return <PhdResourcesWidget {...props}/>;
+    default: {
+      const meta = WIDGET_CATALOG.find(w => w.type === type);
+      return <StubWidget meta={meta}/>;
+    }
+  }
+}
+
+function CanvasWidget({ widget, isDragging, isDragOver, onDragStart, onDragOver, onDragEnd, onDrop, state, setState, onRemove, onResize, openModal, allStates }) {
+  const meta = WIDGET_CATALOG.find(w => w.type === widget.type);
+  if (!meta) return null;
+  const sizes = ['S', 'M', 'L'];
+  const cycleSize = () => onResize(widget.id, sizes[(sizes.indexOf(widget.size) + 1) % sizes.length]);
+
+  return (
+    <div
+      className={`widget size-${widget.size} ${meta.critic ? 'critic' : ''} ${isDragging ? 'dragging' : ''} ${isDragOver ? 'drag-over' : ''}`}
+      data-widget-id={widget.id}
+      data-widget-type={widget.type}
+      onDragOver={(e) => { e.preventDefault(); onDragOver(widget.id); }}
+      onDrop={(e) => { e.preventDefault(); onDrop(widget.id); }}
+    >
+      <div
+        className="widget-head"
+        draggable
+        onDragStart={(e) => { onDragStart(widget.id); e.dataTransfer.effectAllowed = 'move'; }}
+        onDragEnd={onDragEnd}
+      >
+        <span className="drag-grip"><Icon name="grip" size={14}/></span>
+        <div className="widget-icon"><Icon name={meta.icon} size={14}/></div>
+        <div className="widget-title">{meta.name}</div>
+        {meta.critic && <span className="widget-tag">wedge</span>}
+        <span className="size-pill" onClick={cycleSize} title="Cycle size S → M → L">{widget.size}</span>
+        <div className="widget-actions">
+          <button className="icon-btn" onClick={() => onRemove(widget.id, meta.name)} title="Remove"><Icon name="trash" size={13}/></button>
+        </div>
+      </div>
+      <div className="widget-body">
+        {renderWidget(widget.type, state, setState, openModal, allStates)}
+      </div>
+    </div>
+  );
+}
+
+// ============================================================================
+// Insights view — AI-synthesized highlights with stats bar, filters, and
+// click-to-expand source quotes.
+// ============================================================================
+const INSIGHT_CATEGORIES = [
+  { id: 'all', label: 'All' },
+  { id: 'open', label: 'Open' },
+  { id: 'in-progress', label: 'In progress' },
+  { id: 'completed', label: 'Completed' },
+  { id: 'abandoned', label: 'Abandoned' },
+  { id: 'pinned', label: 'Pinned' },
+  { id: 'high', label: 'High confidence' },
+  { id: 'progress', label: 'Progress' },
+  { id: 'theory', label: 'Theory' },
+  { id: 'literature', label: 'Literature' },
+  { id: 'action', label: 'Actions' },
+  { id: 'risk', label: 'Risks' },
+];
+const CATEGORY_TINT = {
+  progress: 'rgba(16, 185, 129, 0.12)',
+  theory: 'rgba(99, 102, 241, 0.12)',
+  literature: 'rgba(245, 158, 11, 0.12)',
+  action: 'rgba(59, 130, 246, 0.12)',
+  risk: 'rgba(220, 38, 38, 0.12)',
+};
+const CATEGORY_FG = {
+  progress: '#10B981',
+  theory: '#818CF8',
+  literature: '#F59E0B',
+  action: '#3B82F6',
+  risk: '#DC2626',
+};
+const confidenceTier = (c) => c >= 75 ? 'high' : c >= 60 ? 'med' : 'low';
+
+// Task statuses live on each individual bullet within an insight, not on the
+// whole card — Daniel's feedback: "each card is a discrete task, not a set of tasks".
+const TASK_STATUSES = [
+  { id: 'open', label: 'Open', color: 'var(--canvas-text-3)', icon: 'sparkles' },
+  { id: 'in-progress', label: 'In progress', color: '#3B82F6', icon: 'graph' },
+  { id: 'completed', label: 'Completed', color: '#10B981', icon: 'check' },
+  { id: 'abandoned', label: 'Abandoned', color: 'var(--canvas-text-4)', icon: 'x' },
+];
+const TASK_STATUS_KEY = 'canvas-task-status-v1';
+const taskKey = (insId, idx) => `${insId}::${idx}`;
+
+function InsightsView({ widgetStates, setWidgetStates, onNavigateToChat }) {
+  const [pinned, setPinned] = useState(() => new Set(INSIGHTS.filter(i => i.pinned).map(i => i.id)));
+  const [taskStatuses, setTaskStatuses] = useState(() => {
+    try { return JSON.parse(localStorage.getItem(TASK_STATUS_KEY) || '{}'); } catch { return {}; }
+  });
+  const [filter, setFilter] = useState('all');
+  const [sortBy, setSortBy] = useState('confidence');
+  const [expanded, setExpanded] = useState(new Set());
+  const [refreshing, setRefreshing] = useState(false);
+  const [openStatusMenu, setOpenStatusMenu] = useState(null);
+  // 'cards' = current cards-of-tasks layout, 'tasks' = flat task list per Daniel's
+  // "Sections in sidebar, Tasks in the main view" suggestion.
+  const [viewMode, setViewMode] = useState(() => localStorage.getItem('canvas-insights-view') || 'cards');
+  useEffect(() => { localStorage.setItem('canvas-insights-view', viewMode); }, [viewMode]);
+
+  useEffect(() => {
+    localStorage.setItem(TASK_STATUS_KEY, JSON.stringify(taskStatuses));
+  }, [taskStatuses]);
+
+  const taskStatusOf = (insId, idx) => taskStatuses[taskKey(insId, idx)] || 'open';
+  const setTaskStatus = (insId, idx, status) => {
+    setTaskStatuses(prev => ({ ...prev, [taskKey(insId, idx)]: status }));
+    const lbl = TASK_STATUSES.find(s => s.id === status)?.label || status;
+    window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg: `Task marked ${lbl}`, kind: 'success' } }));
+  };
+
+  // Roll up to a card-level status: completed if all tasks done, abandoned if all abandoned,
+  // in-progress if any are in-progress, otherwise open.
+  const insightRollup = (ins) => {
+    const states = ins.bullets.map((_, idx) => taskStatusOf(ins.id, idx));
+    const total = states.length;
+    if (total === 0) return { state: 'open', done: 0, total: 0, pct: 0 };
+    const done = states.filter(s => s === 'completed').length;
+    const inProg = states.filter(s => s === 'in-progress').length;
+    const abandoned = states.filter(s => s === 'abandoned').length;
+    let state = 'open';
+    if (done === total) state = 'completed';
+    else if (abandoned === total) state = 'abandoned';
+    else if (inProg > 0 || done > 0) state = 'in-progress';
+    return { state, done, total, inProg, abandoned, pct: Math.round((done / total) * 100) };
+  };
+
+  const togglePin = (id) => {
+    setPinned(prev => {
+      const n = new Set(prev);
+      if (n.has(id)) n.delete(id); else n.add(id);
+      return n;
+    });
+  };
+  const toggleExpand = (id) => {
+    setExpanded(prev => {
+      const n = new Set(prev);
+      if (n.has(id)) n.delete(id); else n.add(id);
+      return n;
+    });
+  };
+
+  const insightToTaskTitle = (ins) => {
+    const plain = (ins.bullets[0] || ins.summary || ins.title).replace(/<[^>]+>/g, '');
+    return plain.length > 80 ? plain.slice(0, 77) + '…' : plain;
+  };
+
+  const sendToKanban = (ins) => {
+    if (!setWidgetStates) return;
+    const kanban = widgetStates.kanban || EMPTY_STATE.kanban;
+    const card = {
+      id: 'k' + Date.now(),
+      col: 'todo',
+      title: insightToTaskTitle(ins),
+      priority: 'med',
+      meta: `from Insights · ${ins.title}`,
+    };
+    setWidgetStates(s => ({ ...s, kanban: { ...kanban, cards: [...kanban.cards, card] } }));
+    window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg: 'Sent to Kanban (To Do)', kind: 'success' } }));
+  };
+
+  // TODO(LLM): real refresh hits the orchestrator and re-synthesizes insights.
+  const handleRefresh = () => {
+    setRefreshing(true);
+    setTimeout(() => setRefreshing(false), 900);
+    window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg: 'Refreshing insights… (stub)', kind: 'success' } }));
+  };
+
+  // "Ask follow-up": stash a draft prompt + insight context that the chat page
+  // can pick up on next navigation. Backend hookup TODO: include source-conversation IDs.
+  const askFollowUp = (ins) => {
+    const plain = (ins.bullets[0] || ins.summary || '').replace(/<[^>]+>/g, '');
+    const prompt = `Follow up on the insight "${ins.title}": ${plain}`;
+    try {
+      localStorage.setItem('canvas-chat-handoff', JSON.stringify({
+        at: Date.now(),
+        prompt,
+        insightId: ins.id,
+        insightTitle: ins.title,
+      }));
+    } catch { /* ignore */ }
+    window.dispatchEvent(new CustomEvent('canvas-toast', {
+      detail: { msg: `Follow-up drafted: "${ins.title}" — opening chat`, kind: 'success' },
+    }));
+    // Use the existing navigation prop if present; falls back to the global event.
+    if (onNavigateToChat) onNavigateToChat();
+  };
+
+  const filtered = useMemo(() => {
+    let r = INSIGHTS;
+    if (filter === 'pinned') r = r.filter(i => pinned.has(i.id));
+    else if (filter === 'high') r = r.filter(i => i.confidence >= 75);
+    else if (['open', 'in-progress', 'completed', 'abandoned'].includes(filter)) r = r.filter(i => insightRollup(i).state === filter);
+    else if (filter !== 'all') r = r.filter(i => i.category === filter);
+    if (sortBy === 'confidence') r = [...r].sort((a, b) => b.confidence - a.confidence);
+    if (sortBy === 'recent') r = [...r].sort((a, b) => (a.updatedMinutesAgo || 0) - (b.updatedMinutesAgo || 0));
+    if (sortBy === 'progress') r = [...r].sort((a, b) => insightRollup(b).pct - insightRollup(a).pct);
+    return r;
+  }, [filter, sortBy, pinned, taskStatuses]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  // Aggregate stats over individual TASKS, not insights (Daniel's framing)
+  const stats = useMemo(() => {
+    const allTasks = INSIGHTS.flatMap(i => i.bullets.map((_, idx) => taskStatusOf(i.id, idx)));
+    const taskTotal = allTasks.length;
+    const completed = allTasks.filter(s => s === 'completed').length;
+    const inProgress = allTasks.filter(s => s === 'in-progress').length;
+    const abandoned = allTasks.filter(s => s === 'abandoned').length;
+    const open = taskTotal - completed - inProgress - abandoned;
+    const totalSources = INSIGHTS.reduce((s, i) => s + (i.sources || 0), 0);
+    const avgConf = Math.round(INSIGHTS.reduce((s, i) => s + i.confidence, 0) / INSIGHTS.length);
+    return {
+      sections: INSIGHTS.length, taskTotal, completed, inProgress, abandoned, open,
+      totalSources, avgConf, pinnedCount: pinned.size,
+    };
+  }, [pinned, taskStatuses]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const lastUpdated = Math.min(...INSIGHTS.map(i => i.updatedMinutesAgo || 0));
+
+  // Empty state — defensive (current data is hardcoded but a real backend could send [])
+  if (INSIGHTS.length === 0) {
+    return (
+      <>
+        <div className="page-header">
+          <div>
+            <h1 className="page-title">Insights</h1>
+            <div className="page-sub">AI-synthesized from your research conversations.</div>
+          </div>
+        </div>
+        <div className="empty-cell">
+          <Icon name="sparkles" size={32} style={{ color: 'var(--canvas-text-4)' }}/>
+          <div style={{ fontSize: 14, color: 'var(--canvas-text-2)', fontWeight: 500 }}>No insights yet</div>
+          <div>Have a conversation with your advisors and insights will appear here.</div>
+        </div>
+      </>
+    );
+  }
+
+  return (
+    <>
+      <div className="page-header">
+        <div>
+          <h1 className="page-title">Insights</h1>
+          <div className="page-sub">AI-synthesized from your research conversations.</div>
+        </div>
+      </div>
+
+      {/* Stats bar */}
+      <div className="insights-stats">
+        <div className="insights-stat">
+          <span className="insights-stat-value">{stats.completed}/{stats.taskTotal}</span>
+          <span className="insights-stat-label">tasks done</span>
+        </div>
+        <div className="insights-stat insights-stat-progress">
+          <div className="insights-progress-bar">
+            <i className="ip-completed" style={{ width: `${(stats.completed / Math.max(1, stats.taskTotal)) * 100}%` }}/>
+            <i className="ip-inprogress" style={{ width: `${(stats.inProgress / Math.max(1, stats.taskTotal)) * 100}%` }}/>
+            <i className="ip-abandoned" style={{ width: `${(stats.abandoned / Math.max(1, stats.taskTotal)) * 100}%` }}/>
+          </div>
+          <span className="insights-stat-label">
+            {stats.completed} done · {stats.inProgress} in progress · {stats.open} open
+            {stats.abandoned > 0 && ` · ${stats.abandoned} abandoned`}
+          </span>
+        </div>
+        <div className="insights-stat">
+          <span className="insights-stat-value">{stats.sections}</span>
+          <span className="insights-stat-label">sections</span>
+        </div>
+        <div className="insights-stat">
+          <span className="insights-stat-value">{stats.avgConf}%</span>
+          <span className="insights-stat-label">avg confidence</span>
+        </div>
+        <span style={{ flex: 1 }}/>
+        <span className="insights-stat-update">
+          <span className="dot"/>
+          updated {lastUpdated} min ago
+        </span>
+        <button className="btn btn-ghost" onClick={handleRefresh} disabled={refreshing}>
+          {refreshing ? <div className="spinner"/> : <Icon name="refresh" size={13}/>}
+          Refresh
+        </button>
+      </div>
+
+      {/* View toggle: Cards (sections with their tasks) vs Tasks (flat list) */}
+      <div className="insights-view-toggle">
+        <button className={viewMode === 'cards' ? 'active' : ''} onClick={() => setViewMode('cards')}>
+          <Icon name="layout" size={12}/>Cards
+        </button>
+        <button className={viewMode === 'tasks' ? 'active' : ''} onClick={() => setViewMode('tasks')}>
+          <Icon name="task" size={12}/>Tasks
+        </button>
+      </div>
+
+      {/* Filter + sort */}
+      <div className="insights-filters">
+        <div className="palette-cats" style={{ marginBottom: 0 }}>
+          {INSIGHT_CATEGORIES.map(c => {
+            const count =
+              c.id === 'all' ? INSIGHTS.length :
+              c.id === 'pinned' ? pinned.size :
+              c.id === 'high' ? INSIGHTS.filter(i => i.confidence >= 75).length :
+              ['open', 'in-progress', 'completed', 'abandoned'].includes(c.id) ? INSIGHTS.filter(i => insightRollup(i).state === c.id).length :
+              INSIGHTS.filter(i => i.category === c.id).length;
+            if (count === 0 && c.id !== 'all') return null;
+            return (
+              <button key={c.id}
+                className={`palette-cat ${filter === c.id ? 'active' : ''}`}
+                onClick={() => setFilter(c.id)}>
+                {c.label}<span style={{ marginLeft: 6, opacity: 0.6 }}>{count}</span>
+              </button>
+            );
+          })}
+        </div>
+        <select className="select" style={{ width: 'auto', padding: '4px 8px', fontSize: 11, fontFamily: 'var(--canvas-mono)' }}
+          value={sortBy} onChange={e => setSortBy(e.target.value)}>
+          <option value="confidence">↓ confidence</option>
+          <option value="recent">↓ recent</option>
+          <option value="progress">↓ progress</option>
+        </select>
+      </div>
+
+      {/* Pinned strip — only when there are pins and we're not already filtering by pinned */}
+      {pinned.size > 0 && filter !== 'pinned' && (
+        <div className="insights-pinned-strip">
+          <span style={{ fontSize: 11, color: 'var(--canvas-text-4)', textTransform: 'uppercase', letterSpacing: '0.08em', fontWeight: 600 }}>
+            Pinned
+          </span>
+          {INSIGHTS.filter(i => pinned.has(i.id)).map(ins => (
+            <button key={ins.id} className="insights-pinned-pill" onClick={() => {
+              const el = document.getElementById(`insight-${ins.id}`);
+              if (el) {
+                el.scrollIntoView({ block: 'center', behavior: 'smooth' });
+                el.style.boxShadow = '0 0 0 2px var(--canvas-accent), 0 0 24px var(--canvas-accent-glow)';
+                setTimeout(() => { el.style.boxShadow = ''; }, 1400);
+              }
+            }}>
+              <Icon name={ins.icon} size={11}/>{ins.title}
+            </button>
+          ))}
+        </div>
+      )}
+
+      {/* TASKS view — flat list of every bullet across insights */}
+      {viewMode === 'tasks' && (() => {
+        const allTasks = filtered.flatMap(ins => ins.bullets.map((b, idx) => ({
+          ins, idx, text: b, status: taskStatusOf(ins.id, idx),
+        })));
+        const statusOrder = { open: 0, 'in-progress': 1, completed: 2, abandoned: 3 };
+        const sorted = [...allTasks].sort((a, b) => statusOrder[a.status] - statusOrder[b.status]);
+        if (sorted.length === 0) {
+          return (
+            <div className="empty-cell">
+              <Icon name="task" size={28} style={{ color: 'var(--canvas-text-4)' }}/>
+              <div style={{ fontSize: 14, color: 'var(--canvas-text-2)', fontWeight: 500 }}>No tasks match this filter</div>
+              <button className="btn btn-ghost" onClick={() => setFilter('all')}>Show all</button>
+            </div>
+          );
+        }
+        return (
+          <div className="insights-tasks-list">
+            {sorted.map(({ ins, idx, text, status }) => {
+              const meta = TASK_STATUSES.find(s => s.id === status);
+              const menuKey = `tv::${ins.id}::${idx}`;
+              const menuOpen = openStatusMenu === menuKey;
+              return (
+                <div key={menuKey} className={`insights-task-row task-${status}`}>
+                  <button
+                    className="insight-task-check"
+                    style={{ color: meta.color, borderColor: meta.color + '60' }}
+                    onClick={() => setOpenStatusMenu(menuOpen ? null : menuKey)}
+                    title={`Status: ${meta.label}`}
+                  >
+                    {status === 'completed' && <Icon name="check" size={11}/>}
+                    {status === 'in-progress' && <span className="task-check-dot"/>}
+                    {status === 'abandoned' && <Icon name="x" size={10}/>}
+                  </button>
+                  <div className="insights-task-body">
+                    <button
+                      className="insights-task-section"
+                      onClick={() => {
+                        setViewMode('cards');
+                        setTimeout(() => {
+                          const el = document.getElementById(`insight-${ins.id}`);
+                          if (el) el.scrollIntoView({ block: 'center', behavior: 'smooth' });
+                        }, 60);
+                      }}
+                      title="Jump to this section"
+                    >
+                      <Icon name={ins.icon} size={10}/>{ins.title}
+                    </button>
+                    <span className="insights-task-text" dangerouslySetInnerHTML={{ __html: text }}/>
+                  </div>
+                  <button className="chip" onClick={() => sendToKanban(ins)} title="Send this section's open tasks to Kanban">
+                    <Icon name="task" size={11}/>Kanban
+                  </button>
+                  {menuOpen && (
+                    <div className="insight-status-menu" onMouseLeave={() => setOpenStatusMenu(null)}>
+                      {TASK_STATUSES.map(s => (
+                        <button key={s.id}
+                          className={status === s.id ? 'active' : ''}
+                          onClick={() => { setTaskStatus(ins.id, idx, s.id); setOpenStatusMenu(null); }}>
+                          <Icon name={s.icon} size={11} style={{ color: s.color }}/>
+                          {s.label}
+                        </button>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              );
+            })}
+          </div>
+        );
+      })()}
+
+      {/* CARDS view (default) */}
+      {viewMode === 'cards' && (filtered.length === 0 ? (
+        <div className="empty-cell">
+          <Icon name="search" size={28} style={{ color: 'var(--canvas-text-4)' }}/>
+          <div style={{ fontSize: 14, color: 'var(--canvas-text-2)', fontWeight: 500 }}>No insights match this filter</div>
+          <button className="btn btn-ghost" onClick={() => setFilter('all')}>Show all</button>
+        </div>
+      ) : (
+        <div className="insight-grid">
+          {filtered.map(ins => {
+            const isExpanded = expanded.has(ins.id);
+            const isPinned = pinned.has(ins.id);
+            const tier = confidenceTier(ins.confidence);
+            const tint = CATEGORY_TINT[ins.category] || 'var(--canvas-surface-2)';
+            const fg = CATEGORY_FG[ins.category] || 'var(--canvas-accent)';
+            const rollup = insightRollup(ins);
+            return (
+              <div
+                key={ins.id}
+                id={`insight-${ins.id}`}
+                className={`insight ${isPinned ? 'is-pinned' : ''} tier-${tier} status-${rollup.state}`}
+              >
+                <div className="insight-head">
+                  <div className="insight-icon" style={{ background: tint, color: fg }}>
+                    <Icon name={ins.icon} size={16}/>
+                  </div>
+                  <div className="insight-title">{ins.title}</div>
+                  <ConfidenceRing value={ins.confidence}/>
+                </div>
+
+                {/* Per-card progress (rolls up the bullet tasks) */}
+                {rollup.total > 0 && (
+                  <div className="insight-progress">
+                    <div className="insight-progress-meta">
+                      <span className="insight-progress-count">{rollup.done}/{rollup.total} tasks</span>
+                      {rollup.state === 'completed' && <span className="insight-progress-badge done">✓ Resolved</span>}
+                      {rollup.state === 'abandoned' && <span className="insight-progress-badge abandoned">Abandoned</span>}
+                      {rollup.state === 'in-progress' && <span className="insight-progress-badge inprog">In progress</span>}
+                    </div>
+                    <div className="insight-progress-bar">
+                      <i className="ip-completed" style={{ width: `${(rollup.done / rollup.total) * 100}%` }}/>
+                      {rollup.inProg > 0 && <i className="ip-inprogress" style={{ width: `${(rollup.inProg / rollup.total) * 100}%` }}/>}
+                      {rollup.abandoned > 0 && <i className="ip-abandoned" style={{ width: `${(rollup.abandoned / rollup.total) * 100}%` }}/>}
+                    </div>
+                  </div>
+                )}
+
+                <div className="insight-body">
+                  <div>{ins.summary}</div>
+                  <ul className="insight-tasks">
+                    {ins.bullets.map((b, idx) => {
+                      const status = taskStatusOf(ins.id, idx);
+                      const meta = TASK_STATUSES.find(s => s.id === status);
+                      const menuOpen = openStatusMenu === `${ins.id}::${idx}`;
+                      return (
+                        <li key={idx} className={`insight-task task-${status}`}>
+                          <button
+                            className="insight-task-check"
+                            style={{ color: meta.color, borderColor: meta.color + '60' }}
+                            onClick={() => setOpenStatusMenu(menuOpen ? null : `${ins.id}::${idx}`)}
+                            title={`Status: ${meta.label}`}
+                          >
+                            {status === 'completed' && <Icon name="check" size={10}/>}
+                            {status === 'in-progress' && <span className="task-check-dot"/>}
+                            {status === 'abandoned' && <Icon name="x" size={9}/>}
+                          </button>
+                          <span className="insight-task-text" dangerouslySetInnerHTML={{ __html: b }}/>
+                          {menuOpen && (
+                            <div className="insight-status-menu" onMouseLeave={() => setOpenStatusMenu(null)}>
+                              {TASK_STATUSES.map(s => (
+                                <button key={s.id}
+                                  className={status === s.id ? 'active' : ''}
+                                  onClick={() => { setTaskStatus(ins.id, idx, s.id); setOpenStatusMenu(null); }}>
+                                  <Icon name={s.icon} size={11} style={{ color: s.color }}/>
+                                  {s.label}
+                                </button>
+                              ))}
+                            </div>
+                          )}
+                        </li>
+                      );
+                    })}
+                  </ul>
+                </div>
+
+                {/* Detail panel — quotes from sources, only when expanded */}
+                {isExpanded && ins.quotes && (
+                  <div className="insight-detail">
+                    <div className="insight-detail-head">Source quotes · {ins.sources} {ins.sources === 1 ? 'source' : 'sources'}</div>
+                    {ins.quotes.map((q, i) => (
+                      <div key={i} className="insight-quote">{q}</div>
+                    ))}
+                  </div>
+                )}
+
+                <div className="insight-foot">
+                  <span className="insight-foot-meta">
+                    <Icon name="message" size={10}/> {ins.sources}
+                    <span className="insight-dot"/>
+                    updated {ins.updatedMinutesAgo}m ago
+                  </span>
+                </div>
+
+                <div className="insight-actions">
+                  <button className="chip" onClick={() => askFollowUp(ins)} title="Open this insight in a new chat session">
+                    <Icon name="message" size={11}/>Ask follow-up
+                  </button>
+                  <button className="chip" onClick={() => sendToKanban(ins)} title="Add all open tasks from this insight to your Kanban (To Do)">
+                    <Icon name="task" size={11}/>Add to Kanban
+                  </button>
+                  <button className="chip" onClick={() => toggleExpand(ins.id)}>
+                    <Icon name="expand" size={11}/>{isExpanded ? 'Collapse' : 'Source quotes'}
+                  </button>
+                  <button className={`chip ${isPinned ? 'pinned' : ''}`} onClick={() => togglePin(ins.id)}>
+                    <Icon name="pin" size={11}/>{isPinned ? 'Pinned' : 'Pin'}
+                  </button>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      ))}
+    </>
+  );
+}
+
+// Small SVG ring used for the confidence indicator
+function ConfidenceRing({ value }) {
+  const r = 14;
+  const c = 2 * Math.PI * r;
+  const dash = c * (1 - value / 100);
+  const tier = confidenceTier(value);
+  const color = tier === 'high' ? '#10B981' : tier === 'med' ? '#F59E0B' : '#DC2626';
+  return (
+    <div className={`confidence-ring tier-${tier}`} title={`${value}% confidence (${tier})`}>
+      <svg width="32" height="32" viewBox="0 0 32 32">
+        <circle cx="16" cy="16" r={r} fill="none" stroke="var(--canvas-surface-3)" strokeWidth="3"/>
+        <circle cx="16" cy="16" r={r} fill="none" stroke={color} strokeWidth="3"
+          strokeDasharray={c} strokeDashoffset={dash} strokeLinecap="round"
+          transform="rotate(-90 16 16)"/>
+      </svg>
+      <span style={{ color }}>{value}</span>
+    </div>
+  );
+}
+
+function PresetPicker({ onPick }) {
+  return (
+    <div className="canvas-presets">
+      <div className="canvas-presets-head">
+        <div className="canvas-presets-title">Start from a preset</div>
+        <div className="canvas-presets-sub">Or skip and add widgets one at a time.</div>
+      </div>
+      <div className="canvas-presets-grid">
+        {WORKSPACE_PRESETS.map(p => (
+          <button key={p.id} className="canvas-preset-card" onClick={() => onPick(p)}>
+            <div className="canvas-preset-icon"><Icon name={p.icon} size={18}/></div>
+            <div className="canvas-preset-content">
+              <div className="canvas-preset-name">{p.name}</div>
+              <div className="canvas-preset-desc">{p.desc}</div>
+              <div className="canvas-preset-meta">{p.layout.length} widgets</div>
+            </div>
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function WorkspaceView({ openModal, layout, setLayout, widgetStates, setWidgetStates }) {
+  const [dragId, setDragId] = useState(null);
+  const [dragOverId, setDragOverId] = useState(null);
+
+  const onDragStart = (id) => setDragId(id);
+  const onDragOver = (id) => { if (id !== dragId) setDragOverId(id); };
+  const onDragEnd = () => { setDragId(null); setDragOverId(null); };
+  const onDrop = (targetId) => {
+    if (!dragId || dragId === targetId) { onDragEnd(); return; }
+    const next = [...layout];
+    const fromIdx = next.findIndex(w => w.id === dragId);
+    const toIdx = next.findIndex(w => w.id === targetId);
+    const [moved] = next.splice(fromIdx, 1);
+    next.splice(toIdx, 0, moved);
+    setLayout(next);
+    onDragEnd();
+  };
+
+  const setWState = (type) => (updater) => {
+    setWidgetStates(s => ({
+      ...s,
+      [type]: typeof updater === 'function' ? updater(s[type]) : updater,
+    }));
+  };
+
+  const removeWidget = (id, label) => {
+    openModal('confirm-remove', {
+      label,
+      onConfirm: () => {
+        setLayout(l => l.filter(w => w.id !== id));
+        window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg: label + ' removed', kind: 'success' } }));
+      },
+    });
+  };
+
+  const resizeWidget = (id, size) => setLayout(l => l.map(w => w.id === id ? { ...w, size } : w));
+
+  // Each widget starts from scratch — fresh empty state, no demo content.
+  const addWidget = (meta) => {
+    const id = 'w-' + Date.now();
+    setLayout(l => [...l, { id, type: meta.type, size: meta.defaultSize, critic: meta.critic }]);
+    if (EMPTY_STATE[meta.type]) {
+      setWidgetStates(s => ({ ...s, [meta.type]: JSON.parse(JSON.stringify(EMPTY_STATE[meta.type])) }));
+    }
+  };
+
+  const applyPreset = (preset) => {
+    setLayout(preset.layout.map(w => ({ ...w })));
+    // Seed empty state for any widget types not already present
+    const seeds = {};
+    preset.layout.forEach(w => {
+      if (!widgetStates[w.type] && EMPTY_STATE[w.type]) {
+        seeds[w.type] = JSON.parse(JSON.stringify(EMPTY_STATE[w.type]));
+      }
+    });
+    if (Object.keys(seeds).length) setWidgetStates(s => ({ ...s, ...seeds }));
+    window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg: `${preset.name} preset loaded`, kind: 'success' } }));
+  };
+
+  const reset = () => {
+    if (!window.confirm('Reset workspace? All widgets and content will be cleared.')) return;
+    setLayout([]);
+    setWidgetStates({});
+    localStorage.removeItem(LAYOUT_KEY);
+    localStorage.removeItem(STATES_KEY);
+  };
+
+  return (
+    <>
+      <div className="page-header">
+        <div>
+          <h1 className="page-title">Workspace</h1>
+          <div className="page-sub">{layout.length} widgets · {layout.filter(w => w.critic).length} anti-yes-man · drag headers to reorder, click size pill to resize</div>
+        </div>
+        <div style={{ display: 'flex', gap: 8 }}>
+          <button className="btn btn-ghost" onClick={reset} title="Reset layout"><Icon name="reset" size={13}/>Reset</button>
+          <button className="btn btn-primary" onClick={() => openModal('palette', {
+            layout, onAdd: addWidget,
+          })}><Icon name="plus" size={13}/>Add widget</button>
+        </div>
+      </div>
+      {layout.length === 0 && (
+        <PresetPicker onPick={applyPreset}/>
+      )}
+      <div className="workspace">
+        {layout.length === 0 && (
+          <div className="empty-cell">
+            <Icon name="layout" size={28} style={{ color: 'var(--canvas-text-4)' }}/>
+            <div style={{ fontSize: 14, color: 'var(--canvas-text-2)', fontWeight: 500 }}>Or build from scratch</div>
+            <button className="btn btn-primary" onClick={() => openModal('palette', { layout, onAdd: addWidget })} style={{ marginTop: 6 }}>
+              <Icon name="plus" size={13}/>Add your first widget
+            </button>
+          </div>
+        )}
+        {layout.map((w) => (
+          <CanvasWidget
+            key={w.id}
+            widget={w}
+            isDragging={dragId === w.id}
+            isDragOver={dragOverId === w.id}
+            onDragStart={onDragStart}
+            onDragOver={onDragOver}
+            onDragEnd={onDragEnd}
+            onDrop={onDrop}
+            state={widgetStates[w.type] ?? (EMPTY_STATE[w.type] ?? {})}
+            setState={setWState(w.type)}
+            onRemove={removeWidget}
+            onResize={resizeWidget}
+            openModal={openModal}
+            allStates={widgetStates}
+          />
+        ))}
+      </div>
+    </>
+  );
+}
+
+function ModalRouter({ modal, onClose }) {
+  if (!modal) return null;
+  const handleBackdropClick = (e) => { if (e.target === e.currentTarget) onClose(); };
+  let content = null;
+  switch (modal.kind) {
+    case 'palette':         content = <PaletteModal data={modal.data} onClose={onClose}/>; break;
+    case 'add-citation':    content = <AddCitationModal data={modal.data} onClose={onClose}/>; break;
+    case 'add-task':        content = <AddTaskModal data={modal.data} onClose={onClose}/>; break;
+    case 'add-deadline':    content = <AddDeadlineModal data={modal.data} onClose={onClose}/>; break;
+    case 'log-words':       content = <LogWordsModal data={modal.data} onClose={onClose}/>; break;
+    case 'confirm-remove':  content = <ConfirmRemoveModal data={modal.data} onClose={onClose}/>; break;
+    case 'reviewer-2':      content = <ReviewerModal data={modal.data} onClose={onClose}/>; break;
+    case 'devils-advocate': content = <DevilsModal data={modal.data} onClose={onClose}/>; break;
+    case 'scope-realism':   content = <ScopeModal data={modal.data} onClose={onClose}/>; break;
+    case 'reading-paper':   content = <ReadingPaperModal data={modal.data} onClose={onClose}/>; break;
+    case 'budget-item':     content = <BudgetItemModal data={modal.data} onClose={onClose}/>; break;
+    case 'note':            content = <NoteModal data={modal.data} onClose={onClose}/>; break;
+    case 'habit':           content = <HabitModal data={modal.data} onClose={onClose}/>; break;
+    case 'goal':            content = <GoalModal data={modal.data} onClose={onClose}/>; break;
+    case 'meeting':         content = <MeetingModal data={modal.data} onClose={onClose}/>; break;
+    case 'command':         content = <CommandPaletteModal data={modal.data} onClose={onClose}/>; break;
+    case 'global-search':   content = <GlobalSearchModal data={modal.data} onClose={onClose}/>; break;
+    default: return null;
+  }
+  return <div className="canvas-modal-backdrop" onClick={handleBackdropClick}>{content}</div>;
+}
+
+function ToastStack() {
+  const [toasts, setToasts] = useState([]);
+  useEffect(() => {
+    const handler = (e) => {
+      const id = Date.now() + Math.random();
+      setToasts(t => [...t, { id, ...e.detail }]);
+      setTimeout(() => setToasts(t => t.filter(x => x.id !== id)), 3500);
+    };
+    window.addEventListener('canvas-toast', handler);
+    return () => window.removeEventListener('canvas-toast', handler);
+  }, []);
+  return (
+    <div className="toast-stack">
+      {toasts.map(t => (
+        <div key={t.id} className={`toast ${t.kind || 'success'}`}>
+          <Icon name={t.kind === 'critic' ? 'gavel' : t.kind === 'danger' ? 'alert' : 'check'} size={14}/>
+          <span>{t.msg}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+
+const CanvasPage = ({ user, authToken, onNavigateToHome, onNavigateToChat, onNavigateToJourney, onNavigateToCanvas, onSignOut }) => {
+  const { theme, toggleTheme } = useTheme();
+  useAppConfig();
+  const [view, setView] = useState(() => localStorage.getItem(VIEW_KEY) || 'workspace');
+  const [modal, setModal] = useState(null);
+  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  const [tourForceShow, setTourForceShow] = useState(0);
+  const [showAboutYou, setShowAboutYou] = useState(false);
+  const [showClearData, setShowClearData] = useState(false);
+  const [showSettings, setShowSettings] = useState(false);
+  const [settingsInitialTab, setSettingsInitialTab] = useState('profile');
+  const hydratedRef = useRef(false);
+  const [serverHydrated, setServerHydrated] = useState(false);
+
+  const [layout, setLayout] = useState(() => {
+    try {
+      const saved = localStorage.getItem(LAYOUT_KEY);
+      return saved ? JSON.parse(saved) : DEFAULT_LAYOUT;
+    } catch { return DEFAULT_LAYOUT; }
+  });
+  const [widgetStates, setWidgetStates] = useState(() => {
+    try {
+      const saved = localStorage.getItem(STATES_KEY);
+      return saved ? JSON.parse(saved) : {};
+    } catch { return {}; }
+  });
+
+  useEffect(() => { localStorage.setItem(LAYOUT_KEY, JSON.stringify(layout)); }, [layout]);
+  useEffect(() => { localStorage.setItem(STATES_KEY, JSON.stringify(widgetStates)); }, [widgetStates]);
+  useEffect(() => { localStorage.setItem(VIEW_KEY, view); }, [view]);
+
+  // Load workspace from server (server wins when it has data); keep localStorage as cache/fallback.
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      if (!authToken) {
+        hydratedRef.current = true;
+        setServerHydrated(true);
+        return;
+      }
+      const remote = await fetchCanvas(authToken);
+      if (cancelled) return;
+      const ws = remote?.workspace;
+      if (ws && (Array.isArray(ws.layout) || (ws.states && Object.keys(ws.states).length))) {
+        if (Array.isArray(ws.layout)) {
+          setLayout(ws.layout);
+          localStorage.setItem(LAYOUT_KEY, JSON.stringify(ws.layout));
+        }
+        if (ws.states && typeof ws.states === 'object') {
+          setWidgetStates(ws.states);
+          localStorage.setItem(STATES_KEY, JSON.stringify(ws.states));
+        }
+        if (ws.view && typeof ws.view === 'string' && !localStorage.getItem(VIEW_KEY)) {
+          // Only fall back to the server-saved view when this browser has no
+          // local preference. App.js writes VIEW_KEY when the user deep-links
+          // (e.g. header "Documents" tab from Chat) — that explicit intent
+          // must not be clobbered by a stale server value.
+          setView(ws.view);
+          localStorage.setItem(VIEW_KEY, ws.view);
+        }
+        if (ws.task_statuses && typeof ws.task_statuses === 'object') {
+          localStorage.setItem(TASK_STATUS_KEY, JSON.stringify(ws.task_statuses));
+        }
+      } else {
+        // First-time / empty server: push local cache up so other devices can load it later.
+        let taskStatuses = {};
+        try { taskStatuses = JSON.parse(localStorage.getItem(TASK_STATUS_KEY) || '{}'); } catch { /* ignore */ }
+        await saveWorkspace(authToken, {
+          layout,
+          states: widgetStates,
+          view,
+          task_statuses: taskStatuses,
+        });
+      }
+      // Seed deliverables localStorage from server if empty locally
+      if (remote?.deliverables?.projects && Object.keys(remote.deliverables.projects).length) {
+        try {
+          const local = JSON.parse(localStorage.getItem('canvas-deliverables-v2') || '{}');
+          if (!local.projects || !Object.keys(local.projects).length) {
+            localStorage.setItem('canvas-deliverables-v2', JSON.stringify(remote.deliverables));
+            window.dispatchEvent(new Event('storage'));
+          }
+        } catch { /* ignore */ }
+      }
+      hydratedRef.current = true;
+      setServerHydrated(true);
+    })();
+    return () => { cancelled = true; };
+    // Intentionally once per authToken mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [authToken]);
+
+  // Debounced server persist for workspace
+  useEffect(() => {
+    if (!serverHydrated || !authToken || !hydratedRef.current) return undefined;
+    const persist = debounce(async () => {
+      let taskStatuses = {};
+      try { taskStatuses = JSON.parse(localStorage.getItem(TASK_STATUS_KEY) || '{}'); } catch { /* ignore */ }
+      const ok = await saveWorkspace(authToken, {
+        layout,
+        states: widgetStates,
+        view,
+        task_statuses: taskStatuses,
+      });
+      if (!ok) {
+        window.dispatchEvent(new CustomEvent('canvas-toast', {
+          detail: { msg: 'Workspace saved locally (server sync failed)', kind: 'danger' },
+        }));
+      }
+    }, 900);
+    persist();
+    return () => persist.cancel();
+  }, [layout, widgetStates, view, authToken, serverHydrated]);
+
+  // Apply canvas theme attribute on body for scoped styling
+  useEffect(() => {
+    document.body.dataset.canvasTheme = theme;
+    return () => { delete document.body.dataset.canvasTheme; };
+  }, [theme]);
+
+  const openModal = useCallback((kind, data = {}) => setModal({ kind, data }), []);
+  const closeModal = useCallback(() => setModal(null), []);
+
+  const exportWorkspace = useCallback(() => {
+    const data = { layout, states: widgetStates };
+    const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
+    const a = document.createElement('a');
+    a.href = URL.createObjectURL(blob);
+    a.download = 'canvas-workspace.json';
+    a.click();
+    window.dispatchEvent(new CustomEvent('canvas-toast', { detail: { msg: 'Workspace exported as JSON', kind: 'success' } }));
+  }, [layout, widgetStates]);
+
+  const openCommandPalette = useCallback(() => {
+    openModal('command', {
+      layout,
+      onSetView: (v) => setView(v),
+      onAddWidget: (meta) => {
+        const id = 'w-' + Date.now();
+        setLayout(l => [...l, { id, type: meta.type, size: meta.defaultSize, critic: meta.critic }]);
+        if (EMPTY_STATE[meta.type]) {
+          setWidgetStates(s => ({ ...s, [meta.type]: JSON.parse(JSON.stringify(EMPTY_STATE[meta.type])) }));
+        }
+      },
+      onToggleTheme: toggleTheme,
+      onExport: exportWorkspace,
+    });
+  }, [openModal, layout, toggleTheme, exportWorkspace]);
+
+  const openGlobalSearch = useCallback(() => {
+    openModal('global-search', { states: widgetStates });
+  }, [openModal, widgetStates]);
+
+  // Critic widgets dispatch `canvas-open-in-chat` when the user wants real LLM history.
+  useEffect(() => {
+    const handler = () => onNavigateToChat && onNavigateToChat();
+    window.addEventListener('canvas-open-in-chat', handler);
+    return () => window.removeEventListener('canvas-open-in-chat', handler);
+  }, [onNavigateToChat]);
+
+  // Esc closes modal, ⌘K opens command palette, ⌘/ opens global content search,
+  // ? opens the welcome tour for help (matches the icon in the topbar).
+  useEffect(() => {
+    const k = (e) => {
+      if (e.key === 'Escape') closeModal();
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') {
+        e.preventDefault();
+        openCommandPalette();
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key === '/') {
+        e.preventDefault();
+        openGlobalSearch();
+      }
+      // ? key (Shift+/) — only when the user isn't typing in an input
+      if (e.key === '?' && !['INPUT', 'TEXTAREA'].includes(e.target.tagName)) {
+        e.preventDefault();
+        setTourForceShow(n => n + 1);
+      }
+    };
+    window.addEventListener('keydown', k);
+    return () => window.removeEventListener('keydown', k);
+  }, [closeModal, openCommandPalette, openGlobalSearch]);
+
+  // Highlight a widget when picked from the sidebar
+  const flashScrollTo = (selector) => {
+    const el = document.querySelector(selector);
+    if (!el) return;
+    el.scrollIntoView({ block: 'center', behavior: 'smooth' });
+    el.style.boxShadow = '0 0 0 2px var(--canvas-accent), 0 0 24px var(--canvas-accent-glow)';
+    setTimeout(() => { el.style.boxShadow = ''; }, 1400);
+  };
+
+  // Workspace: group widgets by category for the new sidebar
+  const widgetGroups = useMemo(() => {
+    const groups = {};
+    layout.forEach(w => {
+      const meta = WIDGET_CATALOG.find(m => m.type === w.type);
+      if (!meta) return;
+      const cat = meta.cat;
+      (groups[cat] ||= { id: cat, label: cat, items: [] }).items.push({
+        id: w.id,
+        label: meta.name,
+        icon: meta.icon,
+        critic: meta.critic,
+        onClick: () => flashScrollTo(`[data-widget-id="${w.id}"]`),
+      });
+    });
+    // Order: critic last
+    const order = ['research', 'writing', 'project', 'wellness', 'career', 'data', 'practical', 'critic'];
+    return order.map(c => groups[c]).filter(Boolean);
+  }, [layout]);
+
+  // Insights: list of sections — Daniel's feedback said sidebar should show sections here
+  const insightSections = useMemo(() => {
+    let taskMap = {};
+    try { taskMap = JSON.parse(localStorage.getItem(TASK_STATUS_KEY) || '{}'); } catch { /* ignore */ }
+    return INSIGHTS.map(ins => {
+      const states = ins.bullets.map((_, idx) => taskMap[taskKey(ins.id, idx)] || 'open');
+      const done = states.filter(s => s === 'completed').length;
+      return {
+        id: ins.id,
+        name: ins.title,
+        icon: ins.icon,
+        category: ins.category,
+        confidence: ins.confidence,
+        taskCount: ins.bullets.length,
+        doneCount: done,
+        onClick: () => flashScrollTo(`#insight-${ins.id}`),
+      };
+    });
+  }, [view, layout, widgetStates]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  // Deliverables: list of projects with sections + history actions
+  const deliverableProjects = useMemo(() => {
+    try {
+      const dStore = JSON.parse(localStorage.getItem('canvas-deliverables-v2') || '{}');
+      const projects = Object.values(dStore.projects || {});
+      return projects.map(p => {
+        const t = DELIVERABLE_TEMPLATES.find(x => x.id === p.templateId);
+        return {
+          id: p.id,
+          name: p.name,
+          icon: t?.icon || 'book',
+          versions: p.versions?.length || 0,
+          isActive: p.id === dStore.activeProjectId,
+          sections: (t?.sections || []).map(s => ({
+            id: s.id,
+            name: s.name,
+            wc: ((p.sections || {})[s.id] || '').trim().split(/\s+/).filter(Boolean).length,
+            onClick: () => {
+              if (p.id !== dStore.activeProjectId) {
+                // Open this project first; section scroll happens after a tick.
+                const next = { ...dStore, activeProjectId: p.id };
+                localStorage.setItem('canvas-deliverables-v2', JSON.stringify(next));
+                window.dispatchEvent(new Event('storage'));
+              }
+              setTimeout(() => flashScrollTo(`#notion-section-${s.id}`), 80);
+            },
+          })),
+          onOpen: () => {
+            const next = { ...dStore, activeProjectId: p.id };
+            localStorage.setItem('canvas-deliverables-v2', JSON.stringify(next));
+            window.dispatchEvent(new Event('storage'));
+          },
+        };
+      });
+    } catch { return []; }
+    // re-derive when view or layout changes (layout proxy for "user did something")
+  }, [view, layout, widgetStates]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return (
+    <div className="canvas-page-with-sidebar" data-canvas-theme={theme}>
+      <Sidebar
+        user={user}
+        authToken={authToken}
+        onSignOut={onSignOut}
+        onSidebarToggle={setIsSidebarCollapsed}
+        isMobileOpen={isMobileMenuOpen}
+        onMobileToggle={setIsMobileMenuOpen}
+        onNavigateToCanvas={(v) => {
+          if (v === 'journey') {
+            if (onNavigateToJourney) onNavigateToJourney();
+            else if (onNavigateToCanvas) onNavigateToCanvas('journey');
+          } else {
+            setView(v || 'workspace');
+          }
+        }}
+        onSelectSession={(id) => onNavigateToChat && onNavigateToChat(id)}
+        onNewChat={() => onNavigateToChat && onNavigateToChat()}
+        pageContext="canvas"
+        canvasSubview={view}
+        widgetGroups={widgetGroups}
+        deliverableProjects={deliverableProjects}
+        insightSections={insightSections}
+        onNavigateToJourney={onNavigateToJourney}
+        onOpenProfile={() => setShowAboutYou(true)}
+        onOpenAccount={() => {
+          setSettingsInitialTab('profile');
+          setShowSettings(true);
+        }}
+        onOpenClearData={() => setShowClearData(true)}
+        onOpenModelStatus={() => {
+          setSettingsInitialTab('model-status');
+          setShowSettings(true);
+        }}
+        onRemoveSampleData={user?.is_guest ? async () => {
+          if (!window.confirm('Remove all sample demo data? You stay in guest mode with a clean slate.')) return;
+          try {
+            const { removeGuestSampleData } = await import('../utils/guestSample');
+            await removeGuestSampleData(authToken);
+            setLayout([]);
+            setWidgetStates({});
+            window.location.reload();
+          } catch (e) {
+            window.alert(e.message || 'Failed to remove sample data');
+          }
+        } : undefined}
+      />
+      <div className={`canvas-main-area ${isSidebarCollapsed ? 'sidebar-collapsed' : ''}`}>
+        <div className="canvas-app-shell">
+          <AppHeader
+            currentPage={`canvas-${view}`}
+            onNavigateToHome={onNavigateToHome}
+            onNavigateToChat={onNavigateToChat}
+            onNavigateToJourney={onNavigateToJourney}
+            onNavigateToCanvas={(v) => {
+              if (v === 'journey') {
+                if (onNavigateToJourney) onNavigateToJourney();
+                else if (onNavigateToCanvas) onNavigateToCanvas('journey');
+              } else {
+                setView(v || 'workspace');
+              }
+            }}
+            onMobileMenu={() => setIsMobileMenuOpen(true)}
+          >
+            <button className="icon-btn" onClick={() => setTourForceShow(n => n + 1)} title="Show tour">
+              <HelpCircle size={18}/>
+            </button>
+            <button className="icon-btn" onClick={openGlobalSearch} title={`Search canvas content (${MOD}+/)`}>
+              <Icon name="search" size={16}/>
+            </button>
+            <button className="icon-btn" onClick={openCommandPalette} title={`Commands (${MOD}+K)`}>
+              <Icon name="zap" size={16}/>
+            </button>
+          </AppHeader>
+          <div className="canvas-content">
+            {view === 'insights' && <InsightsView widgetStates={widgetStates} setWidgetStates={setWidgetStates} onNavigateToChat={onNavigateToChat}/>}
+            {view === 'workspace' && <WorkspaceView openModal={openModal} layout={layout} setLayout={setLayout} widgetStates={widgetStates} setWidgetStates={setWidgetStates}/>}
+            {view === 'deliverables' && <DeliverablesView allStates={widgetStates} authToken={authToken}/>}
+          </div>
+        </div>
+      </div>
+      <ModalRouter modal={modal} onClose={closeModal}/>
+      <ToastStack/>
+      <CanvasWelcomeTour key={tourForceShow} forceShow={tourForceShow > 0}/>
+      <ShortcutHint/>
+      {showAboutYou && (
+        <AboutYouModal
+          authToken={authToken}
+          onClose={() => setShowAboutYou(false)}
+        />
+      )}
+      {showSettings && (
+        <SettingsModal
+          user={user}
+          authToken={authToken}
+          initialTab={settingsInitialTab}
+          onClose={() => setShowSettings(false)}
+          onSignOut={onSignOut}
+          onUserUpdate={(u) => {
+            localStorage.setItem('user', JSON.stringify(u));
+          }}
+        />
+      )}
+      {showClearData && (
+        <ClearDataModal
+          authToken={authToken}
+          onClose={() => setShowClearData(false)}
+        />
+      )}
+    </div>
+  );
+};
+
+// Subtle floating hint bar showing the most-used keyboard shortcuts.
+// Auto-hides on small screens and after the first 12s, until the user hovers.
+function ShortcutHint() {
+  const [visible, setVisible] = useState(true);
+  useEffect(() => {
+    const t = setTimeout(() => setVisible(false), 12000);
+    return () => clearTimeout(t);
+  }, []);
+  return (
+    <div
+      className={`canvas-shortcut-hint ${visible ? 'visible' : ''}`}
+      onMouseEnter={() => setVisible(true)}
+      onMouseLeave={() => setVisible(false)}
+    >
+      <span><kbd>{MOD}</kbd><kbd>K</kbd> commands</span>
+      <span><kbd>{MOD}</kbd><kbd>/</kbd> search</span>
+      <span><kbd>?</kbd> help</span>
+    </div>
+  );
+}
+
+export default CanvasPage;
diff --git a/frontend/src/pages/ChatPage.js b/frontend/src/pages/ChatPage.js
new file mode 100644
index 0000000000000000000000000000000000000000..f21feae81fac1a40f917e23ef9fdc2ce0afc634e
--- /dev/null
+++ b/frontend/src/pages/ChatPage.js
@@ -0,0 +1,1222 @@
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import { MessageCircle, Reply, X, FileText, HelpCircle } from 'lucide-react';
+import EnhancedChatInput from '../components/EnhancedChatInput';
+import ThinkingIndicator from '../components/ThinkingIndicator';
+import SuggestionsPanel from '../components/SuggestionsPanel';
+import AppHeader from '../components/AppHeader';
+import AdvisorStatusDropdown from '../components/AdvisorStatusDropdown';
+import ExportButton from '../components/ExportButton';
+import Sidebar from '../components/Sidebar';
+import { useAppConfig } from '../contexts/AppConfigContext';
+import { useTheme } from '../contexts/ThemeContext';
+import '../styles/ChatPage.css';
+import '../styles/EnhancedChatInput.css';
+import AdvisorCarousel from '../components/AdvisorCarousel';
+import OnboardingChat from '../components/OnboardingChat';
+import AboutYouModal from '../components/AboutYouModal';
+import ClearDataModal from '../components/ClearDataModal';
+import SettingsModal from '../components/SettingsModal';
+import IntakePanel from '../components/IntakePanel';
+
+const ACTIVE_ADVISORS_STORAGE_KEY = 'cybersecurityActiveAdvisorIds';
+
+/** Persona-matched starter prompts used when a guest lands on a seeded demo chat. */
+function guestStarterPrompts(config, guestPersona) {
+  const intake = config?.chat_page?.intake || {};
+  const byPersona = intake.by_persona || {};
+  const key = (guestPersona || '').toLowerCase();
+  const chips = (key && Array.isArray(byPersona[key]) ? byPersona[key] : null)
+    || (Array.isArray(intake.chips) ? intake.chips : []);
+  return chips
+    .filter((c) => c && c.prompt && !c.free_text)
+    .map((c) => c.prompt)
+    .slice(0, 4);
+}
+
+const ChatPage = ({ user, authToken, onNavigateToHome, onNavigateToCanvas, onNavigateToJourney, onSignOut }) => {
+  const { config, advisors, getAdvisorColors } = useAppConfig();
+  const [messages, setMessages] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [thinkingAdvisors, setThinkingAdvisors] = useState([]);
+  const [followupChips, setFollowupChips] = useState([]);
+  const [journeySuggestions, setJourneySuggestions] = useState([]);
+  const [activeAdvisorIds, setActiveAdvisorIds] = useState([]);
+  const [replyingTo, setReplyingTo] = useState(null);
+  const [uploadedDocuments, setUploadedDocuments] = useState([]);
+  const messagesEndRef = useRef(null);
+  const rankedAdvisorIdsRef = useRef([]);
+  const { isDark } = useTheme();
+  const guestPersona = user?.is_guest ? (user?.guest_persona || null) : null;
+
+  const [currentSessionId, setCurrentSessionId] = useState(null);
+  const [currentSessionTitle, setCurrentSessionTitle] = useState('');
+  const [isLoadingSession, setIsLoadingSession] = useState(false);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  const [sidebarRefreshTrigger, setSidebarRefreshTrigger] = useState(0);
+
+  const [userAvatarId, setUserAvatarId] = useState(
+    () => localStorage.getItem('userAvatarId') || (user?.avatarId ?? null)
+  );
+  const handleAvatarChange = async (id) => {
+    setUserAvatarId(id);
+    localStorage.setItem('userAvatarId', id);
+    try {
+      await fetch(`${process.env.REACT_APP_API_URL}/auth/me`, {
+        method: 'PATCH',
+        headers: { Authorization: `Bearer ${authToken}`, 'Content-Type': 'application/json' },
+        body: JSON.stringify({ avatarId: id }),
+      });
+    } catch (e) {
+      console.error('Failed to save avatar:', e);
+    }
+  };
+
+  const [showOnboarding, setShowOnboarding] = useState(false);
+  const [showAboutYou, setShowAboutYou] = useState(false);
+  const [aboutYouInitialTab, setAboutYouInitialTab] = useState('about');
+  const [showClearData, setShowClearData] = useState(false);
+  const [showSettings, setShowSettings] = useState(false);
+  const [settingsInitialTab, setSettingsInitialTab] = useState('profile');
+  const [userProfile, setUserProfile] = useState(null);
+
+  const loadProfile = async () => {
+    try {
+      const resp = await fetch(`${process.env.REACT_APP_API_URL}/api/users/me/profile`, {
+        headers: { Authorization: `Bearer ${authToken}` },
+      });
+      if (resp.ok) setUserProfile(await resp.json());
+    } catch (e) {
+      /* ignore */
+    }
+  };
+
+  useEffect(() => {
+    if (authToken) loadProfile();
+  }, [authToken]);
+
+  useEffect(() => {
+    const allIds = Object.keys(advisors || {});
+    if (allIds.length === 0) return;
+
+    setActiveAdvisorIds((prev) => {
+      let next = prev.filter((id) => allIds.includes(id));
+      if (next.length === 0) {
+        try {
+          const stored = JSON.parse(localStorage.getItem(ACTIVE_ADVISORS_STORAGE_KEY) || 'null');
+          if (Array.isArray(stored)) {
+            const valid = stored.filter((id) => allIds.includes(id));
+            if (valid.length > 0) next = valid;
+          }
+        } catch {
+          /* ignore */
+        }
+      }
+      if (next.length === 0) next = [...allIds];
+      if (
+        prev.length === next.length &&
+        prev.every((id, index) => id === next[index])
+      ) {
+        return prev;
+      }
+      return next;
+    });
+  }, [advisors]);
+
+  const persistActiveAdvisorIds = (ids) => {
+    localStorage.setItem(ACTIVE_ADVISORS_STORAGE_KEY, JSON.stringify(ids));
+  };
+
+  const handleSetActiveAdvisors = (ids) => {
+    setActiveAdvisorIds(ids);
+    persistActiveAdvisorIds(ids);
+  };
+
+  const handleToggleAdvisor = (id) => {
+    setActiveAdvisorIds((prev) => {
+      const set = new Set(prev);
+      if (set.has(id)) {
+        if (set.size <= 1) return prev;
+        set.delete(id);
+      } else {
+        set.add(id);
+      }
+      const next = Array.from(set);
+      persistActiveAdvisorIds(next);
+      return next;
+    });
+  };
+
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+  };
+
+  const handleMobileMenuToggle = () => {
+    setIsMobileMenuOpen(!isMobileMenuOpen);
+  };
+
+  useEffect(() => {
+    scrollToBottom();
+  }, [messages, thinkingAdvisors]);
+
+  const generateMessageId = () => {
+    return Date.now().toString() + Math.random().toString(36).substr(2, 9);
+  };
+
+  const createNewSession = async (firstMessage = null) => {
+    try {
+      const title = firstMessage 
+        ? `${firstMessage.substring(0, 30)}...` 
+        : `Chat ${new Date().toLocaleDateString()}`;
+
+      const response = await fetch(`${process.env.REACT_APP_API_URL}/api/chat-sessions`, {
+        method: 'POST',
+        headers: {
+          'Authorization': `Bearer ${authToken}`,
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ title })
+      });
+
+      if (response.ok) {
+        const newSession = await response.json();
+        
+        // Update state immediately
+        setCurrentSessionId(newSession.id);
+        setCurrentSessionTitle(newSession.title);
+        
+        console.log('MongoDB session created:', newSession.id);
+        return newSession.id;
+      }
+
+      console.error('Failed to create new session', response.status);
+      if (response.status === 401 && typeof onSignOut === 'function') {
+        onSignOut();
+      }
+      return null;
+    } catch (error) {
+      console.error('Error creating new session:', error);
+      return null;
+    }
+  };
+
+
+// Load an existing chat session
+const loadChatSession = async (sessionId) => {
+  if (!sessionId || isLoadingSession) return;
+  setIsLoadingSession(true);
+  try {
+    // Use the new switch-chat endpoint that syncs context
+    const response = await fetch(`${process.env.REACT_APP_API_URL}/switch-chat`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${authToken}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        chat_session_id: sessionId
+      })
+    });
+
+    if (response.ok) {
+      const result = await response.json();
+      if (result.status === 'success') {
+        setCurrentSessionId(sessionId);
+        setCurrentSessionTitle(''); // Will be set from MongoDB data
+        setFollowupChips([]);
+        
+        // Load the messages from the synced context
+        const formattedMessages = result.context.messages.map(msg => ({
+          ...msg,
+          timestamp: new Date(msg.timestamp),
+          persona_id: msg.persona_id || msg.advisor || msg.advisorId
+        }));
+        
+        setMessages(formattedMessages);
+        setReplyingTo(null);
+        setThinkingAdvisors([]);
+
+        // Guest demo: seed persona-aligned starter prompts so suggestions match intake type
+        if (user?.is_guest && formattedMessages.length > 0) {
+          const starters = guestStarterPrompts(config, user.guest_persona);
+          if (starters.length > 0) setFollowupChips(starters);
+        }
+        
+        // Also get the session title from MongoDB
+        const sessionResponse = await fetch(`${process.env.REACT_APP_API_URL}/api/chat-sessions/${sessionId}`, {
+          headers: {
+            'Authorization': `Bearer ${authToken}`,
+            'Content-Type': 'application/json'
+          }
+        });
+        if (sessionResponse.ok) {
+          const sessionData = await sessionResponse.json();
+          setCurrentSessionTitle(sessionData.title);
+        }
+      }
+    }
+  } catch (error) {
+    console.error('Error loading session:', error);
+  } finally {
+    setIsLoadingSession(false);
+  }
+};
+
+// Save a message to the current session (optional sessionId when state is not updated yet)
+const saveMessageToSession = async (message, sessionIdOverride) => {
+  const sid = sessionIdOverride || currentSessionId;
+  if (!sid || !authToken) return;
+
+  try {
+    await fetch(`${process.env.REACT_APP_API_URL}/api/chat-sessions/${sid}/messages`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${authToken}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        session_id: sid,
+        message: {
+          ...message,
+          timestamp: message.timestamp.toISOString()
+        }
+      })
+    });
+  } catch (error) {
+    console.error('Error saving message to session:', error);
+  }
+};
+
+// Update session title based on first message
+const updateSessionTitle = async (sessionId, newTitle) => {
+  if (!sessionId || !authToken) return;
+
+  try {
+    await fetch(`${process.env.REACT_APP_API_URL}/api/chat-sessions/${sessionId}`, {
+      method: 'PUT',
+      headers: {
+        'Authorization': `Bearer ${authToken}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ title: newTitle })
+    });
+    setCurrentSessionTitle(newTitle);
+  } catch (error) {
+    console.error('Error updating session title:', error);
+  }
+};
+
+// Handle selecting a session from sidebar
+const handleSelectSession = async (sessionId) => {
+  if (sessionId === currentSessionId) return;
+  await loadChatSession(sessionId);
+};
+
+// Sidebar deleted the currently-active chat. Clear local state without
+// creating a replacement session.
+const handleCurrentSessionDeleted = () => {
+  setCurrentSessionId(null);
+  setCurrentSessionTitle('');
+  setMessages([]);
+  setReplyingTo(null);
+  setThinkingAdvisors([]);
+  setFollowupChips([]);
+  setUploadedDocuments([]);
+};
+
+// Handle creating new chat from sidebar
+const handleNewChat = async (sessionId = null) => {
+  if (sessionId) {
+    // Loading existing session
+    await loadChatSession(sessionId);
+    return; // Return early for existing session loading
+  } else {
+    // Creating completely new chat with fresh context
+    try {
+      // Step 1: Reset memory session
+      const response = await fetch(`${process.env.REACT_APP_API_URL}/new-chat`, {
+        method: 'POST',
+        headers: {
+          'Authorization': `Bearer ${authToken}`,
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          title: `Chat ${new Date().toLocaleDateString()}`
+        })
+      });
+
+      if (response.ok) {
+        const result = await response.json();
+        if (result.status === 'success') {
+          // Step 2: Immediately create MongoDB session
+          const newSessionId = await createNewSession(`Chat ${new Date().toLocaleDateString()}`);
+          
+          if (newSessionId) {
+            // Reset all state to fresh with the new session
+            setMessages([]);
+            setCurrentSessionId(newSessionId); // Set the new session ID immediately
+            setCurrentSessionTitle(`Chat ${new Date().toLocaleDateString()}`);
+            setReplyingTo(null);
+            setFollowupChips([]);
+            setThinkingAdvisors([]);
+            setUploadedDocuments([]);
+            
+            console.log('New chat created with MongoDB session:', newSessionId);
+            
+            // Wait a bit to ensure state has updated
+            await new Promise(resolve => setTimeout(resolve, 100));
+            return newSessionId; // Return the session ID for the sidebar
+          } else {
+            throw new Error('Failed to create MongoDB session');
+          }
+        } else {
+          throw new Error('Failed to create memory session');
+        }
+      } else {
+        throw new Error(`HTTP error: ${response.status}`);
+      }
+    } catch (error) {
+      console.error('Error creating new chat:', error);
+      
+      // Fallback to local reset
+      setMessages([]);
+      setCurrentSessionId(null);
+      setCurrentSessionTitle('');
+      setReplyingTo(null);
+      setThinkingAdvisors([]);
+      setUploadedDocuments([]);
+      
+      // Re-throw the error so the sidebar knows something went wrong
+      throw error;
+    }
+  }
+};
+
+  
+
+  const handleFileUploaded = async (file, uploadResult) => {
+    // FIXED: Use the upload result data for better messaging
+    const documentMessage = {
+      id: generateMessageId(),
+      type: 'document_upload',
+      content: `Document uploaded: ${uploadResult.filename || file.name} (${uploadResult.chunks_created || 0} sections processed)`,
+      timestamp: new Date()
+    };
+    
+    setMessages(prev => [...prev, documentMessage]);
+    setUploadedDocuments(prev => [...prev, file]);
+    
+    // FIXED: Log document access info
+    console.log('File uploaded to session:', {
+      filename: uploadResult.filename,
+      session_id: uploadResult.session_id,
+      chat_session_id: uploadResult.chat_session_id,
+      current_session_id: currentSessionId
+    });
+    
+    // Save document upload message to database if we have a current session
+    if (currentSessionId) {
+      await saveMessageToSession(documentMessage);
+    }
+  };
+
+
+  const handleSendMessage = async (inputMessage) => {
+    if (!inputMessage.trim()) return;
+
+    // Create user message
+    const userMessage = {
+      id: generateMessageId(),
+      type: 'user',
+      content: inputMessage,
+      timestamp: new Date()
+    };
+
+    // Add to local state immediately
+    setMessages(prev => [...prev, userMessage]);
+
+    // Create new session if we don't have one
+    let sessionId = currentSessionId;
+    if (!sessionId) {
+      sessionId = await createNewSession(inputMessage);
+      if (!sessionId) {
+        console.error('Failed to create session');
+        setMessages(prev => [...prev, {
+          id: generateMessageId(),
+          type: 'error',
+          content: 'Could not start a chat session. Your sign-in may have expired — please sign in again (or Explore as guest).',
+          timestamp: new Date(),
+        }]);
+        return;
+      }
+    }
+
+    saveMessageToSession(userMessage, sessionId).catch(err =>
+      console.error('Failed to persist user message:', err)
+    );
+
+    // Update session title if this is the first message and title is generic
+    if (messages.length === 0 && currentSessionTitle.includes('Chat ')) {
+      const newTitle = inputMessage.length > 30 
+        ? `${inputMessage.substring(0, 30)}...` 
+        : inputMessage;
+      await updateSessionTitle(sessionId, newTitle);
+    }
+
+    // Set loading state
+    setIsLoading(true);
+    const advisorsForRequest = activeAdvisorIds.length > 0
+      ? activeAdvisorIds
+      : Object.keys(advisors || {});
+    // Start with just the orchestrator's thinking bubble. The backend will
+    // emit a `progress { phase: 'selected', selected_advisors: [...] }` event
+    // naming the advisors it picked (ranked), and that handler will add their
+    // ThinkingIndicators. This prevents the brief flash of thinking indicators
+    // for every advisor in the active pool before ranking has run.
+    setThinkingAdvisors(['system']);
+    setFollowupChips([]);
+    rankedAdvisorIdsRef.current = [];
+    setJourneySuggestions([]);
+
+    try {
+      const response = await fetch(`${process.env.REACT_APP_API_URL}/chat-stream`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${authToken}`,
+        },
+        body: JSON.stringify({
+          user_input: inputMessage,
+          response_length: 'medium',
+          chat_session_id: sessionId,
+          active_advisors: advisorsForRequest,
+        }),
+      });
+
+      if (!response.ok) {
+        if (response.status === 401 && typeof onSignOut === 'function') {
+          onSignOut();
+          throw new Error('Session expired. Please sign in again.');
+        }
+        let detail = `HTTP error! status: ${response.status}`;
+        try {
+          const errBody = await response.json();
+          if (errBody?.detail) {
+            detail = typeof errBody.detail === 'string'
+              ? errBody.detail
+              : JSON.stringify(errBody.detail);
+          }
+        } catch { /* keep status text */ }
+        throw new Error(detail);
+      }
+
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder();
+      let buffer = '';
+
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split('\n');
+        buffer = lines.pop() ?? '';
+
+        for (const line of lines) {
+          if (!line.trim()) continue;
+          let payload;
+          try {
+            payload = JSON.parse(line);
+          } catch (parseErr) {
+            console.error('Failed to parse chat-stream line:', line, parseErr);
+            continue;
+          }
+
+          const d = payload.data || {};
+
+          switch (payload.type) {
+            case 'advisor': {
+              const msg = {
+                id: generateMessageId(),
+                type: 'advisor',
+                persona_id: d.persona_id,
+                content: d.content,
+                timestamp: new Date(),
+                advisorName: d.persona_name || d.persona_id,
+                used_documents: d.used_documents || false,
+                document_chunks_used: d.document_chunks_used || 0,
+                rank_index: Array.isArray(rankedAdvisorIdsRef.current)
+                  ? rankedAdvisorIdsRef.current.indexOf(d.persona_id)
+                  : -1,
+              };
+              setMessages(prev => {
+                const rank = rankedAdvisorIdsRef.current || [];
+                if (!rank.length) return [...prev, msg];
+                let i = prev.length;
+                while (i > 0 && prev[i - 1].type === 'advisor') i -= 1;
+                const before = prev.slice(0, i);
+                const group = [...prev.slice(i), msg];
+                group.sort((a, b) => {
+                  const ia = rank.indexOf(a.persona_id);
+                  const ib = rank.indexOf(b.persona_id);
+                  return (ia === -1 ? 999 : ia) - (ib === -1 ? 999 : ib);
+                });
+                return [...before, ...group];
+              });
+              setThinkingAdvisors(prev => prev.filter(a => a !== d.persona_id));
+              await saveMessageToSession(msg, sessionId);
+              break;
+            }
+            case 'clarification':
+              setMessages(prev => [...prev, {
+                id: generateMessageId(),
+                type: 'clarification',
+                content: d.message,
+                suggestions: d.suggestions || [],
+                timestamp: new Date(),
+              }]);
+              break;
+            case 'followups':
+              if (Array.isArray(d.suggestions) && d.suggestions.length > 0) {
+                setFollowupChips(d.suggestions);
+              }
+              break;
+            case 'journey_suggestions':
+              if (Array.isArray(d.items) && d.items.length > 0) {
+                setJourneySuggestions(d.items);
+              }
+              break;
+            case 'progress':
+              if (d.phase === 'selected' && Array.isArray(d.selected_advisors)) {
+                rankedAdvisorIdsRef.current = d.selected_advisors;
+                setThinkingAdvisors(prev => {
+                  const next = new Set(prev);
+                  next.add('system');
+                  d.selected_advisors.forEach(id => next.add(id));
+                  return Array.from(next);
+                });
+                break;
+              }
+              if (d.phase === 'complete') {
+                break;
+              }
+              if (d.persona_id != null) {
+                setThinkingAdvisors(prev => prev.filter(a => a !== d.persona_id));
+              }
+              break;
+            case 'error':
+              setMessages(prev => [...prev, {
+                id: generateMessageId(),
+                type: 'error',
+                content: d.detail || 'An error occurred',
+                timestamp: new Date(),
+              }]);
+              break;
+            default:
+              break;
+          }
+        }
+      }
+
+    } catch (error) {
+      console.error('Error sending message:', error);
+      setMessages(prev => [...prev, {
+        id: generateMessageId(),
+        type: 'error',
+        content: `Failed to send message: ${error.message}`,
+        timestamp: new Date()
+      }]);
+    } finally {
+      setIsLoading(false);
+      setThinkingAdvisors([]);
+      setSidebarRefreshTrigger(prev => prev + 1);
+    }
+  };
+
+  const handleReplyToAdvisor = async (inputMessage, replyContext) => {
+  // Ensure we have a session before proceeding
+  let sessionId = currentSessionId;
+  if (!sessionId) {
+    sessionId = await createNewSession(inputMessage);
+    if (!sessionId) {
+      console.error('Failed to create session for reply');
+      return;
+    }
+  }
+
+  const replyMessage = {
+    id: generateMessageId(),
+    type: 'user',
+    content: inputMessage,
+    replyTo: {
+      advisorId: replyContext.persona_id,
+      advisorName: replyContext.advisorName,
+      messageId: replyContext.messageId
+    },
+    timestamp: new Date()
+  };
+
+  setMessages(prev => [...prev, replyMessage]);
+  
+  // Save reply message to database with explicit session ID
+  await saveMessageToSession(replyMessage, sessionId);
+  
+  setIsLoading(true);
+  setThinkingAdvisors([replyContext.persona_id]);
+
+  try {
+    const response = await fetch(`${process.env.REACT_APP_API_URL}/reply-to-advisor`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${authToken}`,
+      },
+      body: JSON.stringify({
+        user_input: inputMessage,
+        advisor_id: replyContext.advisorId,
+        original_message_id: replyContext.messageId,
+        chat_session_id: sessionId // Use confirmed session ID
+      }),
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! Status: ${response.status}`);
+    }
+
+    const data = await response.json();
+
+    if (data.type === 'advisor_reply') {
+      const replyResponseMessage = {
+        id: generateMessageId(),
+        type: 'advisor',
+        persona_id: data.persona_id,
+        advisorName: data.persona,
+        content: data.response,
+        isReply: true,
+        timestamp: new Date()
+      };
+      setMessages(prev => [...prev, replyResponseMessage]);
+      
+      // Save advisor reply to database
+      await saveMessageToSession(replyResponseMessage, sessionId);
+    }
+
+  } catch (error) {
+    console.error('Error replying to advisor:', error);
+    const errorMessage = {
+      id: generateMessageId(),
+      type: 'error',
+      content: 'Sorry, I encountered an error with your reply. Please try again.',
+      timestamp: new Date()
+    };
+    setMessages(prev => [...prev, errorMessage]);
+    
+    // Save error message to database
+    await saveMessageToSession(errorMessage, sessionId);
+  }
+
+  setIsLoading(false);
+  setThinkingAdvisors([]);
+};
+
+  const handleExpandMessage = async (messageId, advisorId) => {
+    const advisor = advisors[advisorId];
+    if (!advisor) return;
+
+    const originalMessage = messages.find(msg => msg.id === messageId);
+    if (!originalMessage) return;
+
+    const expandPrompt = `Please expand on your previous response: "${originalMessage.content.substring(0, 100)}..." Provide more detail and depth.`;
+    
+    const expandMessage = {
+      id: generateMessageId(),
+      type: 'user',
+      content: expandPrompt,
+      timestamp: new Date(),
+      isExpandRequest: true,
+      expandsMessageId: messageId
+    };
+    setMessages(prev => [...prev, expandMessage]);
+    
+    // Save expand request to database
+    await saveMessageToSession(expandMessage);
+    
+    setIsLoading(true);
+    setThinkingAdvisors([advisorId]);
+
+    try {
+      const response = await fetch(`${process.env.REACT_APP_API_URL}/chat/${advisorId}`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${authToken}`,
+        },
+        body: JSON.stringify({
+          user_input: expandPrompt,
+          response_length: 'long'
+        }),
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! Status: ${response.status}`);
+      }
+
+      const data = await response.json();
+
+      if (data.persona && data.response) {
+        const expandedMessage = {
+          id: generateMessageId(),
+          type: 'advisor',
+          persona_id: advisorId,
+          advisorName: advisor.name,
+          content: data.response,
+          isExpansion: true,
+          expandsMessageId: messageId,
+          timestamp: new Date()
+        };
+        setMessages(prev => [...prev, expandedMessage]);
+        
+        // Save expanded response to database
+        await saveMessageToSession(expandedMessage);
+      } else {
+        const errorMessage = {
+          id: generateMessageId(),
+          type: 'error',
+          content: 'Sorry, I received an unexpected response format. Please try again.',
+          timestamp: new Date()
+        };
+        setMessages(prev => [...prev, errorMessage]);
+        
+        // Save error message to database
+        await saveMessageToSession(errorMessage);
+      }
+
+    } catch (error) {
+      console.error('Error expanding message:', error);
+      const errorMessage = {
+        id: generateMessageId(),
+        type: 'error',
+        content: 'Sorry, I encountered an error while expanding the message. Please try again.',
+        timestamp: new Date()
+      };
+      setMessages(prev => [...prev, errorMessage]);
+      
+      // Save error message to database
+      await saveMessageToSession(errorMessage);
+    }
+
+    setIsLoading(false);
+    setThinkingAdvisors([]);
+  };
+
+  const handleReplyToMessage = (message) => {
+    const advisor = advisors[message.persona_id];
+    setReplyingTo({
+      advisorId: message.persona_id,
+      messageId: message.id,
+      advisorName: advisor?.name || message.advisorName || 'Advisor',
+      persona_id: message.persona_id
+    });
+  };
+
+  const handleMessageClick = (message) => {
+    if (message.type === 'advisor') {
+      const advisor = advisors[message.persona_id];
+      setReplyingTo({
+        advisorId: message.persona_id,
+        messageId: message.id,
+        advisorName: advisor?.name || message.advisorName || 'Advisor',
+        persona_id: message.persona_id
+      });
+    }
+  };
+
+  /** Group consecutive advisor messages so we can render them in a horizontal carousel */
+  const messageGroups = useMemo(() => {
+    const groups = [];
+    let i = 0;
+    while (i < messages.length) {
+      if (messages[i].type === 'advisor') {
+        const advisorGroup = [];
+        while (i < messages.length && messages[i].type === 'advisor') {
+          advisorGroup.push(messages[i]);
+          i++;
+        }
+        groups.push({ type: 'advisor_group', messages: advisorGroup });
+      } else {
+        groups.push({ type: 'single', message: messages[i] });
+        i++;
+      }
+    }
+    return groups;
+  }, [messages]);
+
+  const handleInputSubmit = async (inputMessage) => {
+  if (replyingTo) {
+    // This is a reply to a specific message
+    await handleReplyToAdvisor(inputMessage, replyingTo);
+  } else {
+    // This is a regular message
+    await handleSendMessage(inputMessage);
+  }
+};
+
+  const cancelReply = () => {
+    setReplyingTo(null);
+  };
+
+  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
+
+  const handleSidebarToggle = (isCollapsed) => {
+    setIsSidebarCollapsed(isCollapsed);
+  };
+
+  const hasMessages = messages.length > 0;
+  const hasConversationMessages = messages.filter(m => m.type !== 'system' && m.type !== 'document_upload').length > 0;
+
+  const chatPlaceholder = config?.chat_page?.placeholder || "Ask your advisors anything...";
+
+  return (
+    <div className="chat-page-with-sidebar">
+      {/* Sidebar Component */}
+      <Sidebar 
+        user={user}
+        currentSessionId={currentSessionId}
+        onSelectSession={handleSelectSession}
+        onNewChat={handleNewChat}
+        onCurrentSessionDeleted={handleCurrentSessionDeleted}
+        onSignOut={onSignOut}
+        authToken={authToken}
+        onSidebarToggle={handleSidebarToggle}
+        isMobileOpen={isMobileMenuOpen}
+        onMobileToggle={setIsMobileMenuOpen}
+        onNavigateToCanvas={onNavigateToCanvas}
+        refreshTrigger={sidebarRefreshTrigger}
+        userAvatarId={userAvatarId}
+        onAvatarChange={handleAvatarChange}
+        onOpenProfile={() => {
+          setAboutYouInitialTab('about');
+          setShowAboutYou(true);
+        }}
+        onOpenAccount={() => {
+          setSettingsInitialTab('profile');
+          setShowSettings(true);
+        }}
+        onOpenClearData={() => setShowClearData(true)}
+        onOpenModelStatus={() => {
+          setSettingsInitialTab('model-status');
+          setShowSettings(true);
+        }}
+        onNavigateToJourney={onNavigateToJourney}
+        onRemoveSampleData={user?.is_guest ? async () => {
+          if (!window.confirm('Remove all sample demo data? You stay in guest mode with a clean slate.')) return;
+          try {
+            const { removeGuestSampleData } = await import('../utils/guestSample');
+            await removeGuestSampleData(authToken);
+            setMessages([]);
+            setCurrentSessionId(null);
+            setCurrentSessionTitle('');
+            setSidebarRefreshTrigger((n) => (n || 0) + 1);
+            window.alert('Sample data removed.');
+          } catch (e) {
+            window.alert(e.message || 'Failed to remove sample data');
+          }
+        } : undefined}
+      />
+      
+      <div className={`main-chat-area ${isSidebarCollapsed ? 'sidebar-collapsed' : ''}`}>
+        <div className="modern-chat-page">
+          <AppHeader
+            currentPage="chat"
+            onNavigateToHome={onNavigateToHome}
+            onNavigateToChat={() => {}}
+            onNavigateToCanvas={onNavigateToCanvas}
+            onNavigateToJourney={onNavigateToJourney}
+            onMobileMenu={handleMobileMenuToggle}
+          >
+            <AdvisorStatusDropdown
+              advisors={advisors}
+              activeAdvisorIds={activeAdvisorIds}
+              onToggleAdvisor={handleToggleAdvisor}
+              onSetActiveAdvisors={handleSetActiveAdvisors}
+              thinkingAdvisors={thinkingAdvisors}
+              getAdvisorColors={getAdvisorColors}
+              isDark={isDark}
+            />
+            {/* User guide button (from main) — slotted into AppHeader's children */}
+            <button
+              className="icon-btn header-help-btn"
+              onClick={() => window.dispatchEvent(new CustomEvent('open-user-guide'))}
+              title="Open user guide"
+            >
+              <HelpCircle size={18} />
+            </button>
+          </AppHeader>
+
+          {/* Main Content */}
+          <div className="chat-content">
+            {!hasMessages ? (
+              <div className="welcome-state">
+                <IntakePanel onSubmit={handleSendMessage} guestPersona={guestPersona} />
+                <SuggestionsPanel onSuggestionClick={handleSendMessage} guestPersona={guestPersona} />
+              </div>
+            ) : (
+              <div className="messages-container">
+                {/* Add loading session indicator */}
+                {isLoadingSession && (
+                  <div className="loading-session">
+                    <div className="loading-spinner"></div>
+                    <span>Loading chat session...</span>
+                  </div>
+                )}
+                
+                <div className="messages-list">
+                  <div className="messages-scroll">
+                    {messageGroups.map((group) => (
+                      group.type === 'advisor_group' ? (
+                        <AdvisorCarousel
+                          key={group.messages.map(m => m.id).join('-')}
+                          messages={group.messages}
+                          onReply={handleReplyToMessage}
+                          onExpand={handleExpandMessage}
+                          onClick={handleMessageClick}
+                        />
+                      ) : (
+                      <div key={group.message.id}>
+                        {group.message.type === 'user' && (
+                          <div className="user-message-container">
+                            <div className="user-message">
+                              {group.message.replyTo && (
+                                <div className="reply-indicator">
+                                  <Reply size={12} />
+                                  <span>Reply to {group.message.replyTo.advisorName}</span>
+                                </div>
+                              )}
+                              <p>{group.message.content}</p>
+                            </div>
+                          </div>
+                        )}
+
+                        {group.message.type === 'error' && (
+                          <div className="error-message-container">
+                            <div className="error-message">
+                              <p>{group.message.content}</p>
+                            </div>
+                          </div>
+                        )}
+
+                        {group.message.type === 'system' && (
+                          <div className="system-message-container">
+                            <div className="system-message">
+                              <p>{group.message.content}</p>
+                            </div>
+                          </div>
+                        )}
+
+                        {group.message.type === 'document_upload' && (
+                          <div className="system-message-container">
+                            <div className="system-message document-upload">
+                              <FileText size={16} />
+                              <p>{group.message.content}</p>
+                            </div>
+                          </div>
+                        )}
+
+                        {group.message.type === 'clarification' && (
+                          <div className="clarification-message-container">
+                            <div className="clarification-message">
+                              <div className="clarification-header">
+                                <MessageCircle size={16} />
+                                <span>I need a bit more information</span>
+                              </div>
+                              <p>{group.message.content}</p>
+                              
+                              {group.message.suggestions && group.message.suggestions.length > 0 && (
+                                <div className="clarification-suggestions">
+                                  <p className="suggestions-label">Here are some ways you could be more specific:</p>
+                                  <div className="suggestions-list">
+                                    {group.message.suggestions.map((suggestion, index) => (
+                                      <button
+                                        key={index}
+                                        className="suggestion-button"
+                                        onClick={() => handleSendMessage(suggestion)}
+                                      >
+                                        {suggestion}
+                                      </button>
+                                    ))}
+                                  </div>
+                                </div>
+                              )}
+                            </div>
+                          </div>
+                        )}
+                      </div>
+                      )
+                    ))}
+
+                    {thinkingAdvisors.includes('system') && (
+                      <div className="orchestrator-thinking">
+                        <div className="thinking-bubble">
+                          <MessageCircle size={20} />
+                        </div>
+                        <div className="thinking-content">
+                          <span className="thinking-label">Orchestrator is thinking...</span>
+                          <div className="thinking-animation">
+                            <div className="dot"></div>
+                            <div className="dot"></div>
+                            <div className="dot"></div>
+                          </div>
+                        </div>
+                      </div>
+                    )}
+                    
+                    {thinkingAdvisors.filter(id => id !== 'system').map(advisorId => (
+                      <ThinkingIndicator key={advisorId} advisorId={advisorId} />
+                    ))}
+
+                    <div ref={messagesEndRef} />
+                  </div>
+                </div>
+              </div>
+            )}
+          </div>
+
+          <div className="floating-input-area">
+            {journeySuggestions.length > 0 && !isLoading && (
+              <div className="journey-suggestions-banner" role="region" aria-label="Journey progress suggestions">
+                <span className="journey-suggestions-label">
+                  Your advisors think you've already completed:
+                </span>
+                {journeySuggestions.map((item) => (
+                  <button
+                    key={item.id}
+                    type="button"
+                    className="journey-suggestion-btn"
+                    onClick={async () => {
+                      try {
+                        const resp = await fetch(
+                          `${process.env.REACT_APP_API_URL}/api/journey/me/items/${encodeURIComponent(item.id)}/complete`,
+                          {
+                            method: 'POST',
+                            headers: { Authorization: `Bearer ${authToken}` },
+                          }
+                        );
+                        if (resp.ok) {
+                          setJourneySuggestions(prev => prev.filter(i => i.id !== item.id));
+                        }
+                      } catch (e) {
+                        console.error('Failed to check off journey item:', e);
+                      }
+                    }}
+                  >
+                    ✓ {item.title}
+                  </button>
+                ))}
+                <button
+                  type="button"
+                  className="journey-suggestion-dismiss"
+                  aria-label="Dismiss suggestions"
+                  onClick={() => setJourneySuggestions([])}
+                >
+                  <X size={14} />
+                </button>
+              </div>
+            )}
+            {followupChips.length > 0 && !isLoading && (
+              <div className="followup-chips" role="group" aria-label="Suggested follow-ups">
+                {followupChips.map((chip, idx) => (
+                  <button
+                    key={idx}
+                    type="button"
+                    className="followup-chip"
+                    onClick={() => {
+                      setFollowupChips([]);
+                      handleInputSubmit(chip);
+                    }}
+                  >
+                    {chip}
+                  </button>
+                ))}
+              </div>
+            )}
+            {replyingTo && (
+              <div className="reply-banner">
+                <div className="reply-info">
+                  <Reply size={16} />
+                  <span>Replying to <strong>{replyingTo.advisorName}</strong></span>
+                </div>
+                <button onClick={cancelReply} className="cancel-reply">
+                  <X size={16} />
+                </button>
+              </div>
+            )}
+            
+            <EnhancedChatInput 
+              onSendMessage={handleInputSubmit}
+              onFileUploaded={handleFileUploaded}
+              uploadedDocuments={uploadedDocuments}
+              isLoading={isLoading}
+              currentChatSessionId={currentSessionId}
+              authToken={authToken}
+              placeholder={
+                replyingTo 
+                  ? `Reply to ${replyingTo.advisorName}...`
+                  : chatPlaceholder
+              }
+              showProfileButtons={!userProfile}
+              onOpenOnboarding={() => setShowOnboarding(true)}
+              onOpenProfileForm={() => {
+                setAboutYouInitialTab('profile');
+                setShowAboutYou(true);
+              }}
+            />
+            <div className="chat-input-footer-actions">
+              <ExportButton
+                hasMessages={hasConversationMessages}
+                currentSessionId={currentSessionId}
+                authToken={authToken}
+                dropdownPlacement="above"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {showAboutYou && (
+        <AboutYouModal
+          authToken={authToken}
+          existingProfile={userProfile}
+          initialTab={aboutYouInitialTab}
+          onClose={() => { setShowAboutYou(false); loadProfile(); }}
+        />
+      )}
+      {showOnboarding && (
+        <OnboardingChat
+          authToken={authToken}
+          userName={user?.firstName}
+          onClose={() => { setShowOnboarding(false); loadProfile(); }}
+        />
+      )}
+      {showSettings && (
+        <SettingsModal
+          user={user}
+          authToken={authToken}
+          initialTab={settingsInitialTab}
+          onClose={() => setShowSettings(false)}
+          onSignOut={onSignOut}
+          onUserUpdate={(u) => {
+            localStorage.setItem('user', JSON.stringify(u));
+          }}
+        />
+      )}
+      {showClearData && (
+        <ClearDataModal
+          authToken={authToken}
+          onClose={() => setShowClearData(false)}
+          onDataCleared={() => { loadProfile(); setShowClearData(false); }}
+        />
+      )}
+    </div>
+  );
+};
+
+export default ChatPage;
diff --git a/frontend/src/pages/HomePage.js b/frontend/src/pages/HomePage.js
new file mode 100644
index 0000000000000000000000000000000000000000..88d798fa053f03f82affa7fe34c816f60cba1f5a
--- /dev/null
+++ b/frontend/src/pages/HomePage.js
@@ -0,0 +1,113 @@
+import React, { useState } from 'react';
+import { MessageCircle, ArrowRight, Sparkles } from 'lucide-react';
+import AdvisorCard from '../components/AdvisorCard';
+import AppHeader from '../components/AppHeader';
+import CopyrightNotice from '../components/CopyrightNotice';
+import GuestIntakeModal from '../components/GuestIntakeModal';
+import { useAppConfig } from '../contexts/AppConfigContext';
+
+const HomePage = ({
+  onNavigateToChat,
+  isAuthenticated,
+  onNavigateToHome,
+  onNavigateToCanvas,
+  onExploreAsGuest,
+}) => {
+  const { config, advisors, resolveIcon } = useAppConfig();
+  const [showGuestIntake, setShowGuestIntake] = useState(false);
+
+  return (
+    <div className="homepage">
+      <AppHeader
+        currentPage="home"
+        onNavigateToHome={onNavigateToHome}
+        onNavigateToChat={onNavigateToChat}
+        onNavigateToCanvas={onNavigateToCanvas}
+      />
+
+      {/* Hero Section */}
+      <main className="main">
+        <div className="hero-section">
+          <h2 className="hero-title">
+            {config.homepage.headline_prefix}{' '}
+            <span className="hero-highlight">{config.homepage.headline_highlight}</span>
+          </h2>
+          <p className="hero-subtitle">
+            {config.homepage.description}
+          </p>
+          <div style={{ display: 'flex', flexWrap: 'wrap', gap: 12, justifyContent: 'center', alignItems: 'center' }}>
+            <button
+              onClick={onNavigateToChat}
+              className="cta-button"
+            >
+              <MessageCircle className="cta-icon" />
+              <span>{isAuthenticated ? 'Continue Conversation' : 'Sign in / Start'}</span>
+              <ArrowRight className="cta-arrow" />
+            </button>
+            {!isAuthenticated && (
+              <button
+                type="button"
+                className="cta-button"
+                onClick={() => setShowGuestIntake(true)}
+                style={{
+                  background: 'transparent',
+                  color: 'var(--accent-primary, #0F766E)',
+                  border: '2px solid var(--accent-primary, #0F766E)',
+                  boxShadow: 'none',
+                }}
+              >
+                <Sparkles className="cta-icon" />
+                <span>Explore as guest</span>
+              </button>
+            )}
+          </div>
+        </div>
+
+        {/* Advisors Grid */}
+        <div className="advisors-grid">
+          {Object.entries(advisors).map(([id, advisor]) => (
+            <AdvisorCard key={id} advisor={advisor} advisorId={id} />
+          ))}
+        </div>
+
+        {/* Features Section */}
+        <div className="features-section">
+          <h3 className="features-title">{config.homepage.features_title}</h3>
+          <div className="features-grid">
+            {(config.homepage.features || []).map((feature, index) => {
+              const FeatureIcon = resolveIcon(feature.icon);
+              return (
+                <div key={index} className="feature-card">
+                  <div className="feature-icon">
+                    <FeatureIcon />
+                  </div>
+                  <h4 className="feature-title">{feature.title}</h4>
+                  <p className="feature-description">
+                    {feature.description}
+                  </p>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </main>
+      {/* Footer */}
+      <footer className="footer">
+        <div className="footer-content">
+          <CopyrightNotice />
+        </div>
+      </footer>
+      {showGuestIntake && (
+        <GuestIntakeModal
+          onClose={() => setShowGuestIntake(false)}
+          onSuccess={(user, token) => {
+            setShowGuestIntake(false);
+            onExploreAsGuest?.(user, token);
+          }}
+        />
+      )}
+    </div>
+  );
+};
+
+export default HomePage;
diff --git a/frontend/src/pages/JourneyPage.js b/frontend/src/pages/JourneyPage.js
new file mode 100644
index 0000000000000000000000000000000000000000..24abfa00601f5d4e82b8e6825135aa581475d943
--- /dev/null
+++ b/frontend/src/pages/JourneyPage.js
@@ -0,0 +1,410 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import {
+  CheckCircle2, Circle, Map, RefreshCw,
+  TrendingUp, TrendingDown, Minus, ClipboardCheck,
+} from 'lucide-react';
+import AppHeader from '../components/AppHeader';
+import Sidebar from '../components/Sidebar';
+import AboutYouModal from '../components/AboutYouModal';
+import ClearDataModal from '../components/ClearDataModal';
+import SettingsModal from '../components/SettingsModal';
+import '../styles/JourneyPage.css';
+
+const api = (path, token, options = {}) =>
+  fetch(`${process.env.REACT_APP_API_URL || ''}${path}`, {
+    ...options,
+    headers: {
+      Authorization: `Bearer ${token}`,
+      'Content-Type': 'application/json',
+      ...(options.headers || {}),
+    },
+  });
+
+const JourneyPage = ({
+  user,
+  authToken,
+  onNavigateToHome,
+  onNavigateToChat,
+  onNavigateToCanvas,
+  onNavigateToJourney,
+  onSignOut,
+}) => {
+  const [tracks, setTracks] = useState([]);
+  const [progress, setProgress] = useState(null);
+  const [activeTrack, setActiveTrack] = useState(null);
+  const [assessments, setAssessments] = useState([]);
+  const [showAssessmentForm, setShowAssessmentForm] = useState(false);
+  const [newScores, setNewScores] = useState({ confidence: 3, coverage: 3, readiness: 3 });
+  const [assessmentNotes, setAssessmentNotes] = useState('');
+  const [savingAssessment, setSavingAssessment] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  const [showAboutYou, setShowAboutYou] = useState(false);
+  const [showClearData, setShowClearData] = useState(false);
+  const [showSettings, setShowSettings] = useState(false);
+  const [settingsInitialTab, setSettingsInitialTab] = useState('profile');
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [tracksResp, meResp, assessResp] = await Promise.all([
+        api('/api/journey/tracks', authToken),
+        api('/api/journey/me', authToken),
+        api('/api/journey/me/assessments', authToken),
+      ]);
+      if (!tracksResp.ok) throw new Error('Failed to load tracks');
+      if (!meResp.ok) throw new Error('Failed to load progress');
+      const trackList = await tracksResp.json();
+      const me = await meResp.json();
+      const list = Array.isArray(trackList) ? trackList : trackList.tracks || [];
+      setTracks(list);
+      setProgress(me);
+      setActiveTrack(list.find((t) => t.id === me.active_track_id) || null);
+      if (assessResp.ok) {
+        const items = await assessResp.json();
+        setAssessments(Array.isArray(items) ? items : []);
+      }
+    } catch (e) {
+      setError(e.message || 'Could not load journey');
+    } finally {
+      setLoading(false);
+    }
+  }, [authToken]);
+
+  useEffect(() => {
+    if (authToken) load();
+  }, [authToken, load]);
+
+  const selectTrack = async (trackId) => {
+    const resp = await api('/api/journey/me', authToken, {
+      method: 'PUT',
+      body: JSON.stringify({ active_track_id: trackId }),
+    });
+    if (resp.ok) await load();
+  };
+
+  const toggleItem = async (itemId, checked) => {
+    const path = checked
+      ? `/api/journey/me/items/${encodeURIComponent(itemId)}/uncomplete`
+      : `/api/journey/me/items/${encodeURIComponent(itemId)}/complete`;
+    const resp = await api(path, authToken, { method: 'POST' });
+    if (resp.ok) {
+      const me = await resp.json();
+      setProgress(me);
+      if (me.active_track_id) {
+        setActiveTrack((prev) =>
+          prev?.id === me.active_track_id
+            ? prev
+            : tracks.find((t) => t.id === me.active_track_id) || prev
+        );
+      }
+    }
+  };
+
+  const submitAssessment = async () => {
+    setSavingAssessment(true);
+    try {
+      const resp = await api('/api/journey/me/assessments', authToken, {
+        method: 'POST',
+        body: JSON.stringify({
+          scores: newScores,
+          notes: assessmentNotes.trim() || null,
+        }),
+      });
+      if (resp.ok) {
+        setShowAssessmentForm(false);
+        setAssessmentNotes('');
+        setNewScores({ confidence: 3, coverage: 3, readiness: 3 });
+        await load();
+      }
+    } finally {
+      setSavingAssessment(false);
+    }
+  };
+
+  const avgScore = (a) => {
+    const vals = Object.values(a?.scores || {}).filter((v) => typeof v === 'number');
+    if (!vals.length) return null;
+    return vals.reduce((s, v) => s + v, 0) / vals.length;
+  };
+
+  // Assessments arrive newest-first; trend compares latest vs previous
+  const latestAvg = assessments.length > 0 ? avgScore(assessments[0]) : null;
+  const prevAvg = assessments.length > 1 ? avgScore(assessments[1]) : null;
+  const trendDelta = latestAvg != null && prevAvg != null ? latestAvg - prevAvg : null;
+
+  const checked = new Set(progress?.checked_item_ids || []);
+
+  return (
+    <div className="journey-page-with-sidebar">
+      <Sidebar
+        user={user}
+        onNewChat={onNavigateToChat}
+        onSignOut={onSignOut}
+        authToken={authToken}
+        onSidebarToggle={setIsSidebarCollapsed}
+        isMobileOpen={isMobileMenuOpen}
+        onMobileToggle={setIsMobileMenuOpen}
+        onNavigateToCanvas={onNavigateToCanvas}
+        onNavigateToJourney={onNavigateToJourney}
+        onSelectSession={() => onNavigateToChat()}
+        pageContext="journey"
+        onOpenProfile={() => setShowAboutYou(true)}
+        onOpenAccount={() => {
+          setSettingsInitialTab('profile');
+          setShowSettings(true);
+        }}
+        onOpenClearData={() => setShowClearData(true)}
+        onOpenModelStatus={() => {
+          setSettingsInitialTab('model-status');
+          setShowSettings(true);
+        }}
+        onRemoveSampleData={user?.is_guest ? async () => {
+          if (!window.confirm('Remove all sample demo data? You stay in guest mode with a clean slate.')) return;
+          try {
+            const { removeGuestSampleData } = await import('../utils/guestSample');
+            await removeGuestSampleData(authToken);
+            await load();
+            window.alert('Sample data removed.');
+          } catch (e) {
+            window.alert(e.message || 'Failed to remove sample data');
+          }
+        } : undefined}
+      />
+      <div className={`journey-main ${isSidebarCollapsed ? 'sidebar-collapsed' : ''}`}>
+        <AppHeader
+          currentPage="journey"
+          onNavigateToHome={onNavigateToHome}
+          onNavigateToChat={onNavigateToChat}
+          onNavigateToCanvas={onNavigateToCanvas}
+          onNavigateToJourney={onNavigateToJourney}
+          onMobileMenu={() => setIsMobileMenuOpen(true)}
+        >
+          <button type="button" className="icon-btn" onClick={load} title="Refresh">
+            <RefreshCw size={18} />
+          </button>
+        </AppHeader>
+
+        <div className="journey-content">
+          <header className="journey-hero">
+            <Map size={28} />
+            <div>
+              <h1>Security Journey</h1>
+              <p>Track progress toward your cybersecurity goals.</p>
+            </div>
+          </header>
+
+          {error && <p className="journey-error">{error}</p>}
+          {loading ? (
+            <p>Loading journey…</p>
+          ) : (
+            <>
+              <section className="journey-progress-card">
+                <div className="journey-progress-meta">
+                  <strong>
+                    {progress?.level_name
+                      ? `Level ${(progress.level_index ?? 0) + 1} of ${progress.level_count || '?'}: ${progress.level_name}`
+                      : 'No track selected'}
+                  </strong>
+                  <span>
+                    {progress?.active_track_id
+                      ? `${Math.round(progress.pct_overall || 0)}% overall · ${Math.round(progress.pct_in_level || 0)}% of current level`
+                      : 'Pick a track to begin'}
+                  </span>
+                </div>
+                <div className="journey-progress-bar" role="progressbar" aria-valuenow={progress?.pct_overall || 0} aria-valuemin={0} aria-valuemax={100}>
+                  <div
+                    className="journey-progress-fill"
+                    style={{ width: `${Math.min(100, progress?.pct_overall || 0)}%` }}
+                  />
+                </div>
+                {progress?.active_track_id && (
+                  <div
+                    className="journey-progress-bar journey-progress-bar--level"
+                    role="progressbar"
+                    aria-label="Current level progress"
+                    aria-valuenow={progress?.pct_in_level || 0}
+                    aria-valuemin={0}
+                    aria-valuemax={100}
+                  >
+                    <div
+                      className="journey-progress-fill journey-progress-fill--level"
+                      style={{ width: `${Math.min(100, progress?.pct_in_level || 0)}%` }}
+                    />
+                  </div>
+                )}
+              </section>
+
+              <section className="journey-assessments">
+                <div className="journey-assessments-head">
+                  <h2>
+                    <ClipboardCheck size={18} />
+                    Self-assessments
+                  </h2>
+                  <button
+                    type="button"
+                    className="journey-assess-new"
+                    onClick={() => setShowAssessmentForm((v) => !v)}
+                  >
+                    {showAssessmentForm ? 'Cancel' : 'New assessment'}
+                  </button>
+                </div>
+
+                {trendDelta != null && (
+                  <p className={`journey-trend ${trendDelta > 0 ? 'up' : trendDelta < 0 ? 'down' : 'flat'}`}>
+                    {trendDelta > 0 ? <TrendingUp size={16} /> : trendDelta < 0 ? <TrendingDown size={16} /> : <Minus size={16} />}
+                    {trendDelta > 0
+                      ? `Improving: +${trendDelta.toFixed(1)} since your previous assessment`
+                      : trendDelta < 0
+                        ? `Down ${Math.abs(trendDelta).toFixed(1)} since your previous assessment`
+                        : 'Holding steady since your previous assessment'}
+                  </p>
+                )}
+
+                {showAssessmentForm && (
+                  <div className="journey-assess-form">
+                    {Object.entries(newScores).map(([dim, val]) => (
+                      <label key={dim} className="journey-assess-slider">
+                        <span className="journey-assess-dim">{dim}</span>
+                        <input
+                          type="range"
+                          min={1}
+                          max={5}
+                          step={1}
+                          value={val}
+                          onChange={(e) =>
+                            setNewScores((prev) => ({ ...prev, [dim]: Number(e.target.value) }))
+                          }
+                        />
+                        <span className="journey-assess-val">{val}/5</span>
+                      </label>
+                    ))}
+                    <textarea
+                      rows={2}
+                      placeholder="Notes (optional) — what changed since last time?"
+                      value={assessmentNotes}
+                      onChange={(e) => setAssessmentNotes(e.target.value)}
+                    />
+                    <button
+                      type="button"
+                      className="journey-assess-save"
+                      disabled={savingAssessment}
+                      onClick={submitAssessment}
+                    >
+                      {savingAssessment ? 'Saving…' : 'Save assessment'}
+                    </button>
+                  </div>
+                )}
+
+                {assessments.length === 0 && !showAssessmentForm ? (
+                  <p className="journey-assess-empty">
+                    No assessments yet. Rate your confidence, coverage, and readiness to
+                    see your trend over time.
+                  </p>
+                ) : (
+                  <ul className="journey-assess-list">
+                    {assessments.slice(0, 5).map((a) => {
+                      const avg = avgScore(a);
+                      return (
+                        <li key={a.id}>
+                          <span className="journey-assess-date">
+                            {a.created_at ? new Date(a.created_at).toLocaleDateString() : '—'}
+                          </span>
+                          <span className="journey-assess-score">
+                            {avg != null ? `${avg.toFixed(1)}/5` : '—'}
+                          </span>
+                          <span className="journey-assess-notes">{a.notes || ''}</span>
+                        </li>
+                      );
+                    })}
+                  </ul>
+                )}
+              </section>
+
+              <section className="journey-tracks">
+                <h2>Tracks</h2>
+                <div className="journey-track-grid">
+                  {tracks.map((t) => (
+                    <button
+                      key={t.id}
+                      type="button"
+                      className={`journey-track-card${progress?.active_track_id === t.id ? ' active' : ''}`}
+                      onClick={() => selectTrack(t.id)}
+                    >
+                      <strong>{t.name}</strong>
+                      <span>{t.description}</span>
+                    </button>
+                  ))}
+                </div>
+              </section>
+
+              {activeTrack && (
+                <section className="journey-levels">
+                  <h2>{activeTrack.name}</h2>
+                  {(activeTrack.levels || []).map((level) => (
+                    <div key={level.id} className="journey-level">
+                      <h3>
+                        {level.name}
+                        {progress?.level_id === level.id ? ' · current' : ''}
+                      </h3>
+                      <p>{level.description}</p>
+                      <ul>
+                        {(level.items || []).map((item) => {
+                          const isDone = checked.has(item.id);
+                          return (
+                            <li key={item.id}>
+                              <button
+                                type="button"
+                                className={`journey-check${isDone ? ' done' : ''}`}
+                                onClick={() => toggleItem(item.id, isDone)}
+                              >
+                                {isDone ? <CheckCircle2 size={18} /> : <Circle size={18} />}
+                                <span>
+                                  <strong>{item.title}</strong>
+                                  <em>{item.description}</em>
+                                </span>
+                              </button>
+                            </li>
+                          );
+                        })}
+                      </ul>
+                    </div>
+                  ))}
+                </section>
+              )}
+            </>
+          )}
+        </div>
+      </div>
+      {showAboutYou && (
+        <AboutYouModal
+          authToken={authToken}
+          onClose={() => setShowAboutYou(false)}
+        />
+      )}
+      {showSettings && (
+        <SettingsModal
+          user={user}
+          authToken={authToken}
+          initialTab={settingsInitialTab}
+          onClose={() => setShowSettings(false)}
+          onSignOut={onSignOut}
+          onUserUpdate={(u) => {
+            localStorage.setItem('user', JSON.stringify(u));
+          }}
+        />
+      )}
+      {showClearData && (
+        <ClearDataModal
+          authToken={authToken}
+          onClose={() => setShowClearData(false)}
+        />
+      )}
+    </div>
+  );
+};
+
+export default JourneyPage;
diff --git a/frontend/src/reportWebVitals.js b/frontend/src/reportWebVitals.js
new file mode 100644
index 0000000000000000000000000000000000000000..5253d3ad9e6be6690549cb255f5952337b02401d
--- /dev/null
+++ b/frontend/src/reportWebVitals.js
@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;
diff --git a/frontend/src/setupTests.js b/frontend/src/setupTests.js
new file mode 100644
index 0000000000000000000000000000000000000000..8f2609b7b3e0e3897ab3bcaad13caf6876e48699
--- /dev/null
+++ b/frontend/src/setupTests.js
@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
diff --git a/frontend/src/styles/CanvasPage.css b/frontend/src/styles/CanvasPage.css
new file mode 100644
index 0000000000000000000000000000000000000000..b81a680fb5606d263c257934372ba0698779250d
--- /dev/null
+++ b/frontend/src/styles/CanvasPage.css
@@ -0,0 +1,3553 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
+
+/* Layout: app sidebar + canvas main area (matches chat-page-with-sidebar pattern) */
+.canvas-page-with-sidebar {
+  display: flex;
+  height: 100vh;
+  overflow: hidden;
+  background: var(--bg-gradient);
+}
+.canvas-main-area {
+  flex: 1;
+  margin-left: 300px;
+  height: 100vh;
+  transition: margin-left 0.3s ease;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.canvas-main-area.sidebar-collapsed { margin-left: 70px; }
+.canvas-app-shell {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+}
+@media (max-width: 768px) {
+  .canvas-main-area, .canvas-main-area.sidebar-collapsed { margin-left: 0; }
+}
+
+/* PhD Canvas — color palette matched to the rest of the app
+   (Tailwind gray + indigo accent + violet "wedge" accent) */
+.canvas-page-with-sidebar {
+  --canvas-bg: #111827;
+  --canvas-bg-2: #0f172a;
+  --canvas-surface: #1F2937;
+  --canvas-surface-2: #374151;
+  --canvas-surface-3: #4B5563;
+  --canvas-border: #374151;
+  --canvas-border-2: #4B5563;
+  --canvas-text: #F9FAFB;
+  --canvas-text-2: #D1D5DB;
+  --canvas-text-3: #9CA3AF;
+  --canvas-text-4: #6B7280;
+  --canvas-accent: #2DD4BF;
+  --canvas-accent-dim: #0F766E;
+  --canvas-accent-glow: rgba(45, 212, 191, 0.20);
+  --canvas-critic: #A78BFA;
+  --canvas-critic-dim: #7C3AED;
+  --canvas-critic-glow: rgba(167, 139, 250, 0.20);
+  --canvas-warn: #F59E0B;
+  --canvas-danger: #DC2626;
+  --canvas-ok: #10B981;
+  --canvas-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 2px 6px rgba(0,0,0,0.3);
+  --canvas-shadow-lg: 0 24px 60px rgba(0,0,0,0.55), 0 6px 16px rgba(0,0,0,0.4);
+  --canvas-r-sm: 6px;
+  --canvas-r-md: 10px;
+  --canvas-r-lg: 14px;
+  --canvas-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+  --canvas-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  color: var(--canvas-text);
+  font-family: var(--canvas-sans);
+  font-size: 14px;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* Light theme — matches the app's white + Tailwind-gray palette */
+.canvas-page-with-sidebar[data-canvas-theme="light"] {
+  --canvas-bg: #F9FAFB;        /* gray-50 */
+  --canvas-bg-2: #FFFFFF;
+  --canvas-surface: #FFFFFF;
+  --canvas-surface-2: #F3F4F6; /* gray-100 */
+  --canvas-surface-3: #E5E7EB; /* gray-200 */
+  --canvas-border: #E5E7EB;    /* gray-200 */
+  --canvas-border-2: #D1D5DB;  /* gray-300 */
+  --canvas-text: #111827;      /* gray-900 */
+  --canvas-text-2: #374151;    /* gray-700 */
+  --canvas-text-3: #6B7280;    /* gray-500 */
+  --canvas-text-4: #9CA3AF;    /* gray-400 */
+  --canvas-accent: #0F766E;    /* teal-700 (Jerry) */
+  --canvas-accent-dim: #99F6E4;
+  --canvas-accent-glow: rgba(15, 118, 110, 0.15);
+  --canvas-critic: #8B5CF6;    /* violet-500 (matches accent-secondary) */
+  --canvas-critic-glow: rgba(139, 92, 246, 0.12);
+  --canvas-shadow: 0 4px 14px rgba(20, 30, 50, 0.08);
+  --canvas-shadow-lg: 0 18px 48px rgba(20, 30, 50, 0.16);
+}
+
+.canvas-page-with-sidebar *, .canvas-modal-backdrop *, .toast-stack * { box-sizing: border-box; }
+
+/* Standardized motion tokens */
+.canvas-page-with-sidebar, .canvas-modal-backdrop {
+  --canvas-ease: cubic-bezier(0.2, 0, 0, 1);
+  --canvas-fast: 120ms var(--canvas-ease);
+  --canvas-base: 180ms var(--canvas-ease);
+  --canvas-slow: 280ms var(--canvas-ease);
+}
+
+/* Widgets fade + slight rise on mount */
+@keyframes canvas-widget-in {
+  from { opacity: 0; transform: translateY(4px); }
+  to   { opacity: 1; transform: none; }
+}
+.canvas-page-with-sidebar .widget {
+  animation: canvas-widget-in 240ms var(--canvas-ease);
+}
+
+/* Smooth content view transitions */
+@keyframes canvas-view-in {
+  from { opacity: 0; transform: translateY(2px); }
+  to   { opacity: 1; transform: none; }
+}
+.canvas-content > * {
+  animation: canvas-view-in 220ms var(--canvas-ease);
+}
+
+/* Improved focus rings — accent halo, no harsh outline */
+.canvas-page-with-sidebar :focus-visible,
+.canvas-modal-backdrop :focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--canvas-accent-glow);
+  border-radius: 4px;
+}
+.canvas-page-with-sidebar input:focus-visible,
+.canvas-page-with-sidebar textarea:focus-visible,
+.canvas-modal-backdrop input:focus-visible,
+.canvas-modal-backdrop textarea:focus-visible {
+  outline: none;
+  border-color: var(--canvas-accent);
+  box-shadow: 0 0 0 3px var(--canvas-accent-glow);
+}
+
+/* Respect users who don't want motion */
+@media (prefers-reduced-motion: reduce) {
+  .canvas-page-with-sidebar .widget,
+  .canvas-content > * { animation: none; }
+}
+
+.canvas-page-with-sidebar button {
+  font-family: inherit;
+  cursor: pointer;
+  border: none;
+  background: none;
+  color: inherit;
+}
+
+.canvas-page-with-sidebar input, .canvas-page-with-sidebar textarea, .canvas-page-with-sidebar select,
+.canvas-modal-backdrop input, .canvas-modal-backdrop textarea, .canvas-modal-backdrop select {
+  font-family: inherit;
+  color: inherit;
+}
+
+.canvas-page-with-sidebar ::selection { background: var(--canvas-accent-glow); color: var(--canvas-text); }
+
+/* Floating header — matches the .floating-header pattern used on ChatPage */
+.canvas-page-with-sidebar .floating-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: var(--header-bg);
+  border-bottom: 1px solid var(--header-border);
+  padding: 12px 24px;
+  display: grid;
+  /* header-right keeps at least its content width so it can't bleed left
+     over the centered tabs/select when its 1fr track gets too small */
+  grid-template-columns: minmax(0, 1fr) auto minmax(max-content, 1fr);
+  align-items: center;
+  gap: 12px;
+  box-shadow: var(--header-shadow);
+  flex-shrink: 0;
+  min-width: 0;
+  overflow: visible;
+}
+.canvas-page-with-sidebar .floating-header .header-right { justify-self: end; }
+
+.canvas-page-with-sidebar .header-left {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  min-width: 0;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar .header-right {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  min-width: 0;
+  position: relative;
+  z-index: 2;
+}
+.canvas-page-with-sidebar .mobile-menu-button {
+  display: none;
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  border: none;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-2);
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+@media (max-width: 768px) {
+  .canvas-page-with-sidebar .mobile-menu-button { display: flex; }
+}
+.canvas-page-with-sidebar .header-brand {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar .brand-icon {
+  width: 40px;
+  height: 40px;
+  background: linear-gradient(135deg, var(--canvas-accent), var(--canvas-critic));
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  flex-shrink: 0;
+}
+.canvas-page-with-sidebar .brand-text {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar .brand-text h1 {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--canvas-text);
+  margin: 0;
+  line-height: 1.2;
+  letter-spacing: -0.01em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.canvas-page-with-sidebar .brand-text p {
+  font-size: 13px;
+  color: var(--canvas-text-3);
+  margin: 0;
+  line-height: 1.35;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.canvas-page-with-sidebar .theme-toggle .theme-icon { display: block; }
+
+/* Tabs stay in normal flex/grid flow so they never slide under header-right controls. */
+.floating-header { position: sticky; }
+.floating-header > .chat-view-tabs {
+  flex: 0 0 auto;
+  position: relative;
+  z-index: 1;
+}
+.canvas-tabs-mobile {
+  display: none;
+  flex: 0 0 auto;
+  background: var(--canvas-surface, var(--bg-tertiary, #f3f4f6));
+  border: 1px solid var(--canvas-border, var(--border-primary, #e5e7eb));
+  color: var(--canvas-text, var(--text-primary, #111827));
+  font-family: inherit;
+  font-size: 13px;
+  padding: 6px 10px;
+  border-radius: 7px;
+}
+
+/* ---- Header collapse (all pages: Chat, Journey, Workspace, Documents) ----
+   Driven by container queries on the header's OWN width, not the viewport,
+   because a 300px sidebar can shrink the header at any viewport size.
+   Collapse order as space runs out:
+     subtitle → brand text → brand icon → pill tabs become the mobile
+     select → Export/advisor labels become icon-only → home button.
+   Thresholds are sized so the widest header-right (Chat: advisor dropdown +
+   Export + help) always fits without clipping or overlap.
+   (Modals inside the header portal to <body>, so contain:layout is safe.) */
+.floating-header.app-header {
+  container-type: inline-size;
+  container-name: app-header;
+}
+@container app-header (max-width: 1200px) {
+  .floating-header.app-header .brand-text p { display: none; }
+}
+@container app-header (max-width: 1100px) {
+  .floating-header.app-header .brand-text { display: none; }
+}
+@container app-header (max-width: 940px) {
+  .floating-header.app-header .header-brand { display: none; }
+}
+@container app-header (max-width: 860px) {
+  .floating-header.app-header > .chat-view-tabs { display: none; }
+  .floating-header.app-header > .canvas-tabs-mobile { display: inline-block; }
+}
+@container app-header (max-width: 700px) {
+  .floating-header.app-header .export-text { display: none; }
+  .floating-header.app-header .advisor-count { display: none; }
+  .floating-header.app-header .advisor-status-button { min-width: 0; }
+}
+@container app-header (max-width: 560px) {
+  .floating-header.app-header .modern-home-btn { display: none; }
+}
+
+/* Shared view-tabs pill bar — used on both Canvas and Chat pages.
+   Uses canvas vars first, falls back to app global vars on Chat. */
+.canvas-tabs {
+  display: flex;
+  gap: 2px;
+  background: var(--canvas-surface, var(--bg-tertiary, #f3f4f6));
+  padding: 3px;
+  border-radius: 8px;
+  border: 1px solid var(--canvas-border, var(--border-primary, #e5e7eb));
+  justify-self: center;
+  cursor: pointer;
+}
+.canvas-tabs .tab {
+  padding: 6px 14px;
+  font-size: 13px;
+  color: var(--canvas-text-2, var(--text-secondary, #6b7280));
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  font-weight: 500;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background .12s, color .12s;
+}
+.canvas-tabs .tab:hover { color: var(--canvas-text, var(--text-primary, #111827)); }
+.canvas-tabs .tab.active {
+  background: var(--canvas-surface-3, var(--bg-primary, #fff));
+  color: var(--canvas-text, var(--text-primary, #111827));
+  box-shadow: inset 0 0 0 1px var(--canvas-border-2, var(--border-secondary, #d1d5db));
+}
+.canvas-tabs .tab .badge {
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  background: var(--canvas-accent-glow);
+  color: var(--canvas-accent);
+  padding: 1px 5px;
+  border-radius: 3px;
+  letter-spacing: 0.02em;
+}
+
+.canvas-page-with-sidebar .topbar-spacer { flex: 1; }
+
+.canvas-page-with-sidebar .icon-btn,
+.canvas-modal-backdrop .icon-btn {
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  border-radius: 7px;
+  color: var(--canvas-text-2);
+  transition: background .12s, color .12s;
+  font-family: inherit;
+  cursor: pointer;
+  border: none;
+  background: none;
+}
+.canvas-page-with-sidebar .icon-btn:hover,
+.canvas-modal-backdrop .icon-btn:hover { background: var(--canvas-surface); color: var(--canvas-text); }
+
+.canvas-page-with-sidebar .btn,
+.canvas-modal-backdrop .btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 7px 12px;
+  border-radius: 7px;
+  font-size: 13px;
+  font-weight: 500;
+  background: var(--canvas-surface-2);
+  border: 1px solid var(--canvas-border-2);
+  color: var(--canvas-text);
+  transition: all .12s;
+  font-family: inherit;
+  cursor: pointer;
+}
+.canvas-page-with-sidebar .btn:hover,
+.canvas-modal-backdrop .btn:hover { background: var(--canvas-surface-3); border-color: var(--canvas-border-2); }
+.canvas-page-with-sidebar .btn-primary,
+.canvas-modal-backdrop .btn-primary {
+  background: var(--canvas-accent);
+  color: #FFFFFF;
+  border-color: var(--canvas-accent);
+  font-weight: 600;
+}
+.canvas-page-with-sidebar .btn-primary:hover,
+.canvas-modal-backdrop .btn-primary:hover { background: var(--canvas-accent-dim); border-color: var(--canvas-accent-dim); filter: brightness(1.05); box-shadow: 0 0 0 3px var(--canvas-accent-glow); }
+.canvas-page-with-sidebar .btn-critic,
+.canvas-modal-backdrop .btn-critic {
+  background: var(--canvas-critic);
+  color: #FFFFFF;
+  border-color: var(--canvas-critic);
+  font-weight: 600;
+}
+.canvas-page-with-sidebar .btn-critic:hover,
+.canvas-modal-backdrop .btn-critic:hover { filter: brightness(1.08); box-shadow: 0 0 0 3px var(--canvas-critic-glow); }
+.canvas-page-with-sidebar .btn-ghost,
+.canvas-modal-backdrop .btn-ghost { background: transparent; border-color: transparent; color: var(--canvas-text-2); }
+.canvas-page-with-sidebar .btn-ghost:hover,
+.canvas-modal-backdrop .btn-ghost:hover { background: var(--canvas-surface); color: var(--canvas-text); border-color: transparent; }
+.canvas-page-with-sidebar .btn-danger:hover,
+.canvas-modal-backdrop .btn-danger:hover { background: rgba(240,106,106,0.12); border-color: rgba(240,106,106,0.4); color: var(--canvas-danger); }
+
+.canvas-page-with-sidebar .btn:disabled,
+.canvas-modal-backdrop .btn:disabled { opacity: 0.5; cursor: not-allowed; }
+
+/* Content */
+.canvas-content {
+  padding: 24px 28px 80px;
+  max-width: 100%;
+  flex: 1;
+  overflow-y: auto;
+  background: var(--canvas-bg);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .canvas-content { background: var(--canvas-bg); }
+
+.canvas-page-with-sidebar .page-header {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 24px;
+  margin-bottom: 22px;
+}
+@media (max-width: 640px) {
+  /* Stack title above the action buttons so Export/History don't get pushed
+     off-screen on phones. */
+  .canvas-page-with-sidebar .page-header {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 10px;
+  }
+  .canvas-page-with-sidebar .page-header > div:first-child {
+    min-width: 0;
+  }
+  .canvas-page-with-sidebar .page-title-editable {
+    font-size: 22px;
+  }
+}
+.canvas-page-with-sidebar .page-title { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; margin: 0; color: var(--canvas-text); }
+.canvas-page-with-sidebar .page-sub { color: var(--canvas-text-3); font-size: 13px; margin-top: 6px; }
+.canvas-page-with-sidebar .page-meta {
+  font-family: var(--canvas-mono);
+  font-size: 11px;
+  color: var(--canvas-text-3);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.canvas-page-with-sidebar .dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--canvas-ok);
+  box-shadow: 0 0 8px var(--canvas-ok);
+}
+
+/* ----- Insights view ----- */
+.canvas-page-with-sidebar .insights-stats {
+  display: flex;
+  gap: 18px;
+  align-items: center;
+  padding: 14px 18px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 10px;
+  margin-bottom: 14px;
+  flex-wrap: wrap;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .insights-stats {
+  background: #ffffff;
+  border-color: rgba(15, 15, 15, 0.06);
+}
+.canvas-page-with-sidebar .insights-stat {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1px;
+  min-width: 70px;
+}
+.canvas-page-with-sidebar .insights-stat-value {
+  font-family: var(--canvas-mono);
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--canvas-text);
+  letter-spacing: -0.02em;
+  line-height: 1;
+}
+.canvas-page-with-sidebar .insights-stat-label {
+  font-size: 11px;
+  color: var(--canvas-text-3);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  font-weight: 500;
+}
+.canvas-page-with-sidebar .insights-stat-update {
+  font-size: 11px;
+  color: var(--canvas-text-3);
+  font-family: var(--canvas-mono);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.canvas-page-with-sidebar .insights-filters {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  margin-bottom: 14px;
+  flex-wrap: wrap;
+}
+
+.canvas-page-with-sidebar .insights-pinned-strip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 14px;
+  margin-bottom: 14px;
+  background: var(--canvas-accent-glow);
+  border: 1px solid rgba(99, 102, 241, 0.18);
+  border-radius: 8px;
+  flex-wrap: wrap;
+}
+.canvas-page-with-sidebar .insights-pinned-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 4px 10px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 999px;
+  font-family: inherit;
+  font-size: 12px;
+  color: var(--canvas-text);
+  cursor: pointer;
+  transition: all .12s;
+}
+.canvas-page-with-sidebar .insights-pinned-pill:hover {
+  border-color: var(--canvas-accent);
+  color: var(--canvas-accent);
+}
+
+/* Cards vs Tasks view toggle on the Insights view */
+.canvas-page-with-sidebar .insights-view-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  margin-bottom: 12px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 7px;
+  padding: 3px;
+}
+.canvas-page-with-sidebar .insights-view-toggle button {
+  background: transparent;
+  border: none;
+  padding: 5px 12px;
+  border-radius: 5px;
+  font-family: inherit;
+  font-size: 12px;
+  color: var(--canvas-text-3);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  transition: background .12s, color .12s;
+}
+.canvas-page-with-sidebar .insights-view-toggle button:hover { color: var(--canvas-text); }
+.canvas-page-with-sidebar .insights-view-toggle button.active {
+  background: var(--canvas-surface-3);
+  color: var(--canvas-text);
+  box-shadow: inset 0 0 0 1px var(--canvas-border-2);
+}
+
+/* Flat task list view */
+.canvas-page-with-sidebar .insights-tasks-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.canvas-page-with-sidebar .insights-task-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 10px 12px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 7px;
+  position: relative;
+  transition: background .12s, border-color .12s;
+}
+.canvas-page-with-sidebar .insights-task-row:hover {
+  border-color: var(--canvas-border-2);
+}
+.canvas-page-with-sidebar .insights-task-row.task-completed { opacity: 0.7; }
+.canvas-page-with-sidebar .insights-task-row.task-abandoned { opacity: 0.5; }
+.canvas-page-with-sidebar .insights-task-row.task-completed:hover,
+.canvas-page-with-sidebar .insights-task-row.task-abandoned:hover { opacity: 0.95; }
+.canvas-page-with-sidebar .insights-task-row .insight-task-check { margin-top: 4px; }
+.canvas-page-with-sidebar .insights-task-body {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.canvas-page-with-sidebar .insights-task-section {
+  background: transparent;
+  border: none;
+  color: var(--canvas-text-3);
+  font-family: var(--canvas-mono);
+  font-size: 10.5px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  cursor: pointer;
+  align-self: flex-start;
+}
+.canvas-page-with-sidebar .insights-task-section:hover { color: var(--canvas-accent); }
+.canvas-page-with-sidebar .insights-task-text {
+  font-size: 13px;
+  color: var(--canvas-text);
+  line-height: 1.5;
+}
+.canvas-page-with-sidebar .insights-task-row.task-completed .insights-task-text,
+.canvas-page-with-sidebar .insights-task-row.task-abandoned .insights-task-text {
+  text-decoration: line-through;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .insights-task-text strong { color: var(--canvas-text); }
+
+/* Per-card progress bar — replaces the old single status pill */
+.canvas-page-with-sidebar .insight-progress {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 0 0 4px;
+}
+.canvas-page-with-sidebar .insight-progress-meta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-family: var(--canvas-mono);
+  font-size: 10.5px;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .insight-progress-count { font-weight: 600; }
+.canvas-page-with-sidebar .insight-progress-badge {
+  font-family: var(--canvas-mono);
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-weight: 700;
+  padding: 1px 6px;
+  border-radius: 3px;
+}
+.canvas-page-with-sidebar .insight-progress-badge.done { background: rgba(16,185,129,0.15); color: #10B981; }
+.canvas-page-with-sidebar .insight-progress-badge.inprog { background: rgba(59,130,246,0.15); color: #3B82F6; }
+.canvas-page-with-sidebar .insight-progress-badge.abandoned { background: var(--canvas-surface-2); color: var(--canvas-text-4); }
+
+.canvas-page-with-sidebar .insight-progress-bar {
+  height: 5px;
+  background: var(--canvas-surface-2);
+  border-radius: 3px;
+  overflow: hidden;
+  display: flex;
+}
+.canvas-page-with-sidebar .insight-progress-bar > i {
+  display: block;
+  height: 100%;
+  transition: width .25s;
+}
+.canvas-page-with-sidebar .insight-progress-bar .ip-completed { background: #10B981; }
+.canvas-page-with-sidebar .insight-progress-bar .ip-inprogress { background: #3B82F6; }
+.canvas-page-with-sidebar .insight-progress-bar .ip-abandoned  { background: var(--canvas-text-4); }
+
+/* Per-bullet tasks inside the body */
+.canvas-page-with-sidebar .insight-tasks {
+  list-style: none;
+  padding: 0;
+  margin: 6px 0 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.canvas-page-with-sidebar .insight-task {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 2px 0;
+  font-size: 13px;
+  color: var(--canvas-text-2);
+  line-height: 1.5;
+  position: relative;
+}
+.canvas-page-with-sidebar .insight-task.task-completed .insight-task-text {
+  text-decoration: line-through;
+  color: var(--canvas-text-3);
+  opacity: 0.7;
+}
+.canvas-page-with-sidebar .insight-task.task-abandoned .insight-task-text {
+  text-decoration: line-through;
+  color: var(--canvas-text-4);
+  opacity: 0.5;
+}
+.canvas-page-with-sidebar .insight-task.task-in-progress .insight-task-text {
+  color: var(--canvas-text);
+  font-weight: 500;
+}
+.canvas-page-with-sidebar .insight-task-text { flex: 1; }
+.canvas-page-with-sidebar .insight-task-text strong { color: var(--canvas-text); }
+.canvas-page-with-sidebar .insight-task-check {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  border: 1.5px solid currentColor;
+  background: transparent;
+  cursor: pointer;
+  display: grid;
+  place-items: center;
+  margin-top: 2px;
+  transition: background .12s;
+}
+.canvas-page-with-sidebar .insight-task-check:hover {
+  background: var(--canvas-surface-2);
+}
+.canvas-page-with-sidebar .insight-task.task-completed .insight-task-check {
+  background: #10B981;
+  color: #fff;
+}
+.canvas-page-with-sidebar .insight-task.task-abandoned .insight-task-check {
+  background: var(--canvas-text-4);
+  color: #fff;
+}
+.canvas-page-with-sidebar .task-check-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: currentColor;
+}
+
+/* Sidebar row for a fully-done section gets struck through */
+.sidebar .csm-row-done .csm-row-label {
+  text-decoration: line-through;
+  color: var(--text-tertiary, #9CA3AF);
+}
+.sidebar .csm-row-done .csm-row-meta {
+  color: #10B981;
+  font-weight: 600;
+}
+
+/* Insight status pill + menu */
+.canvas-page-with-sidebar .insight-status-wrap {
+  position: relative;
+}
+.canvas-page-with-sidebar .insight-status-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 9px;
+  border-radius: 999px;
+  border: 1px solid transparent;
+  background: transparent;
+  font-family: inherit;
+  font-size: 10.5px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  cursor: pointer;
+  transition: background .12s;
+}
+.canvas-page-with-sidebar .insight-status-pill:hover {
+  background: var(--canvas-surface-2);
+}
+.canvas-page-with-sidebar .insight-status-menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  z-index: 5;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 7px;
+  box-shadow: var(--canvas-shadow-lg);
+  padding: 4px;
+  min-width: 150px;
+  display: flex;
+  flex-direction: column;
+}
+.canvas-page-with-sidebar .insight-status-menu button {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: transparent;
+  border: none;
+  padding: 6px 10px;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 12px;
+  color: var(--canvas-text);
+  cursor: pointer;
+  text-align: left;
+}
+.canvas-page-with-sidebar .insight-status-menu button:hover {
+  background: var(--canvas-surface-2);
+}
+.canvas-page-with-sidebar .insight-status-menu button.active {
+  background: var(--canvas-accent-glow);
+  color: var(--canvas-accent);
+  font-weight: 600;
+}
+
+/* Card-level status mutes the body when completed/abandoned */
+.canvas-page-with-sidebar .insight.status-completed .insight-body,
+.canvas-page-with-sidebar .insight.status-completed .insight-foot {
+  opacity: 0.65;
+}
+.canvas-page-with-sidebar .insight.status-abandoned {
+  opacity: 0.5;
+}
+.canvas-page-with-sidebar .insight.status-abandoned:hover { opacity: 0.85; }
+
+/* Progress bar in stats — segmented for status mix */
+.canvas-page-with-sidebar .insights-stat-progress {
+  flex: 1;
+  min-width: 180px;
+  max-width: 280px;
+  gap: 4px;
+}
+.canvas-page-with-sidebar .insights-progress-bar {
+  height: 6px;
+  width: 100%;
+  background: var(--canvas-surface-2);
+  border-radius: 3px;
+  overflow: hidden;
+  display: flex;
+}
+.canvas-page-with-sidebar .insights-progress-bar > i {
+  display: block;
+  height: 100%;
+  transition: width .3s;
+}
+.canvas-page-with-sidebar .insights-progress-bar .ip-completed { background: #10B981; }
+.canvas-page-with-sidebar .insights-progress-bar .ip-inprogress { background: #3B82F6; }
+.canvas-page-with-sidebar .insights-progress-bar .ip-abandoned  { background: var(--canvas-text-4); }
+
+/* Confidence ring */
+.canvas-page-with-sidebar .confidence-ring {
+  position: relative;
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+}
+.canvas-page-with-sidebar .confidence-ring span {
+  position: absolute;
+  font-family: var(--canvas-mono);
+  font-size: 9.5px;
+  font-weight: 700;
+}
+
+/* Insight card refinements */
+.canvas-page-with-sidebar .insight {
+  transition: border-color .15s, transform .15s, box-shadow .15s;
+}
+.canvas-page-with-sidebar .insight:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
+}
+.canvas-page-with-sidebar .insight.is-pinned {
+  border-color: var(--canvas-accent);
+  background: var(--canvas-surface);
+  box-shadow: 0 0 0 1px var(--canvas-accent-glow);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .insight.is-pinned {
+  background: #ffffff;
+}
+
+/* Insight footer (source count + updated time) */
+.canvas-page-with-sidebar .insight-foot {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 6px 0 0;
+  font-size: 11px;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .insight-foot-meta {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-family: var(--canvas-mono);
+}
+.canvas-page-with-sidebar .insight-dot {
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: var(--canvas-text-4);
+}
+
+/* Expanded source-quotes panel */
+.canvas-page-with-sidebar .insight-detail {
+  margin-top: 8px;
+  padding: 10px 12px;
+  background: var(--canvas-bg-2);
+  border-left: 2px solid var(--canvas-accent);
+  border-radius: 0 6px 6px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  animation: canvas-view-in 180ms var(--canvas-ease);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .insight-detail {
+  background: rgba(99, 102, 241, 0.04);
+}
+.canvas-page-with-sidebar .insight-detail-head {
+  font-size: 10.5px;
+  font-family: var(--canvas-mono);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--canvas-accent);
+  font-weight: 600;
+}
+.canvas-page-with-sidebar .insight-quote {
+  font-size: 12.5px;
+  color: var(--canvas-text-2);
+  line-height: 1.5;
+  font-style: italic;
+}
+
+/* Insights */
+.canvas-page-with-sidebar .insight-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+}
+@media (max-width: 1100px) {
+  .canvas-page-with-sidebar .insight-grid { grid-template-columns: 1fr; }
+}
+
+.canvas-page-with-sidebar .insight {
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: var(--canvas-r-md);
+  padding: 16px 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  transition: border-color .15s;
+}
+.canvas-page-with-sidebar .insight:hover { border-color: var(--canvas-border-2); }
+.canvas-page-with-sidebar[data-canvas-theme="light"] .insight { box-shadow: 0 1px 2px rgba(20,30,50,0.03); }
+
+.canvas-page-with-sidebar .insight-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.canvas-page-with-sidebar .insight-icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 7px;
+  background: var(--canvas-surface-2);
+  display: grid;
+  place-items: center;
+  color: var(--canvas-accent);
+}
+.canvas-page-with-sidebar .insight-title { font-weight: 600; font-size: 14px; flex: 1; color: var(--canvas-text); }
+.canvas-page-with-sidebar .confidence {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-family: var(--canvas-mono);
+  font-size: 11px;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .conf-bar {
+  width: 36px;
+  height: 4px;
+  background: var(--canvas-surface-3);
+  border-radius: 2px;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .conf-bar { background: #e7ebf2; }
+.canvas-page-with-sidebar .conf-bar > i {
+  display: block;
+  height: 100%;
+  background: var(--canvas-accent);
+  border-radius: 2px;
+}
+
+.canvas-page-with-sidebar .insight-body { color: var(--canvas-text-2); font-size: 13px; }
+.canvas-page-with-sidebar .insight-body ul { margin: 6px 0 0; padding-left: 18px; }
+.canvas-page-with-sidebar .insight-body li { margin-bottom: 4px; }
+.canvas-page-with-sidebar .insight-body li::marker { color: var(--canvas-text-4); }
+.canvas-page-with-sidebar .insight-body strong { color: var(--canvas-text); font-weight: 600; }
+
+.canvas-page-with-sidebar .insight-actions {
+  display: flex;
+  gap: 4px;
+  flex-wrap: wrap;
+  padding-top: 10px;
+  border-top: 1px dashed var(--canvas-border);
+  margin-top: 4px;
+}
+.canvas-page-with-sidebar .chip,
+.canvas-modal-backdrop .chip {
+  font-size: 11px;
+  padding: 4px 9px;
+  border-radius: 5px;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-2);
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  transition: background .12s, color .12s;
+  border: none;
+  cursor: pointer;
+}
+.canvas-page-with-sidebar .chip:hover { background: var(--canvas-surface-3); color: var(--canvas-text); }
+.canvas-page-with-sidebar .chip.pinned { background: var(--canvas-accent-glow); color: var(--canvas-accent); }
+
+/* Workspace grid */
+.canvas-page-with-sidebar .workspace {
+  display: grid;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+  gap: 18px;
+  align-items: start;
+}
+/* Notion-inspired widget treatment: hairline borders, generous padding,
+   no hard chrome — the content is the page, the frame is barely there. */
+.canvas-page-with-sidebar .widget {
+  background: var(--canvas-surface);
+  border: 1px solid transparent;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  min-height: 200px;
+  position: relative;
+  overflow: hidden;
+  transition: background .15s, border-color .15s, box-shadow .15s;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .widget {
+  background: #FFFFFF;
+  border-color: rgba(15, 15, 15, 0.06);
+}
+.canvas-page-with-sidebar .widget.size-S { grid-column: span 2; }
+.canvas-page-with-sidebar .widget.size-M { grid-column: span 3; }
+.canvas-page-with-sidebar .widget.size-L { grid-column: span 6; }
+.canvas-page-with-sidebar .widget.dragging { opacity: 0.4; }
+.canvas-page-with-sidebar .widget.drag-over {
+  box-shadow: 0 0 0 2px var(--canvas-accent), 0 4px 14px var(--canvas-accent-glow);
+}
+.canvas-page-with-sidebar .widget:hover {
+  background: var(--canvas-surface-2);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .widget:hover {
+  background: rgba(0, 0, 0, 0.015);
+  border-color: rgba(15, 15, 15, 0.08);
+}
+.canvas-page-with-sidebar .widget.critic { border-color: rgba(167, 139, 250, 0.18); }
+.canvas-page-with-sidebar[data-canvas-theme="light"] .widget.critic { border-color: rgba(139, 92, 246, 0.18); }
+.canvas-page-with-sidebar .widget.critic:hover { border-color: var(--canvas-critic); }
+
+/* Preserve 3-S / 2-M / 1-L per row at every desktop width.
+   On phones (≤768px) just stack everything full-width for readability. */
+@media (max-width: 768px) {
+  .canvas-page-with-sidebar .workspace { grid-template-columns: 1fr; }
+  .canvas-page-with-sidebar .widget.size-S,
+  .canvas-page-with-sidebar .widget.size-M,
+  .canvas-page-with-sidebar .widget.size-L { grid-column: 1 / -1; }
+}
+
+/* Notion-style header: drag grip is hover-only, title is plain text. */
+.canvas-page-with-sidebar .widget-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 14px 16px 8px;
+  cursor: grab;
+}
+.canvas-page-with-sidebar .widget-head:active { cursor: grabbing; }
+.canvas-page-with-sidebar .widget-head .drag-grip {
+  color: var(--canvas-text-4);
+  display: grid;
+  place-items: center;
+  width: 14px;
+  opacity: 0;
+  transition: opacity .15s;
+}
+.canvas-page-with-sidebar .widget:hover .widget-head .drag-grip { opacity: 0.6; }
+.canvas-page-with-sidebar .widget-icon {
+  width: 18px;
+  height: 18px;
+  display: grid;
+  place-items: center;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .widget.critic .widget-icon { color: var(--canvas-critic); }
+.canvas-page-with-sidebar .widget-title {
+  font-weight: 600;
+  font-size: 13.5px;
+  flex: 1;
+  letter-spacing: -0.005em;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .widget-tag,
+.canvas-modal-backdrop .widget-tag {
+  font-size: 9.5px;
+  font-family: var(--canvas-mono);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  padding: 2px 6px;
+  border-radius: 3px;
+  background: var(--canvas-critic-glow);
+  color: var(--canvas-critic);
+  font-weight: 600;
+}
+.canvas-modal-backdrop .widget-tag-enhanced {
+  background: rgba(16, 185, 129, 0.15);
+  color: #10B981;
+}
+.canvas-modal-backdrop .widget-tag-chat {
+  background: rgba(59, 130, 246, 0.15);
+  color: #3B82F6;
+}
+.canvas-page-with-sidebar .widget-actions { display: flex; gap: 1px; opacity: 0; transition: opacity .12s; }
+.canvas-page-with-sidebar .widget:hover .widget-actions { opacity: 1; }
+.canvas-page-with-sidebar .widget-actions .icon-btn { width: 24px; height: 24px; }
+.canvas-page-with-sidebar .widget-actions .icon-btn svg { width: 14px; height: 14px; }
+.canvas-page-with-sidebar .size-pill {
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-3);
+  padding: 2px 6px;
+  border-radius: 4px;
+  cursor: pointer;
+  user-select: none;
+}
+.canvas-page-with-sidebar .size-pill:hover { background: var(--canvas-surface-3); color: var(--canvas-text); }
+
+.canvas-page-with-sidebar .widget-body {
+  padding: 4px 16px 18px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 0;
+}
+
+/* Preset picker (shown above the empty workspace) */
+.canvas-page-with-sidebar .canvas-presets {
+  margin-bottom: 18px;
+}
+.canvas-page-with-sidebar .canvas-presets-head {
+  margin-bottom: 10px;
+}
+.canvas-page-with-sidebar .canvas-presets-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .canvas-presets-sub {
+  font-size: 12.5px;
+  color: var(--canvas-text-3);
+  margin-top: 2px;
+}
+.canvas-page-with-sidebar .canvas-presets-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 10px;
+}
+.canvas-page-with-sidebar .canvas-preset-card {
+  background: transparent;
+  border: 1px solid rgba(15, 15, 15, 0.10);
+  border-radius: 8px;
+  padding: 16px;
+  display: flex;
+  gap: 12px;
+  text-align: left;
+  cursor: pointer;
+  transition: background .15s, border-color .15s;
+  font-family: inherit;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .canvas-preset-card {
+  border-color: rgba(15, 15, 15, 0.12);
+}
+.canvas-page-with-sidebar .canvas-preset-card:hover {
+  background: var(--canvas-surface-2);
+  border-color: rgba(15, 15, 15, 0.15);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .canvas-preset-card:hover {
+  background: rgba(0, 0, 0, 0.025);
+}
+.canvas-page-with-sidebar .canvas-preset-icon {
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-2);
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  font-size: 16px;
+}
+.canvas-page-with-sidebar .canvas-preset-content { flex: 1; min-width: 0; }
+.canvas-page-with-sidebar .canvas-preset-name { font-size: 13.5px; font-weight: 600; color: var(--canvas-text); }
+.canvas-page-with-sidebar .canvas-preset-desc { font-size: 11.5px; color: var(--canvas-text-3); margin-top: 3px; line-height: 1.45; }
+.canvas-page-with-sidebar .canvas-preset-meta {
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  color: var(--canvas-text-4);
+  margin-top: 6px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+.canvas-page-with-sidebar .empty-cell {
+  border: 1.5px dashed var(--canvas-border-2);
+  border-radius: var(--canvas-r-md);
+  padding: 28px 24px;
+  text-align: center;
+  color: var(--canvas-text-3);
+  font-size: 13px;
+  grid-column: span 6;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  background: rgba(255,255,255,0.01);
+}
+
+/* Inputs / forms (scoped) */
+.canvas-page-with-sidebar .input, .canvas-page-with-sidebar .textarea, .canvas-page-with-sidebar .select,
+.canvas-modal-backdrop .input, .canvas-modal-backdrop .textarea, .canvas-modal-backdrop .select {
+  width: 100%;
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 7px;
+  padding: 8px 10px;
+  font-size: 13px;
+  color: var(--canvas-text);
+  transition: border-color .12s, box-shadow .12s;
+}
+.canvas-page-with-sidebar .input:focus, .canvas-page-with-sidebar .textarea:focus, .canvas-page-with-sidebar .select:focus,
+.canvas-modal-backdrop .input:focus, .canvas-modal-backdrop .textarea:focus, .canvas-modal-backdrop .select:focus {
+  outline: none;
+  border-color: var(--canvas-accent);
+  box-shadow: 0 0 0 3px var(--canvas-accent-glow);
+}
+.canvas-page-with-sidebar .textarea, .canvas-modal-backdrop .textarea { resize: vertical; min-height: 80px; font-family: inherit; line-height: 1.5; }
+.canvas-page-with-sidebar .label, .canvas-modal-backdrop .label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--canvas-text-3); font-weight: 600; }
+
+.canvas-page-with-sidebar[data-canvas-theme="light"] .input,
+.canvas-page-with-sidebar[data-canvas-theme="light"] .textarea,
+.canvas-page-with-sidebar[data-canvas-theme="light"] .select,
+body[data-canvas-theme="light"] .canvas-modal-backdrop .input,
+body[data-canvas-theme="light"] .canvas-modal-backdrop .textarea,
+body[data-canvas-theme="light"] .canvas-modal-backdrop .select {
+  background: #fff;
+}
+
+/* Modal backdrop — rendered at the body level, so it gets its own theme vars */
+.canvas-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(17, 24, 39, 0.7);
+  backdrop-filter: blur(6px);
+  z-index: 100;
+  display: grid;
+  place-items: center;
+  padding: 40px 20px;
+  animation: canvas-fade-in .15s ease;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+
+  --canvas-bg: #111827;
+  --canvas-bg-2: #0f172a;
+  --canvas-surface: #1F2937;
+  --canvas-surface-2: #374151;
+  --canvas-surface-3: #4B5563;
+  --canvas-border: #374151;
+  --canvas-border-2: #4B5563;
+  --canvas-text: #F9FAFB;
+  --canvas-text-2: #D1D5DB;
+  --canvas-text-3: #9CA3AF;
+  --canvas-text-4: #6B7280;
+  --canvas-accent: #2DD4BF;
+  --canvas-accent-dim: #0F766E;
+  --canvas-accent-glow: rgba(45, 212, 191, 0.20);
+  --canvas-critic: #A78BFA;
+  --canvas-critic-glow: rgba(167, 139, 250, 0.20);
+  --canvas-warn: #F59E0B;
+  --canvas-danger: #DC2626;
+  --canvas-ok: #10B981;
+  --canvas-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+  --canvas-shadow-lg: 0 24px 60px rgba(0,0,0,0.55), 0 6px 16px rgba(0,0,0,0.4);
+  color: var(--canvas-text);
+}
+body[data-canvas-theme="light"] .canvas-modal-backdrop {
+  background: rgba(17, 24, 39, 0.35);
+  --canvas-bg: #F9FAFB;
+  --canvas-bg-2: #FFFFFF;
+  --canvas-surface: #FFFFFF;
+  --canvas-surface-2: #F3F4F6;
+  --canvas-surface-3: #E5E7EB;
+  --canvas-border: #E5E7EB;
+  --canvas-border-2: #D1D5DB;
+  --canvas-text: #111827;
+  --canvas-text-2: #374151;
+  --canvas-text-3: #6B7280;
+  --canvas-text-4: #9CA3AF;
+  --canvas-accent: #0F766E;
+  --canvas-accent-dim: #99F6E4;
+  --canvas-accent-glow: rgba(15, 118, 110, 0.15);
+  --canvas-critic: #8B5CF6;
+  --canvas-critic-glow: rgba(139, 92, 246, 0.12);
+  --canvas-shadow-lg: 0 18px 48px rgba(20, 30, 50, 0.16);
+}
+@keyframes canvas-fade-in { from { opacity: 0 } to { opacity: 1 } }
+
+.canvas-modal {
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 14px;
+  width: 100%;
+  max-width: 560px;
+  max-height: 88vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: var(--canvas-shadow-lg);
+  animation: canvas-scale-in .18s cubic-bezier(.22,.9,.3,1);
+}
+.canvas-modal.wide { max-width: 760px; }
+.canvas-modal.huge { max-width: 920px; }
+.canvas-modal.canvas-tour { max-width: 480px; }
+@keyframes canvas-scale-in { from { opacity: 0; transform: translateY(8px) scale(0.98) } to { opacity: 1; transform: none } }
+
+.canvas-modal .modal-head {
+  padding: 18px 22px 14px;
+  border-bottom: 1px solid var(--canvas-border);
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.canvas-modal .modal-title { font-weight: 600; font-size: 15px; flex: 1; letter-spacing: -0.005em; color: var(--canvas-text); }
+.canvas-modal .modal-sub { color: var(--canvas-text-3); font-size: 12px; margin-top: 2px; }
+.canvas-modal .modal-body { padding: 18px 22px; overflow-y: auto; flex: 1; }
+.canvas-modal .modal-foot {
+  padding: 14px 22px;
+  border-top: 1px solid var(--canvas-border);
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  background: var(--canvas-bg-2);
+}
+
+.canvas-modal .modal-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 9px;
+  background: var(--canvas-accent-glow);
+  color: var(--canvas-accent);
+  display: grid;
+  place-items: center;
+}
+.canvas-modal .modal-icon.critic { background: var(--canvas-critic-glow); color: var(--canvas-critic); }
+
+.canvas-modal-backdrop .form-grid { display: grid; gap: 12px; }
+.canvas-modal-backdrop .form-grid.two { grid-template-columns: 1fr 1fr; }
+.canvas-modal-backdrop .form-row { display: flex; flex-direction: column; gap: 6px; }
+
+/* Widget palette */
+.canvas-modal-backdrop .palette-search { padding: 4px 0 16px; position: sticky; top: 0; background: var(--canvas-surface); z-index: 2; }
+.canvas-modal-backdrop .palette-cats {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  margin-bottom: 14px;
+}
+.canvas-modal-backdrop .palette-cat {
+  font-size: 12px;
+  padding: 5px 10px;
+  border-radius: 999px;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-2);
+  border: 1px solid var(--canvas-border);
+  cursor: pointer;
+  font-family: inherit;
+}
+.canvas-modal-backdrop .palette-cat:hover { color: var(--canvas-text); }
+.canvas-modal-backdrop .palette-cat.active { background: var(--canvas-accent-glow); color: var(--canvas-accent); border-color: var(--canvas-accent); }
+.canvas-modal-backdrop .palette-cat.critic.active { background: var(--canvas-critic-glow); color: var(--canvas-critic); border-color: var(--canvas-critic); }
+.canvas-modal-backdrop .palette-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 8px;
+}
+.canvas-modal-backdrop .palette-item {
+  background: var(--canvas-surface-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 9px;
+  padding: 12px;
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+  cursor: pointer;
+  text-align: left;
+  transition: all .12s;
+  font-family: inherit;
+  color: var(--canvas-text);
+}
+.canvas-modal-backdrop .palette-item:hover {
+  background: var(--canvas-surface-3);
+  border-color: var(--canvas-border-2);
+  transform: translateY(-1px);
+}
+.canvas-modal-backdrop .palette-item.added { opacity: 0.4; cursor: default; }
+.canvas-modal-backdrop .palette-item.added:hover { transform: none; }
+.canvas-modal-backdrop .palette-item.critic { border-left: 2px solid var(--canvas-critic); }
+.canvas-modal-backdrop .palette-item .pi-icon {
+  width: 30px;
+  height: 30px;
+  border-radius: 7px;
+  background: var(--canvas-surface-3);
+  display: grid;
+  place-items: center;
+  color: var(--canvas-accent);
+  flex-shrink: 0;
+}
+.canvas-modal-backdrop .palette-item.critic .pi-icon { color: var(--canvas-critic); }
+.canvas-modal-backdrop .palette-item .pi-content { flex: 1; min-width: 0; }
+.canvas-modal-backdrop .palette-item .pi-title { font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px; color: var(--canvas-text); }
+.canvas-modal-backdrop .palette-item .pi-desc { font-size: 11.5px; color: var(--canvas-text-3); margin-top: 2px; line-height: 1.4; }
+.canvas-modal-backdrop .palette-item .pi-added {
+  font-size: 10px;
+  font-family: var(--canvas-mono);
+  color: var(--canvas-accent);
+  background: var(--canvas-accent-glow);
+  padding: 2px 6px;
+  border-radius: 3px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+/* Bibliography widget */
+.canvas-page-with-sidebar .bib-list { display: flex; flex-direction: column; gap: 6px; max-height: 320px; overflow-y: auto; }
+.canvas-page-with-sidebar .bib-cite { color: var(--canvas-text); font-weight: 500; line-height: 1.4; }
+.canvas-page-with-sidebar .bib-meta { font-family: var(--canvas-mono); font-size: 10px; color: var(--canvas-text-3); display: flex; gap: 8px; }
+.canvas-page-with-sidebar .bib-meta .key { color: var(--canvas-accent); }
+
+.canvas-page-with-sidebar .format-tabs { display: flex; gap: 2px; background: var(--canvas-surface-2); padding: 2px; border-radius: 6px; }
+.canvas-page-with-sidebar .format-tab {
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  padding: 3px 7px;
+  border-radius: 4px;
+  color: var(--canvas-text-3);
+  letter-spacing: 0.05em;
+  cursor: pointer;
+}
+.canvas-page-with-sidebar .format-tab.active { background: var(--canvas-surface-3); color: var(--canvas-text); }
+
+/* Kanban widget */
+.canvas-page-with-sidebar .kanban {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 8px;
+  flex: 1;
+  min-height: 0;
+}
+.canvas-page-with-sidebar .kan-col {
+  background: var(--canvas-bg-2);
+  border-radius: 7px;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+  border: 1px solid var(--canvas-border);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .kan-col { background: #f3f5f9; }
+.canvas-page-with-sidebar .kan-col.drag-target { background: var(--canvas-accent-glow); border-color: var(--canvas-accent); }
+.canvas-page-with-sidebar .kan-col-head {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--canvas-text-3);
+  display: flex;
+  justify-content: space-between;
+  font-weight: 600;
+  padding: 0 2px 4px;
+}
+.canvas-page-with-sidebar .kan-col-head .count { font-family: var(--canvas-mono); }
+.canvas-page-with-sidebar .kan-card {
+  background: var(--canvas-surface-2);
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 6px;
+  padding: 7px 9px;
+  font-size: 12px;
+  cursor: grab;
+  line-height: 1.35;
+  position: relative;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .kan-card { background: #fff; box-shadow: 0 1px 2px rgba(20,30,50,0.04); }
+.canvas-page-with-sidebar .kan-card:active { cursor: grabbing; }
+.canvas-page-with-sidebar .kan-card:hover { background: var(--canvas-surface-3); }
+.canvas-page-with-sidebar .kan-card.dragging { opacity: 0.4; }
+.canvas-page-with-sidebar .kan-card .priority-bar {
+  position: absolute;
+  left: 0; top: 6px; bottom: 6px;
+  width: 2px;
+  border-radius: 2px;
+}
+.canvas-page-with-sidebar .kan-card.high .priority-bar { background: var(--canvas-danger); }
+.canvas-page-with-sidebar .kan-card.med .priority-bar { background: var(--canvas-warn); }
+.canvas-page-with-sidebar .kan-card.low .priority-bar { background: var(--canvas-text-4); }
+.canvas-page-with-sidebar .kan-card .kan-title { padding-left: 6px; }
+.canvas-page-with-sidebar .kan-card .kan-meta {
+  font-family: var(--canvas-mono);
+  font-size: 9.5px;
+  color: var(--canvas-text-3);
+  margin-top: 4px;
+  padding-left: 6px;
+  display: flex;
+  gap: 6px;
+}
+
+.canvas-page-with-sidebar .add-tiny {
+  font-size: 11px;
+  color: var(--canvas-text-3);
+  padding: 4px 6px;
+  border-radius: 4px;
+  text-align: left;
+  border: 1px dashed transparent;
+  cursor: pointer;
+  background: none;
+  font-family: inherit;
+}
+.canvas-page-with-sidebar .add-tiny:hover { color: var(--canvas-accent); border-color: var(--canvas-border); background: var(--canvas-surface); }
+
+/* Pomodoro */
+.canvas-page-with-sidebar .pomo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding: 6px 0;
+  flex: 1;
+  justify-content: center;
+}
+.canvas-page-with-sidebar .pomo-ring {
+  width: 130px;
+  height: 130px;
+  position: relative;
+}
+.canvas-page-with-sidebar .pomo-ring svg { transform: rotate(-90deg); }
+.canvas-page-with-sidebar .pomo-ring .track { stroke: var(--canvas-surface-3); }
+.canvas-page-with-sidebar[data-canvas-theme="light"] .pomo-ring .track { stroke: #e7ebf2; }
+.canvas-page-with-sidebar .pomo-ring .fill {
+  stroke: var(--canvas-accent);
+  stroke-linecap: round;
+  filter: drop-shadow(0 0 6px var(--canvas-accent-glow));
+  transition: stroke-dashoffset .4s ease;
+}
+.canvas-page-with-sidebar .pomo-ring.break .fill { stroke: var(--canvas-ok); filter: drop-shadow(0 0 6px rgba(16,185,129,0.4)); }
+.canvas-page-with-sidebar .pomo-time {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--canvas-mono);
+}
+.canvas-page-with-sidebar .pomo-time .t { font-size: 26px; font-weight: 600; color: var(--canvas-text); letter-spacing: -0.02em; }
+.canvas-page-with-sidebar .pomo-time .l { font-size: 10px; color: var(--canvas-text-3); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 2px; }
+.canvas-page-with-sidebar .pomo-controls { display: flex; gap: 6px; }
+.canvas-page-with-sidebar .pomo-stats {
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  color: var(--canvas-text-3);
+  display: flex;
+  gap: 14px;
+}
+.canvas-page-with-sidebar .pomo-stats b { color: var(--canvas-accent); font-weight: 500; }
+
+/* Writing tracker */
+.canvas-page-with-sidebar .write-stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+}
+.canvas-page-with-sidebar .stat {
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 7px;
+  padding: 9px 11px;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .stat { background: #fff; }
+.canvas-page-with-sidebar .stat .stat-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--canvas-text-3); font-weight: 600; }
+.canvas-page-with-sidebar .stat .stat-value { font-family: var(--canvas-mono); font-size: 18px; font-weight: 600; color: var(--canvas-text); margin-top: 3px; letter-spacing: -0.02em; }
+.canvas-page-with-sidebar .stat .stat-sub { font-size: 10.5px; color: var(--canvas-text-3); margin-top: 2px; }
+.canvas-page-with-sidebar .stat .stat-value.accent { color: var(--canvas-accent); }
+
+.canvas-page-with-sidebar .spark { width: 100%; height: 56px; }
+.canvas-page-with-sidebar .spark .area { fill: var(--canvas-accent-glow); }
+.canvas-page-with-sidebar .spark .line { stroke: var(--canvas-accent); fill: none; stroke-width: 1.5; }
+.canvas-page-with-sidebar .spark .dot-today { fill: var(--canvas-accent); }
+.canvas-page-with-sidebar .spark .grid { stroke: var(--canvas-border); stroke-dasharray: 2 3; }
+
+.canvas-page-with-sidebar .progress {
+  height: 6px;
+  background: var(--canvas-surface-2);
+  border-radius: 3px;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .progress { background: #e7ebf2; }
+.canvas-page-with-sidebar .progress > i {
+  display: block;
+  height: 100%;
+  background: var(--canvas-accent);
+  border-radius: 3px;
+  transition: width .3s;
+}
+
+/* Deadlines */
+.canvas-page-with-sidebar .dl-list { display: flex; flex-direction: column; gap: 6px; }
+.canvas-page-with-sidebar .dl-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 10px;
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 7px;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .dl-row { background: #fff; }
+.canvas-page-with-sidebar .dl-row:hover { border-color: var(--canvas-border-2); }
+.canvas-page-with-sidebar .dl-day {
+  font-family: var(--canvas-mono);
+  font-size: 11px;
+  font-weight: 600;
+  width: 56px;
+  text-align: center;
+  padding: 6px 0;
+  border-radius: 5px;
+  background: var(--canvas-surface-2);
+  flex-shrink: 0;
+  line-height: 1.1;
+  color: var(--canvas-text-2);
+}
+.canvas-page-with-sidebar .dl-day.urgent { background: rgba(220,38,38,0.15); color: var(--canvas-danger); }
+.canvas-page-with-sidebar .dl-day.warn { background: rgba(245,158,11,0.15); color: var(--canvas-warn); }
+.canvas-page-with-sidebar .dl-day .num { font-size: 16px; display: block; }
+.canvas-page-with-sidebar .dl-day .lbl { font-size: 9px; text-transform: uppercase; letter-spacing: 0.06em; }
+.canvas-page-with-sidebar .dl-info { flex: 1; min-width: 0; }
+.canvas-page-with-sidebar .dl-title { font-size: 12.5px; font-weight: 500; color: var(--canvas-text); }
+.canvas-page-with-sidebar .dl-sub { font-family: var(--canvas-mono); font-size: 10px; color: var(--canvas-text-3); margin-top: 2px; }
+
+/* Budget */
+.canvas-page-with-sidebar .budget-bar {
+  height: 8px;
+  background: var(--canvas-surface-2);
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+  margin: 6px 0 12px;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .budget-bar { background: #e7ebf2; }
+.canvas-page-with-sidebar .budget-bar > i { display: block; height: 100%; }
+.canvas-page-with-sidebar .budget-list { display: flex; flex-direction: column; gap: 6px; }
+.canvas-page-with-sidebar .budget-row {
+  display: grid;
+  grid-template-columns: 12px 1fr auto auto;
+  gap: 10px;
+  align-items: center;
+  font-size: 12px;
+  padding: 5px 0;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .budget-row .swatch { width: 8px; height: 8px; border-radius: 2px; }
+.canvas-page-with-sidebar .budget-row .amt { font-family: var(--canvas-mono); color: var(--canvas-text-2); }
+.canvas-page-with-sidebar .budget-row .pct { font-family: var(--canvas-mono); color: var(--canvas-text-3); font-size: 10.5px; width: 36px; text-align: right; }
+
+/* Reviewer 2 widget */
+.canvas-page-with-sidebar .critic-prompt {
+  font-size: 12px;
+  color: var(--canvas-text-2);
+  background: var(--canvas-bg-2);
+  border: 1px dashed var(--canvas-critic-glow);
+  border-radius: 7px;
+  padding: 10px 12px;
+  font-style: italic;
+  line-height: 1.5;
+}
+.canvas-page-with-sidebar .critic-meter {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-family: var(--canvas-mono);
+  font-size: 10.5px;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .critic-meter .bar {
+  flex: 1;
+  height: 4px;
+  background: var(--canvas-surface-2);
+  border-radius: 2px;
+  position: relative;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .critic-meter .bar { background: #e7ebf2; }
+.canvas-page-with-sidebar .critic-meter .bar > i {
+  position: absolute;
+  left: 0; top: 0; bottom: 0;
+  background: linear-gradient(90deg, var(--canvas-ok), var(--canvas-warn) 50%, var(--canvas-critic));
+  border-radius: 2px;
+}
+
+.canvas-page-with-sidebar .review,
+.canvas-modal-backdrop .review {
+  background: var(--canvas-bg-2);
+  border-left: 3px solid var(--canvas-critic);
+  padding: 10px 12px;
+  border-radius: 0 6px 6px 0;
+  font-size: 12.5px;
+  line-height: 1.55;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .review,
+body[data-canvas-theme="light"] .canvas-modal-backdrop .review { background: #fff; }
+.canvas-page-with-sidebar .review .review-tag,
+.canvas-modal-backdrop .review .review-tag {
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  color: var(--canvas-critic);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-weight: 600;
+  margin-bottom: 4px;
+  display: block;
+}
+
+/* Devil's Advocate */
+.canvas-page-with-sidebar .devil-list,
+.canvas-modal-backdrop .devil-list { display: flex; flex-direction: column; gap: 6px; }
+.canvas-page-with-sidebar .devil-item,
+.canvas-modal-backdrop .devil-item {
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 7px;
+  padding: 9px 11px;
+  font-size: 12px;
+  position: relative;
+  padding-left: 30px;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .devil-item,
+body[data-canvas-theme="light"] .canvas-modal-backdrop .devil-item { background: #fff; }
+.canvas-page-with-sidebar .devil-item::before,
+.canvas-modal-backdrop .devil-item::before {
+  content: '◆';
+  position: absolute;
+  left: 11px;
+  top: 9px;
+  color: var(--canvas-critic);
+  font-size: 10px;
+}
+.canvas-page-with-sidebar .devil-item .lbl,
+.canvas-modal-backdrop .devil-item .lbl {
+  font-family: var(--canvas-mono);
+  font-size: 9.5px;
+  color: var(--canvas-critic);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-weight: 600;
+  margin-bottom: 3px;
+}
+
+/* Scope realism */
+.canvas-page-with-sidebar .realism { display: flex; flex-direction: column; gap: 10px; }
+.canvas-page-with-sidebar .realism-verdict {
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-critic-glow);
+  border-radius: 9px;
+  padding: 12px 14px;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .realism-verdict { background: #fff; }
+.canvas-page-with-sidebar .verdict-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+.canvas-page-with-sidebar .verdict-score {
+  font-family: var(--canvas-mono);
+  font-size: 22px;
+  font-weight: 600;
+  color: var(--canvas-critic);
+  letter-spacing: -0.02em;
+}
+.canvas-page-with-sidebar .verdict-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--canvas-text-2);
+  font-weight: 600;
+}
+.canvas-page-with-sidebar .realism-row,
+.canvas-modal-backdrop .realism-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 12px;
+  padding: 5px 0;
+}
+.canvas-page-with-sidebar .realism-row .label-cell,
+.canvas-modal-backdrop .realism-row .label-cell { width: 100px; color: var(--canvas-text-2); font-size: 11.5px; }
+.canvas-page-with-sidebar .realism-row .gauge,
+.canvas-modal-backdrop .realism-row .gauge {
+  flex: 1;
+  height: 4px;
+  background: var(--canvas-surface-2);
+  border-radius: 2px;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .gauge,
+body[data-canvas-theme="light"] .canvas-modal-backdrop .gauge,
+body[data-canvas-theme="light"] .canvas-modal-backdrop .critic-meter .bar { background: #e7ebf2; }
+.canvas-page-with-sidebar .realism-row .gauge i,
+.canvas-modal-backdrop .realism-row .gauge i { display: block; height: 100%; background: var(--canvas-critic); border-radius: 2px; }
+.canvas-page-with-sidebar .realism-row .val,
+.canvas-modal-backdrop .realism-row .val { font-family: var(--canvas-mono); font-size: 10.5px; color: var(--canvas-text-3); width: 30px; text-align: right; }
+
+/* Notes / generic row */
+.canvas-page-with-sidebar .note-list { display: flex; flex-direction: column; gap: 6px; max-height: 280px; overflow-y: auto; }
+.canvas-page-with-sidebar .note-row {
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 7px;
+  padding: 8px 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  position: relative;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .note-row { background: #fff; }
+.canvas-page-with-sidebar .note-row:hover { border-color: var(--canvas-border-2); }
+.canvas-page-with-sidebar .note-row .note-text { font-size: 12.5px; color: var(--canvas-text); line-height: 1.45; word-break: break-word; }
+.canvas-page-with-sidebar .note-row .note-meta { font-family: var(--canvas-mono); font-size: 9.5px; color: var(--canvas-text-3); display: flex; gap: 8px; }
+.canvas-page-with-sidebar .note-row .row-actions,
+.canvas-page-with-sidebar .dl-row .row-actions { position: absolute; top: 6px; right: 6px; display: flex; gap: 1px; opacity: 0; transition: opacity .12s; }
+.canvas-page-with-sidebar .note-row:hover .row-actions,
+.canvas-page-with-sidebar .dl-row:hover .row-actions { opacity: 1; }
+.canvas-page-with-sidebar .row-actions .icon-btn { width: 22px; height: 22px; }
+.canvas-page-with-sidebar .row-actions .icon-btn svg { width: 12px; height: 12px; }
+.canvas-page-with-sidebar .tag-pill { display: inline-block; font-family: var(--canvas-mono); font-size: 9.5px; padding: 1px 6px; border-radius: 3px; background: var(--canvas-accent-glow); color: var(--canvas-accent); text-transform: uppercase; letter-spacing: 0.06em; }
+
+/* ----- Deliverables view ----- */
+
+/* Paper / document mode — three-column layout that collapses on narrow screens */
+.canvas-page-with-sidebar .deliverable-grid {
+  display: grid;
+  grid-template-columns: 180px minmax(0, 1fr) 240px;
+  gap: 16px;
+  align-items: start;
+}
+.canvas-page-with-sidebar .deliverable-nav {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  position: sticky;
+  top: 0;
+}
+
+/* Slides mode — thumbs on left, big canvas in middle, panel on right */
+.canvas-page-with-sidebar .deliverable-slides-grid {
+  display: grid;
+  grid-template-columns: 160px minmax(0, 1fr) 240px;
+  gap: 16px;
+  align-items: start;
+}
+@media (max-width: 1280px) {
+  .canvas-page-with-sidebar .deliverable-slides-grid { grid-template-columns: 140px minmax(0, 1fr); }
+  .canvas-page-with-sidebar .deliverable-slides-grid > .deliverable-insertables { display: none; }
+}
+@media (max-width: 768px) {
+  .canvas-page-with-sidebar .deliverable-slides-grid { grid-template-columns: 1fr; }
+  .canvas-page-with-sidebar .slide-thumbs { display: none; }
+}
+
+/* Slide thumbnails column */
+.canvas-page-with-sidebar .slide-thumbs {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  position: sticky;
+  top: 0;
+  max-height: calc(100vh - 100px);
+  overflow-y: auto;
+  padding-right: 4px;
+}
+.canvas-page-with-sidebar .slide-thumb {
+  display: flex;
+  align-items: stretch;
+  gap: 6px;
+  padding: 0;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  font-family: inherit;
+  text-align: left;
+}
+.canvas-page-with-sidebar .slide-thumb-num {
+  width: 18px;
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  color: var(--canvas-text-3);
+  padding-top: 4px;
+  flex-shrink: 0;
+  text-align: right;
+}
+.canvas-page-with-sidebar .slide-thumb-canvas {
+  flex: 1;
+  background: #fff;
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 4px;
+  aspect-ratio: 16 / 9;
+  padding: 5px 6px;
+  overflow: hidden;
+  color: #111;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  transition: all .15s;
+}
+.canvas-page-with-sidebar .slide-thumb:hover .slide-thumb-canvas {
+  border-color: var(--canvas-accent);
+  transform: translateY(-1px);
+}
+.canvas-page-with-sidebar .slide-thumb.active .slide-thumb-canvas {
+  border: 2px solid var(--canvas-accent);
+  box-shadow: 0 0 0 2px var(--canvas-accent-glow);
+  padding: 4px 5px;
+}
+.canvas-page-with-sidebar .slide-thumb.active .slide-thumb-num { color: var(--canvas-accent); font-weight: 700; }
+.canvas-page-with-sidebar .slide-thumb-title {
+  font-size: 8px;
+  font-weight: 700;
+  color: #1a1a1a;
+  letter-spacing: -0.01em;
+  line-height: 1.1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.canvas-page-with-sidebar .slide-thumb-body {
+  font-size: 6.5px;
+  color: #555;
+  line-height: 1.25;
+  overflow: hidden;
+  flex: 1;
+}
+
+/* Big slide canvas */
+.canvas-page-with-sidebar .slide-canvas-wrap {
+  background: var(--canvas-surface-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 10px;
+  padding: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.canvas-page-with-sidebar .slide-canvas {
+  position: relative;
+  width: 100%;
+  max-width: 720px;
+  aspect-ratio: 16 / 9;
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0 12px 32px rgba(0,0,0,0.18), 0 4px 10px rgba(0,0,0,0.10);
+  padding: 36px 44px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  color: #111;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar .slide-canvas::before {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0;
+  height: 4px;
+  background: linear-gradient(90deg, var(--canvas-accent), var(--canvas-critic));
+}
+.canvas-page-with-sidebar .slide-canvas-title {
+  font-size: 26px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: #0f172a;
+  line-height: 1.15;
+}
+.canvas-page-with-sidebar .slide-canvas-body {
+  flex: 1;
+  font-size: 15px;
+  color: #1f2937;
+  line-height: 1.55;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar .slide-canvas-body ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.canvas-page-with-sidebar .slide-canvas-body ul li {
+  position: relative;
+  padding-left: 22px;
+}
+.canvas-page-with-sidebar .slide-canvas-body ul li::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 9px;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--canvas-accent);
+}
+.canvas-page-with-sidebar .slide-paragraph {
+  font-size: 17px;
+  line-height: 1.6;
+}
+.canvas-page-with-sidebar .slide-placeholder {
+  color: #9ca3af;
+  font-style: italic;
+  font-size: 14px;
+}
+.canvas-page-with-sidebar .slide-canvas-footer {
+  position: absolute;
+  bottom: 14px;
+  right: 18px;
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  color: #9ca3af;
+}
+
+/* Section-check pill (used in both modes) */
+.canvas-page-with-sidebar .check-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  padding: 3px 9px;
+  border-radius: 999px;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-3);
+  font-family: var(--canvas-sans);
+}
+.canvas-page-with-sidebar .check-pill[data-passed="true"] {
+  background: rgba(16, 185, 129, 0.15);
+  color: #10B981;
+}
+
+/* Document-page preview (Google Docs feel) */
+.canvas-page-with-sidebar .doc-page {
+  background: #ffffff;
+  color: #1a1a1a;
+  padding: 56px 72px;
+  border-radius: 4px;
+  box-shadow: 0 4px 14px rgba(0,0,0,0.10), 0 1px 4px rgba(0,0,0,0.06);
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+  max-width: 800px;
+  margin: 0 auto;
+  width: 100%;
+}
+.canvas-page-with-sidebar .doc-title {
+  font-size: 28px;
+  font-weight: 700;
+  margin: 0 0 24px;
+  letter-spacing: -0.02em;
+  color: #0f172a;
+}
+.canvas-page-with-sidebar .doc-h2 {
+  font-size: 18px;
+  font-weight: 700;
+  margin: 24px 0 8px;
+  color: #0f172a;
+}
+.canvas-page-with-sidebar .doc-body { font-size: 14px; line-height: 1.7; color: #1f2937; }
+.canvas-page-with-sidebar .doc-body p { margin: 0 0 12px; }
+.canvas-page-with-sidebar .doc-body strong { color: #0f172a; }
+.canvas-page-with-sidebar .doc-section { margin-bottom: 8px; }
+
+/* Paper-page preview (Overleaf feel — serif, two-column body) */
+.canvas-page-with-sidebar .paper-page {
+  background: #fdfbf7;
+  color: #1a1a1a;
+  padding: 64px 72px;
+  border-radius: 4px;
+  box-shadow: 0 4px 14px rgba(0,0,0,0.10), 0 1px 4px rgba(0,0,0,0.06);
+  font-family: 'Georgia', 'Times New Roman', serif;
+  max-width: 820px;
+  margin: 0 auto;
+  width: 100%;
+}
+.canvas-page-with-sidebar .paper-page-head {
+  text-align: center;
+  border-bottom: 1px solid #d1d5db;
+  padding-bottom: 16px;
+  margin-bottom: 22px;
+}
+.canvas-page-with-sidebar .paper-title {
+  font-size: 22px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: #0f172a;
+}
+.canvas-page-with-sidebar .paper-byline {
+  font-size: 12px;
+  color: #6b7280;
+  font-style: italic;
+  margin-top: 6px;
+}
+.canvas-page-with-sidebar .paper-h2 {
+  font-size: 14px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: #0f172a;
+  margin: 22px 0 8px;
+}
+.canvas-page-with-sidebar .paper-body { font-size: 13px; line-height: 1.65; color: #1f2937; text-align: justify; }
+.canvas-page-with-sidebar .paper-body p { margin: 0 0 10px; text-indent: 1.5em; }
+.canvas-page-with-sidebar .paper-body p:first-child { text-indent: 0; }
+.canvas-page-with-sidebar .paper-empty { color: #9ca3af; font-style: italic; font-size: 12px; }
+.canvas-page-with-sidebar .paper-section { margin-bottom: 4px; }
+
+/* ----- Canvas-mode app sidebar menu (Insights / Workspace / Deliverables) ----- */
+/* These rules live in the *app* sidebar (not the canvas-page-with-sidebar scope)
+   because they apply to .sidebar from components.css when the user is on canvas. */
+.canvas-sidebar-menu {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 8px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.canvas-sidebar-menu .no-sessions {
+  padding: 18px 12px;
+  font-size: 12px;
+  color: var(--text-tertiary, #9CA3AF);
+  text-align: center;
+}
+
+/* --- Workspace: widget groups --- */
+.canvas-sidebar-menu .csm-group { display: flex; flex-direction: column; gap: 2px; margin-bottom: 6px; }
+.canvas-sidebar-menu .csm-group-head {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 10px;
+  background: transparent;
+  border: none;
+  border-radius: 8px;
+  font-family: inherit;
+  font-size: 13px;
+  text-transform: none;
+  letter-spacing: 0;
+  font-weight: 700;
+  color: var(--text-primary, #1A1714);
+  cursor: pointer;
+}
+.canvas-sidebar-menu .csm-group-head:hover,
+.canvas-sidebar-menu .csm-group-head[aria-expanded="true"],
+.canvas-sidebar-menu .csm-group.open > .csm-group-head {
+  background: var(--bg-tertiary, #EBE4D8);
+  color: var(--text-primary);
+}
+.dark .canvas-sidebar-menu .csm-group-head:hover,
+[data-theme="dark"] .canvas-sidebar-menu .csm-group-head:hover {
+  background: var(--bg-tertiary);
+}
+.canvas-sidebar-menu .csm-group-name { flex: 1; text-align: left; }
+.canvas-sidebar-menu .csm-group-count {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 11px;
+  color: var(--text-muted, #6A645C);
+}
+.canvas-sidebar-menu .csm-group-body {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: 0 0 4px 6px;
+  padding: 6px;
+  border-radius: 8px;
+  background: var(--bg-secondary, #F3EEE6);
+  border: 1px solid var(--border-muted, #E8E1D6);
+}
+
+/* --- Deliverables: project blocks --- */
+.canvas-sidebar-menu .csm-project {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  border-radius: 6px;
+  margin-bottom: 4px;
+}
+.canvas-sidebar-menu .csm-project.active { background: rgba(99, 102, 241, 0.06); }
+.dark .canvas-sidebar-menu .csm-project.active { background: rgba(129, 140, 248, 0.10); }
+.canvas-sidebar-menu .csm-project-head {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  padding: 8px 10px;
+  background: transparent;
+  border: none;
+  border-radius: 5px;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-primary, #111827);
+  cursor: pointer;
+  text-align: left;
+}
+.canvas-sidebar-menu .csm-project-head:hover { background: var(--bg-secondary, #f3f4f6); }
+.dark .canvas-sidebar-menu .csm-project-head { color: var(--text-primary-dark, #f9fafb); }
+.dark .canvas-sidebar-menu .csm-project-head:hover { background: var(--bg-secondary-dark, #374151); }
+.canvas-sidebar-menu .csm-project.active .csm-project-name { color: var(--accent-primary, #0F766E); font-weight: 600; }
+.canvas-sidebar-menu .csm-project-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.canvas-sidebar-menu .csm-versions {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 10px;
+  color: var(--text-tertiary, #9CA3AF);
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: var(--bg-secondary, #f3f4f6);
+}
+.dark .canvas-sidebar-menu .csm-versions { background: var(--bg-secondary-dark, #374151); }
+.canvas-sidebar-menu .csm-project-body {
+  padding: 2px 0 8px 22px;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+/* --- Shared row (used in groups and project bodies) --- */
+.canvas-sidebar-menu .csm-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 10px 5px 6px;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 12.5px;
+  color: var(--text-secondary, #6b7280);
+  text-align: left;
+  cursor: pointer;
+}
+.canvas-sidebar-menu .csm-row:hover {
+  background: var(--bg-secondary, #f3f4f6);
+  color: var(--text-primary, #111827);
+}
+.dark .canvas-sidebar-menu .csm-row { color: var(--text-secondary-dark, #9ca3af); }
+.dark .canvas-sidebar-menu .csm-row:hover { background: var(--bg-secondary-dark, #374151); color: var(--text-primary-dark, #f9fafb); }
+.canvas-sidebar-menu .csm-row.critic { color: #8B5CF6; }
+.dark .canvas-sidebar-menu .csm-row.critic { color: #A78BFA; }
+.canvas-sidebar-menu .csm-row-bullet {
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.45;
+  flex-shrink: 0;
+  margin-left: 4px;
+}
+.canvas-sidebar-menu .csm-row-icon { font-size: 11px; opacity: 0.85; }
+.canvas-sidebar-menu .csm-row-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.canvas-sidebar-menu .csm-row-meta {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 9.5px;
+  color: var(--text-tertiary, #9CA3AF);
+}
+.canvas-sidebar-menu .csm-row-foot {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 8px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 9.5px;
+  color: var(--text-tertiary, #9CA3AF);
+  cursor: default;
+}
+.canvas-sidebar-menu .csm-row-foot:hover { background: transparent; color: var(--text-tertiary, #9CA3AF); }
+
+/* Chevron rotates open/closed */
+.canvas-sidebar-menu .csm-chevron {
+  transition: transform 0.15s ease;
+  color: var(--text-tertiary, #9CA3AF);
+}
+.canvas-sidebar-menu .csm-chevron.open { transform: rotate(90deg); }
+
+/* ----- Deliverable project tabs (Overleaf-style multi-draft) ----- */
+.canvas-page-with-sidebar .deliverable-projects {
+  display: flex;
+  gap: 4px;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-bottom: 14px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--canvas-border);
+}
+.canvas-page-with-sidebar .deliverable-project-tab {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 11px;
+  border-radius: 6px;
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--canvas-text-2);
+  font-family: inherit;
+  font-size: 12.5px;
+  cursor: pointer;
+  transition: background .12s, color .12s, border-color .12s;
+}
+.canvas-page-with-sidebar .deliverable-project-tab:hover {
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .deliverable-project-tab.active {
+  background: var(--canvas-surface-2);
+  border-color: var(--canvas-border);
+  color: var(--canvas-text);
+  font-weight: 600;
+}
+.canvas-page-with-sidebar .deliverable-new-project { position: relative; }
+.canvas-page-with-sidebar .deliverable-new-project summary {
+  list-style: none;
+  cursor: pointer;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .deliverable-new-project summary::-webkit-details-marker { display: none; }
+.canvas-page-with-sidebar .deliverable-new-project[open] summary { background: var(--canvas-surface-2); color: var(--canvas-text); }
+
+/* Auto-save indicator next to the project title */
+.canvas-page-with-sidebar .save-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11.5px;
+  color: var(--canvas-text-3);
+  font-family: var(--canvas-mono);
+  white-space: nowrap;
+  padding: 4px 8px;
+  border-radius: 999px;
+  background: var(--canvas-surface-2);
+  transition: background .2s, color .2s;
+}
+.canvas-page-with-sidebar .save-indicator-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--canvas-ok);
+  box-shadow: 0 0 6px rgba(16, 185, 129, 0.4);
+  transition: background .2s;
+}
+.canvas-page-with-sidebar .save-indicator.saving {
+  background: var(--canvas-accent-glow);
+  color: var(--canvas-accent);
+}
+.canvas-page-with-sidebar .save-indicator.saving .save-indicator-dot {
+  background: var(--canvas-accent);
+  animation: save-pulse 0.6s ease infinite;
+}
+@keyframes save-pulse {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.4; transform: scale(0.85); }
+}
+
+/* Editable project title — looks like the page-title but is an input */
+.canvas-page-with-sidebar .page-title-editable {
+  background: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+  /* Don't let the save indicator crush the title to a couple of characters
+     on narrow screens */
+  flex: 1 1 auto;
+  min-width: 140px;
+  font-family: inherit;
+  font-size: 28px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  margin: 0;
+  padding: 2px 0;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .page-title-editable:focus {
+  background: rgba(255, 255, 255, 0.03);
+  border-radius: 4px;
+  padding: 2px 6px;
+  margin: 0 -6px;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .page-title-editable:focus {
+  background: rgba(0, 0, 0, 0.025);
+}
+
+/* Version history dropdown panel */
+.canvas-page-with-sidebar .deliverable-history {
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 8px;
+  margin-bottom: 16px;
+  padding: 6px;
+  max-height: 320px;
+  overflow-y: auto;
+}
+.canvas-page-with-sidebar .deliverable-history-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 8px 8px;
+  font-size: 11px;
+  font-family: var(--canvas-mono);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--canvas-text-3);
+  border-bottom: 1px solid var(--canvas-border);
+  margin-bottom: 4px;
+}
+.canvas-page-with-sidebar .deliverable-history-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 8px;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  color: var(--canvas-text-2);
+  font-family: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}
+.canvas-page-with-sidebar .deliverable-history-row:hover {
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text);
+}
+
+/* Slash menu (block-insert popover) */
+.canvas-page-with-sidebar .slash-menu {
+  position: absolute;
+  bottom: calc(100% + 4px);
+  left: 0;
+  z-index: 30;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 8px;
+  box-shadow: var(--canvas-shadow-lg);
+  padding: 4px;
+  min-width: 240px;
+  max-height: 280px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+.canvas-page-with-sidebar .slash-menu-head {
+  font-size: 10px;
+  font-family: var(--canvas-mono);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--canvas-text-4);
+  padding: 6px 8px 4px;
+}
+.canvas-page-with-sidebar .slash-menu button {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: transparent;
+  border: none;
+  padding: 6px 8px;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 12.5px;
+  color: var(--canvas-text);
+  text-align: left;
+  cursor: pointer;
+}
+.canvas-page-with-sidebar .slash-menu button:hover,
+.canvas-page-with-sidebar .slash-menu button.active {
+  background: var(--canvas-surface-2);
+}
+.canvas-page-with-sidebar .slash-menu-kind {
+  font-family: var(--canvas-mono);
+  font-size: 9.5px;
+  color: var(--canvas-text-4);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+/* Poster mode — 4-quadrant grid, banners on top and bottom */
+.canvas-page-with-sidebar .poster-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 14px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 10px;
+  padding: 18px;
+}
+.canvas-page-with-sidebar .poster-banner { grid-column: 1 / -1; }
+.canvas-page-with-sidebar .poster-panel {
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 8px;
+  padding: 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .poster-panel {
+  background: #ffffff;
+  border-color: rgba(15, 15, 15, 0.08);
+}
+.canvas-page-with-sidebar .poster-panel-head {
+  font-size: 13px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--canvas-accent);
+  border-bottom: 2px solid var(--canvas-accent-glow);
+  padding-bottom: 6px;
+}
+.canvas-page-with-sidebar .poster-panel textarea {
+  flex: 1;
+  min-height: 120px;
+  background: transparent;
+  border: none;
+  outline: none;
+  resize: none;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--canvas-text);
+  padding: 0;
+}
+@media (max-width: 768px) {
+  .canvas-page-with-sidebar .poster-grid { grid-template-columns: 1fr; }
+}
+
+/* ----- Rich editor block (click-to-edit + floating toolbar + LaTeX math) ----- */
+.canvas-page-with-sidebar .rich-block {
+  position: relative;
+  margin-top: 4px;
+}
+
+.canvas-page-with-sidebar .rich-toolbar {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1px;
+  padding: 4px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 8px;
+  box-shadow: var(--canvas-shadow-lg);
+  z-index: 20;
+  animation: canvas-view-in 140ms var(--canvas-ease);
+}
+.canvas-page-with-sidebar .rich-toolbar button {
+  background: transparent;
+  border: none;
+  width: 30px;
+  height: 28px;
+  border-radius: 4px;
+  display: grid;
+  place-items: center;
+  color: var(--canvas-text-2);
+  font-family: inherit;
+  font-size: 13px;
+  cursor: pointer;
+  transition: background .12s, color .12s;
+}
+.canvas-page-with-sidebar .rich-toolbar button:hover {
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text);
+}
+
+/* Rendered block (idle state — looks like real document text) */
+.canvas-page-with-sidebar .rich-rendered {
+  cursor: text;
+  padding: 4px 0;
+  border-radius: 4px;
+  transition: background .12s;
+  outline: none;
+}
+.canvas-page-with-sidebar .rich-rendered:hover {
+  background: rgba(255, 255, 255, 0.02);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .rich-rendered:hover {
+  background: rgba(0, 0, 0, 0.02);
+}
+.canvas-page-with-sidebar .rich-rendered:focus-visible {
+  background: rgba(0, 0, 0, 0.025);
+  box-shadow: 0 0 0 2px var(--canvas-accent-glow);
+}
+.canvas-page-with-sidebar .rich-placeholder {
+  color: var(--canvas-text-4);
+  font-style: italic;
+}
+
+/* Inside the rendered block: typography matching the page */
+.canvas-page-with-sidebar .rich-rendered > * { margin: 0; }
+.canvas-page-with-sidebar .rich-rendered > * + * { margin-top: 12px; }
+.canvas-page-with-sidebar .rich-rendered p {
+  font-size: 16px;
+  line-height: 1.65;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .rich-rendered.serif p {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 14.5px;
+  line-height: 1.7;
+  text-align: justify;
+}
+.canvas-page-with-sidebar .rich-rendered h1,
+.canvas-page-with-sidebar .rich-rendered h2,
+.canvas-page-with-sidebar .rich-rendered h3,
+.canvas-page-with-sidebar .rich-rendered h4 {
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: var(--canvas-text);
+  margin-top: 16px;
+}
+.canvas-page-with-sidebar .rich-rendered h1 { font-size: 24px; }
+.canvas-page-with-sidebar .rich-rendered h2 { font-size: 19px; }
+.canvas-page-with-sidebar .rich-rendered h3 { font-size: 16px; }
+.canvas-page-with-sidebar .rich-rendered ul,
+.canvas-page-with-sidebar .rich-rendered ol {
+  padding-left: 22px;
+  font-size: 16px;
+  line-height: 1.65;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .rich-rendered.serif ul,
+.canvas-page-with-sidebar .rich-rendered.serif ol {
+  font-family: 'Georgia', serif;
+  font-size: 14.5px;
+}
+.canvas-page-with-sidebar .rich-rendered li { margin-bottom: 4px; }
+.canvas-page-with-sidebar .rich-rendered blockquote {
+  border-left: 3px solid var(--canvas-accent);
+  padding: 4px 14px;
+  color: var(--canvas-text-2);
+  margin-left: 0;
+  background: rgba(99, 102, 241, 0.04);
+  border-radius: 0 4px 4px 0;
+}
+.canvas-page-with-sidebar .rich-rendered code {
+  background: var(--canvas-surface-2);
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-family: var(--canvas-mono);
+  font-size: 13px;
+}
+.canvas-page-with-sidebar .rich-rendered pre {
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 6px;
+  padding: 12px;
+  overflow-x: auto;
+  font-family: var(--canvas-mono);
+  font-size: 13px;
+}
+.canvas-page-with-sidebar .rich-rendered pre code { background: none; padding: 0; }
+.canvas-page-with-sidebar .rich-rendered a {
+  color: var(--canvas-accent);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.canvas-page-with-sidebar .rich-rendered strong { color: var(--canvas-text); font-weight: 700; }
+.canvas-page-with-sidebar .rich-rendered em { color: var(--canvas-text); }
+.canvas-page-with-sidebar .rich-rendered img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 4px;
+  margin: 8px 0;
+  display: block;
+}
+
+/* KaTeX math overrides — match document text size */
+.canvas-page-with-sidebar .rich-rendered .katex {
+  font-size: 1.05em;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .rich-rendered .katex-display {
+  margin: 16px 0;
+  padding: 8px 12px;
+  background: var(--canvas-bg-2);
+  border-radius: 6px;
+  overflow-x: auto;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .rich-rendered .katex-display {
+  background: rgba(0, 0, 0, 0.025);
+}
+
+/* ----- Real LaTeX editor (CodeMirror + LaTeX.js) ----- */
+.canvas-page-with-sidebar .paper-editor-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 7px;
+  padding: 3px;
+  margin-bottom: 14px;
+}
+.canvas-page-with-sidebar .paper-editor-toggle-label {
+  font-size: 10.5px;
+  color: var(--canvas-text-4);
+  font-family: var(--canvas-mono);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  padding: 0 8px 0 6px;
+}
+.canvas-page-with-sidebar .paper-editor-toggle button {
+  background: transparent;
+  border: none;
+  padding: 4px 11px;
+  border-radius: 5px;
+  font-family: inherit;
+  font-size: 12px;
+  color: var(--canvas-text-3);
+  cursor: pointer;
+  transition: background .12s, color .12s;
+}
+.canvas-page-with-sidebar .paper-editor-toggle button:hover { color: var(--canvas-text); }
+.canvas-page-with-sidebar .paper-editor-toggle button.active {
+  background: var(--canvas-surface-3);
+  color: var(--canvas-text);
+  box-shadow: inset 0 0 0 1px var(--canvas-border-2);
+}
+
+.canvas-page-with-sidebar .latex-editor {
+  display: flex;
+  flex-direction: column;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 8px;
+  overflow: hidden;
+}
+.canvas-page-with-sidebar .latex-editor-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--canvas-border);
+  background: var(--canvas-bg-2);
+}
+.canvas-page-with-sidebar .latex-editor-mode {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  border-radius: 5px;
+  padding: 2px;
+}
+.canvas-page-with-sidebar .latex-editor-mode button {
+  background: transparent;
+  border: none;
+  padding: 3px 10px;
+  border-radius: 3px;
+  font-family: inherit;
+  font-size: 11.5px;
+  color: var(--canvas-text-3);
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  cursor: pointer;
+}
+.canvas-page-with-sidebar .latex-editor-mode button.active {
+  background: var(--canvas-surface-3);
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .latex-editor-mode button:hover { color: var(--canvas-text); }
+
+.canvas-page-with-sidebar .latex-editor-panes {
+  display: grid;
+  min-height: 520px;
+  height: 70vh;
+  max-height: 800px;
+}
+.canvas-page-with-sidebar .latex-editor-panes.mode-split { grid-template-columns: 1fr 1fr; }
+.canvas-page-with-sidebar .latex-editor-panes.mode-source,
+.canvas-page-with-sidebar .latex-editor-panes.mode-preview { grid-template-columns: 1fr; }
+
+.canvas-page-with-sidebar .latex-source-pane {
+  border-right: 1px solid var(--canvas-border);
+  overflow: hidden;
+}
+.canvas-page-with-sidebar .latex-source-pane .cm-editor {
+  height: 100%;
+  font-size: 13px;
+}
+.canvas-page-with-sidebar .latex-source-pane .cm-scroller {
+  font-family: var(--canvas-mono);
+}
+.canvas-page-with-sidebar .latex-editor-panes.mode-preview .latex-source-pane,
+.canvas-page-with-sidebar .latex-editor-panes.mode-source ~ .latex-preview-pane {
+  display: none;
+}
+
+.canvas-page-with-sidebar .latex-preview-pane {
+  background: #fdfbf7;
+  color: #1a1a1a;
+  overflow-y: auto;
+  padding: 40px 56px;
+  font-family: 'Georgia', 'Times New Roman', serif;
+  position: relative;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .latex-preview-pane { background: #fdfbf7; }
+.canvas-page-with-sidebar .latex-preview-body {
+  max-width: 720px;
+  margin: 0 auto;
+}
+.canvas-page-with-sidebar .latex-preview-body h1,
+.canvas-page-with-sidebar .latex-preview-body h2,
+.canvas-page-with-sidebar .latex-preview-body h3 {
+  font-family: 'Georgia', serif;
+  color: #0f172a;
+}
+.canvas-page-with-sidebar .latex-preview-body p {
+  font-size: 14.5px;
+  line-height: 1.65;
+  color: #1f2937;
+  text-align: justify;
+}
+.canvas-page-with-sidebar .latex-preview-error {
+  display: flex;
+  gap: 10px;
+  padding: 10px 14px;
+  margin: 0 auto 14px;
+  max-width: 720px;
+  background: rgba(220, 38, 38, 0.08);
+  border-left: 3px solid var(--canvas-danger);
+  border-radius: 4px;
+  color: var(--canvas-danger);
+}
+
+@media (max-width: 900px) {
+  .canvas-page-with-sidebar .latex-editor-panes.mode-split { grid-template-columns: 1fr; }
+  .canvas-page-with-sidebar .latex-editor-panes.mode-split .latex-source-pane { border-right: none; border-bottom: 1px solid var(--canvas-border); }
+}
+
+/* ----- Notion-style single-surface deliverable editor ----- */
+.canvas-page-with-sidebar .notion-deliverable-grid {
+  display: grid;
+  grid-template-columns: 200px minmax(0, 1fr) 240px;
+  gap: 28px;
+  align-items: start;
+}
+@media (max-width: 1280px) {
+  .canvas-page-with-sidebar .notion-deliverable-grid { grid-template-columns: 200px minmax(0, 1fr); }
+  .canvas-page-with-sidebar .notion-deliverable-grid > .deliverable-insertables { display: none; }
+}
+@media (max-width: 768px) {
+  .canvas-page-with-sidebar .notion-deliverable-grid { grid-template-columns: 1fr; }
+  .canvas-page-with-sidebar .notion-toc { display: none; }
+}
+
+/* Subtle TOC */
+.canvas-page-with-sidebar .notion-toc {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  position: sticky;
+  top: 0;
+  padding: 4px 0;
+}
+.canvas-page-with-sidebar .notion-toc-label {
+  font-size: 11px;
+  color: var(--canvas-text-4);
+  font-weight: 500;
+  padding: 4px 6px 8px;
+  letter-spacing: 0;
+  text-transform: none;
+}
+.canvas-page-with-sidebar .notion-toc-link {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: transparent;
+  border: none;
+  padding: 5px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 13px;
+  color: var(--canvas-text-2);
+  text-align: left;
+  transition: background .12s, color .12s;
+}
+.canvas-page-with-sidebar .notion-toc-link:hover {
+  background: rgba(255, 255, 255, 0.04);
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .notion-toc-link:hover {
+  background: rgba(0, 0, 0, 0.04);
+}
+.canvas-page-with-sidebar .notion-toc-link.active {
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--canvas-text);
+  font-weight: 500;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .notion-toc-link.active {
+  background: rgba(0, 0, 0, 0.05);
+}
+.canvas-page-with-sidebar .notion-toc-link-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.canvas-page-with-sidebar .notion-toc-link-count {
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  color: var(--canvas-text-4);
+}
+
+/* The page itself */
+.canvas-page-with-sidebar .notion-page-wrap {
+  display: flex;
+  justify-content: center;
+}
+.canvas-page-with-sidebar .notion-page {
+  background: var(--canvas-surface);
+  width: 100%;
+  max-width: 760px;
+  padding: 60px 80px;
+  border-radius: 4px;
+  color: var(--canvas-text);
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .notion-page {
+  background: #ffffff;
+  border: 1px solid rgba(15, 15, 15, 0.06);
+  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+}
+.canvas-page-with-sidebar .notion-page.serif {
+  font-family: 'Georgia', 'Times New Roman', serif;
+}
+.canvas-page-with-sidebar .notion-page-wrap.paper .notion-page {
+  background: #fdfbf7;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .notion-page-wrap.paper .notion-page {
+  background: #fdfbf7;
+}
+.canvas-page-with-sidebar .notion-page-title {
+  font-size: 40px;
+  font-weight: 700;
+  margin: 0 0 6px;
+  letter-spacing: -0.025em;
+  line-height: 1.15;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .notion-page-meta {
+  font-size: 12.5px;
+  color: var(--canvas-text-3);
+  margin: 0 0 36px;
+}
+
+.canvas-page-with-sidebar .notion-block {
+  margin: 24px 0;
+  position: relative;
+}
+.canvas-page-with-sidebar .notion-h2 {
+  font-size: 24px;
+  font-weight: 700;
+  letter-spacing: -0.015em;
+  margin: 0 0 8px;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .notion-h2.serif {
+  font-size: 16px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  font-weight: 700;
+}
+.canvas-page-with-sidebar .notion-hint {
+  font-size: 13.5px;
+  color: var(--canvas-text-4);
+  font-style: italic;
+  margin: 4px 0 6px;
+}
+
+/* The textarea, styled as Notion body text */
+.canvas-page-with-sidebar .notion-text {
+  display: block;
+  width: 100%;
+  background: transparent;
+  border: none;
+  outline: none;
+  resize: none;
+  padding: 4px 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 16px;
+  line-height: 1.6;
+  color: var(--canvas-text);
+  overflow: hidden;
+  min-height: 28px;
+}
+.canvas-page-with-sidebar .notion-text.serif {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 14.5px;
+  line-height: 1.7;
+}
+.canvas-page-with-sidebar .notion-text::placeholder {
+  color: var(--canvas-text-4);
+}
+.canvas-page-with-sidebar .notion-text:focus {
+  background: rgba(0, 0, 0, 0.02);
+  border-radius: 3px;
+  padding: 4px 6px;
+  margin: 0 -6px;
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .notion-text:focus {
+  background: rgba(0, 0, 0, 0.025);
+}
+
+/* Inline meta (check pills + word count) sits below the block */
+.canvas-page-with-sidebar .notion-block-meta {
+  margin-top: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+/* Notion-style callout box for AI suggestions */
+.canvas-page-with-sidebar .notion-callout {
+  margin-top: 12px;
+  background: rgba(99, 102, 241, 0.06);
+  border-radius: 4px;
+  padding: 14px 16px;
+  display: flex;
+  gap: 10px;
+  font-size: 13.5px;
+  line-height: 1.55;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .notion-callout {
+  background: rgba(99, 102, 241, 0.07);
+}
+.canvas-page-with-sidebar .notion-callout > svg {
+  color: var(--canvas-accent);
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+.canvas-page-with-sidebar .notion-callout-label {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--canvas-accent);
+  font-weight: 600;
+  margin-bottom: 2px;
+}
+
+/* Export dropdown — uses native <details> for zero-state-management */
+.canvas-page-with-sidebar .canvas-export-menu summary {
+  list-style: none;
+}
+.canvas-page-with-sidebar .canvas-export-menu summary::-webkit-details-marker {
+  display: none;
+}
+.canvas-page-with-sidebar .canvas-export-menu[open] summary {
+  filter: brightness(1.05);
+}
+.canvas-page-with-sidebar .canvas-export-menu-list {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border-2);
+  border-radius: 6px;
+  box-shadow: var(--canvas-shadow-lg);
+  padding: 4px;
+  min-width: 180px;
+  display: flex;
+  flex-direction: column;
+  z-index: 30;
+}
+.canvas-page-with-sidebar .canvas-export-menu-list button {
+  text-align: left;
+  background: transparent;
+  border: none;
+  padding: 7px 10px;
+  border-radius: 4px;
+  font-size: 13px;
+  cursor: pointer;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .canvas-export-menu-list button:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .canvas-export-menu-list button:hover {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+/* Old paper/doc preview styles can stay below for the slides bottom-info case */
+
+/* Responsive breakpoints for paper/document mode */
+@media (max-width: 1280px) {
+  .canvas-page-with-sidebar .deliverable-grid { grid-template-columns: 160px minmax(0, 1fr); }
+  .canvas-page-with-sidebar .deliverable-grid > .deliverable-insertables { display: none; }
+}
+@media (max-width: 768px) {
+  .canvas-page-with-sidebar .deliverable-grid { grid-template-columns: 1fr; }
+  .canvas-page-with-sidebar .doc-page,
+  .canvas-page-with-sidebar .paper-page { padding: 32px 24px; }
+}
+
+/* Insertable row in the right rail of Deliverables */
+.canvas-page-with-sidebar .canvas-insert-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  text-align: left;
+  cursor: pointer;
+  font-family: inherit;
+  color: var(--canvas-text);
+  transition: background .12s;
+}
+.canvas-page-with-sidebar .canvas-insert-row:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+.canvas-page-with-sidebar[data-canvas-theme="light"] .canvas-insert-row:hover {
+  background: rgba(0, 0, 0, 0.04);
+}
+
+/* PhD Journey milestone rows */
+.canvas-page-with-sidebar .phd-milestone {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 8px 4px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background .12s;
+}
+.canvas-page-with-sidebar .phd-milestone:hover { background: var(--canvas-surface-2); }
+.canvas-page-with-sidebar .phd-milestone-check {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  border: 1.5px solid var(--canvas-text-4);
+  background: transparent;
+  cursor: pointer;
+  display: grid;
+  place-items: center;
+  margin-top: 2px;
+  color: #fff;
+  transition: background .12s, border-color .12s;
+}
+.canvas-page-with-sidebar .phd-milestone.milestone-in-progress .phd-milestone-check {
+  background: #3B82F6;
+  border-color: #3B82F6;
+}
+.canvas-page-with-sidebar .phd-milestone.milestone-completed .phd-milestone-check {
+  background: #10B981;
+  border-color: #10B981;
+}
+.canvas-page-with-sidebar .phd-milestone-body { flex: 1; min-width: 0; }
+.canvas-page-with-sidebar .phd-milestone-label {
+  font-size: 13px;
+  color: var(--canvas-text);
+  font-weight: 500;
+  line-height: 1.4;
+}
+.canvas-page-with-sidebar .phd-milestone.milestone-completed .phd-milestone-label {
+  text-decoration: line-through;
+  color: var(--canvas-text-3);
+}
+.canvas-page-with-sidebar .phd-milestone-hint {
+  font-size: 11.5px;
+  color: var(--canvas-text-4);
+  font-style: italic;
+  margin-top: 2px;
+}
+.canvas-page-with-sidebar .phd-milestone-note {
+  font-size: 11.5px;
+  color: var(--canvas-text-2);
+  margin-top: 2px;
+}
+
+/* PhD Resources link rows */
+.canvas-page-with-sidebar .phd-resource-link {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  padding: 6px 8px;
+  background: transparent;
+  border-radius: 5px;
+  text-decoration: none;
+  color: var(--canvas-text);
+  transition: background .12s;
+}
+.canvas-page-with-sidebar .phd-resource-link:hover {
+  background: var(--canvas-surface-2);
+}
+.canvas-page-with-sidebar .phd-resource-name {
+  font-size: 12.5px;
+  font-weight: 600;
+  color: var(--canvas-accent);
+}
+.canvas-page-with-sidebar .phd-resource-desc {
+  font-size: 11px;
+  color: var(--canvas-text-3);
+}
+
+/* "Coming soon" stub widget — roadmap-preview card, not a dead end */
+.canvas-page-with-sidebar .widget-stub {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 18px 4px 8px;
+}
+.canvas-page-with-sidebar .widget-stub-icon {
+  width: 32px;
+  height: 32px;
+  border-radius: 7px;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-3);
+  display: grid;
+  place-items: center;
+}
+.canvas-page-with-sidebar .widget-stub-tag {
+  font-size: 9.5px;
+  font-family: var(--canvas-mono);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--canvas-text-4);
+  font-weight: 600;
+  margin-top: 8px;
+}
+.canvas-page-with-sidebar .widget-stub-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--canvas-text);
+}
+.canvas-page-with-sidebar .widget-stub-desc {
+  font-size: 12px;
+  color: var(--canvas-text-3);
+  line-height: 1.5;
+}
+.canvas-page-with-sidebar .widget-stub-plan {
+  margin: 8px 0 0;
+  padding-left: 18px;
+  font-size: 12px;
+  color: var(--canvas-text-3);
+  line-height: 1.6;
+}
+.canvas-page-with-sidebar .widget-stub-plan li::marker { color: var(--canvas-accent); }
+
+/* Shared empty-state block inside widgets (Notion-style: airy, single CTA) */
+.canvas-page-with-sidebar .widget-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 28px 16px;
+  text-align: center;
+  color: var(--canvas-text-3);
+  flex: 1;
+}
+.canvas-page-with-sidebar .widget-empty-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background: var(--canvas-surface-2);
+  color: var(--canvas-text-3);
+  display: grid;
+  place-items: center;
+  margin-bottom: 4px;
+}
+.canvas-page-with-sidebar .widget-empty-title {
+  font-size: 13.5px;
+  font-weight: 600;
+  color: var(--canvas-text-2);
+}
+.canvas-page-with-sidebar .widget-empty-hint {
+  font-size: 12px;
+  color: var(--canvas-text-3);
+  max-width: 240px;
+  line-height: 1.5;
+}
+.canvas-page-with-sidebar .widget-empty-action {
+  margin-top: 8px;
+}
+
+/* Cross-widget drop overlay — shows over the target widget body during drag */
+.canvas-page-with-sidebar .canvas-drop-overlay {
+  position: absolute;
+  inset: -4px;
+  background: var(--canvas-accent-glow);
+  border: 2px dashed var(--canvas-accent);
+  border-radius: 9px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--canvas-accent);
+  z-index: 5;
+  pointer-events: none;
+}
+.canvas-page-with-sidebar .canvas-drop-active { outline: none; }
+
+/* Compact markdown rendering inside note rows */
+.canvas-page-with-sidebar .canvas-md p { margin: 0 0 4px; }
+.canvas-page-with-sidebar .canvas-md p:last-child { margin-bottom: 0; }
+.canvas-page-with-sidebar .canvas-md h1,
+.canvas-page-with-sidebar .canvas-md h2,
+.canvas-page-with-sidebar .canvas-md h3 { font-size: 13px; margin: 4px 0 2px; font-weight: 600; }
+.canvas-page-with-sidebar .canvas-md ul,
+.canvas-page-with-sidebar .canvas-md ol { margin: 4px 0; padding-left: 18px; }
+.canvas-page-with-sidebar .canvas-md li { margin-bottom: 2px; }
+.canvas-page-with-sidebar .canvas-md code {
+  background: var(--canvas-surface-2);
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-family: var(--canvas-mono);
+  font-size: 11.5px;
+}
+.canvas-page-with-sidebar .canvas-md pre {
+  background: var(--canvas-bg-2);
+  border: 1px solid var(--canvas-border);
+  border-radius: 5px;
+  padding: 8px 10px;
+  overflow-x: auto;
+  font-family: var(--canvas-mono);
+  font-size: 11.5px;
+  margin: 4px 0;
+}
+.canvas-page-with-sidebar .canvas-md pre code { background: none; padding: 0; }
+.canvas-page-with-sidebar .canvas-md a { color: var(--canvas-accent); text-decoration: underline; text-underline-offset: 2px; }
+.canvas-page-with-sidebar .canvas-md strong { color: var(--canvas-text); font-weight: 600; }
+.canvas-page-with-sidebar .canvas-md blockquote {
+  border-left: 2px solid var(--canvas-accent);
+  margin: 4px 0;
+  padding: 2px 10px;
+  color: var(--canvas-text-2);
+}
+
+/* Edit-in-place */
+.canvas-page-with-sidebar .inline-input {
+  background: transparent;
+  border: 1px solid var(--canvas-accent);
+  border-radius: 4px;
+  padding: 2px 5px;
+  font-size: inherit;
+  color: var(--canvas-text);
+  font-family: inherit;
+  width: 100%;
+  outline: none;
+}
+
+/* Print: just the Notion page itself, no chrome */
+@media print {
+  .canvas-sidebar,
+  .canvas-page-with-sidebar .floating-header,
+  .canvas-page-with-sidebar .canvas-tabs,
+  .canvas-page-with-sidebar .notion-toc,
+  .canvas-page-with-sidebar .deliverable-insertables,
+  .canvas-page-with-sidebar .canvas-shortcut-hint,
+  .canvas-page-with-sidebar .page-header > div:last-child,
+  .toast-stack,
+  .canvas-modal-backdrop {
+    display: none !important;
+  }
+  .canvas-page-with-sidebar,
+  .canvas-main-area,
+  .canvas-app-shell,
+  .canvas-content,
+  .canvas-page-with-sidebar .notion-deliverable-grid,
+  .canvas-page-with-sidebar .notion-page-wrap {
+    display: block !important;
+    overflow: visible !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    background: #ffffff !important;
+    color: #000 !important;
+  }
+  .canvas-page-with-sidebar .notion-page {
+    background: #ffffff !important;
+    border: none !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+    max-width: none !important;
+  }
+  .canvas-page-with-sidebar .notion-page-title { font-size: 28px; color: #000 !important; }
+  .canvas-page-with-sidebar .notion-h2 { color: #000 !important; }
+  .canvas-page-with-sidebar .notion-text { color: #000 !important; padding: 0 !important; margin: 0 !important; }
+  .canvas-page-with-sidebar .check-pill,
+  .canvas-page-with-sidebar .notion-callout { display: none !important; }
+}
+
+/* Floating shortcut hint — subtle, hides itself, hover-revealed */
+.canvas-shortcut-hint {
+  position: fixed;
+  bottom: 16px;
+  right: 20px;
+  z-index: 50;
+  display: flex;
+  gap: 14px;
+  padding: 8px 14px;
+  border-radius: 999px;
+  background: var(--canvas-surface);
+  border: 1px solid var(--canvas-border);
+  box-shadow: var(--canvas-shadow);
+  font-size: 11.5px;
+  color: var(--canvas-text-3);
+  font-family: 'Inter', sans-serif;
+  opacity: 0;
+  transform: translateY(8px);
+  transition: opacity 0.25s var(--canvas-ease), transform 0.25s var(--canvas-ease);
+  pointer-events: none;
+}
+.canvas-shortcut-hint.visible {
+  opacity: 1;
+  transform: none;
+  pointer-events: auto;
+}
+.canvas-shortcut-hint:not(.visible):hover {
+  opacity: 0.6;
+  transform: none;
+  pointer-events: auto;
+}
+.canvas-shortcut-hint kbd {
+  display: inline-block;
+  font-family: var(--canvas-mono);
+  font-size: 10px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: var(--canvas-surface-2);
+  border: 1px solid var(--canvas-border-2);
+  color: var(--canvas-text-2);
+  margin-right: 2px;
+  min-width: 14px;
+  text-align: center;
+}
+@media (max-width: 768px) {
+  .canvas-shortcut-hint { display: none; }
+}
+
+/* Toast */
+.toast-stack {
+  position: fixed;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  pointer-events: none;
+}
+.toast-stack .toast {
+  background: #374151;
+  border: 1px solid #4B5563;
+  border-radius: 8px;
+  padding: 10px 14px;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  box-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 2px 6px rgba(0,0,0,0.3);
+  animation: canvas-toast-in .25s cubic-bezier(.22,.9,.3,1);
+  pointer-events: auto;
+  color: #F9FAFB;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+}
+body[data-canvas-theme="light"] .toast-stack .toast {
+  background: #FFFFFF;
+  color: #111827;
+  border-color: #D1D5DB;
+  box-shadow: 0 18px 48px rgba(20, 30, 50, 0.16);
+}
+.toast-stack .toast.success { border-left: 3px solid #10B981; }
+.toast-stack .toast.critic { border-left: 3px solid #A78BFA; }
+.toast-stack .toast.danger { border-left: 3px solid #DC2626; }
+@keyframes canvas-toast-in { from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: none } }
+
+/* Spinner */
+.canvas-page-with-sidebar .spinner,
+.canvas-modal-backdrop .spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--canvas-surface-3);
+  border-top-color: var(--canvas-accent);
+  border-radius: 50%;
+  animation: canvas-spin .8s linear infinite;
+}
+.canvas-page-with-sidebar .spinner.critic,
+.canvas-modal-backdrop .spinner.critic { border-top-color: var(--canvas-critic); }
+@keyframes canvas-spin { to { transform: rotate(360deg) } }
+
+/* Scrollbar */
+.canvas-page-with-sidebar *::-webkit-scrollbar,
+.canvas-modal-backdrop *::-webkit-scrollbar { width: 8px; height: 8px; }
+.canvas-page-with-sidebar *::-webkit-scrollbar-track,
+.canvas-modal-backdrop *::-webkit-scrollbar-track { background: transparent; }
+.canvas-page-with-sidebar *::-webkit-scrollbar-thumb,
+.canvas-modal-backdrop *::-webkit-scrollbar-thumb { background: var(--canvas-border-2); border-radius: 4px; }
+.canvas-page-with-sidebar *::-webkit-scrollbar-thumb:hover,
+.canvas-modal-backdrop *::-webkit-scrollbar-thumb:hover { background: var(--canvas-text-3); }
+
diff --git a/frontend/src/styles/ChatPage.css b/frontend/src/styles/ChatPage.css
new file mode 100644
index 0000000000000000000000000000000000000000..c7c1ba7aa890d153beea27d1ed0777c7f503e7de
--- /dev/null
+++ b/frontend/src/styles/ChatPage.css
@@ -0,0 +1,1219 @@
+/* Modern Chat Page Layout */
+.modern-chat-page {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--bg-gradient);
+}
+
+[data-theme="dark"] .modern-chat-page {
+  background: var(--bg-gradient);
+  will-change: auto;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+
+/* Floating Header */
+.floating-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: var(--header-bg);
+  border-bottom: 1px solid var(--header-border);
+  padding: 12px 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  box-shadow: var(--header-shadow);
+  flex-shrink: 0;
+  min-width: 0;
+  overflow: visible;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex: 1 1 0;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.modern-home-btn {
+  width: 44px;
+  height: 44px;
+  flex-shrink: 0; /* never squish into a sliver; collapse rules hide it instead */
+  border-radius: 12px;
+  border: none;
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.modern-home-btn:hover {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-sm);
+}
+
+.header-brand {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.brand-icon {
+  width: 40px;
+  height: 40px;
+  background: var(--accent-gradient);
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  flex-shrink: 0;
+}
+
+.brand-text {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.brand-text h1 {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin: 0;
+  line-height: 1.2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Brand subtitle/text collapse is handled by container queries on
+   .floating-header.app-header (see CanvasPage.css "Header collapse" block),
+   so it reacts to the header's real width — sidebar open or closed —
+   instead of the viewport. */
+
+.brand-text p {
+  font-size: 13px;
+  color: var(--text-secondary);
+  margin: 0;
+  line-height: 1.35;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  flex: 1 0 auto;
+  min-width: 0;
+  flex-wrap: nowrap;
+  position: relative;
+  z-index: 2;
+}
+
+.header-controls {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+
+
+.thinking-pulse {
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  animation: pulse-dot 1.5s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.7; }
+}
+
+@keyframes pulse-dot {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(1.2); opacity: 0.8; }
+}
+
+/* Main Content Area */
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding-top: 24px;
+  padding-bottom: 140px; 
+  padding-left: 16px;
+  padding-right: 16px;
+  overflow: visible; 
+  min-height: 0; 
+  height: 100vh; 
+}
+
+.export-dropdown {
+  z-index: 1000;
+}
+
+/* Welcome State */
+.welcome-state {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding-top: 40px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scroll-behavior: smooth;
+  -webkit-overflow-scrolling: touch;
+}
+
+.suggestions-container {
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+  flex-shrink: 0;
+}
+
+/* Chat State */
+.chat-state {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 0;
+  height: 100%; 
+}
+
+.chat-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 0;
+  /* Add bottom padding to prevent content being hidden behind floating input */
+  padding-bottom: 140px;
+}
+
+.messages-area {
+  flex: 1;
+  overflow: hidden;
+  min-height: 0;
+}
+
+.messages-scroll {
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 20px;
+  padding-bottom: 40px;
+  background: var(--bg-gradient);
+  scroll-behavior: smooth;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin;
+}
+
+.messages-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-height: 0;
+  height: 100%;
+  background: var(--bg-gradient);
+}
+
+.messages-list {
+  flex: 1;
+  overflow: hidden;
+  min-height: 0;
+  height: 100%;
+}
+
+/* Advisor carousel: horizontal layout for multiple advisor responses */
+.advisor-carousel {
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+  margin-bottom: 24px;
+  min-height: 0;
+  width: 100%;
+}
+
+.advisor-carousel .carousel-viewport {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.advisor-carousel .carousel-track {
+  display: flex;
+  height: 100%;
+  transition: transform 0.25s ease-out;
+}
+
+/* Grid mode: wide layout, all advisor cards side by side */
+.advisor-carousel.grid-mode .carousel-track {
+  transform: none;
+  gap: 16px;
+}
+
+.advisor-carousel.grid-mode .carousel-slide {
+  flex: 1 1 0;
+  min-width: 240px;
+  max-width: 400px;
+}
+
+/* Carousel mode: narrow layout, one card at a time with arrows */
+.advisor-carousel.carousel-mode {
+  position: relative;
+  padding: 0 40px;
+}
+
+.advisor-carousel.carousel-mode .carousel-track {
+  width: 100%;
+}
+
+.advisor-carousel.carousel-mode .carousel-slide {
+  width: 100%;
+  flex-shrink: 0;
+}
+
+.advisor-carousel .carousel-arrow {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  border: 1px solid var(--border-primary);
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: background 0.2s, color 0.2s;
+  flex-shrink: 0;
+  z-index: 2;
+}
+
+.advisor-carousel .carousel-arrow:hover:not(:disabled) {
+  background: var(--accent-primary);
+  color: white;
+  border-color: var(--accent-primary);
+}
+
+.advisor-carousel .carousel-arrow:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.advisor-carousel .carousel-prev {
+  left: 0;
+}
+
+.advisor-carousel .carousel-next {
+  right: 0;
+}
+
+.advisor-carousel .carousel-dots {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  margin-top: 12px;
+  flex-shrink: 0;
+}
+
+.advisor-carousel .carousel-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border: none;
+  background: var(--border-primary);
+  cursor: pointer;
+  transition: background 0.2s;
+  padding: 0;
+}
+
+.advisor-carousel .carousel-dot.active,
+.advisor-carousel .carousel-dot:hover {
+  background: var(--accent-primary);
+}
+
+.single-response-wide {
+  margin-bottom: 24px;
+  width: 100%;
+  max-width: 512px;
+}
+
+
+[data-theme="dark"] .messages-scroll,
+[data-theme="dark"] .messages-container,
+[data-theme="dark"] .main-content {
+  background: var(--bg-gradient);
+  will-change: auto;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+
+/* Smooth scrolling with fixed background */
+@media (prefers-reduced-motion: no-preference) {
+  .messages-scroll {
+    scroll-behavior: smooth;
+  }
+}
+
+/* Scrollbar styling for dark mode */
+[data-theme="dark"] .messages-scroll::-webkit-scrollbar {
+  width: 8px;
+}
+
+[data-theme="dark"] .messages-scroll::-webkit-scrollbar-track {
+  background: var(--bg-secondary);
+  border-radius: 4px;
+}
+
+[data-theme="dark"] .messages-scroll::-webkit-scrollbar-thumb {
+  background: var(--border-primary);
+  border-radius: 4px;
+}
+
+[data-theme="dark"] .messages-scroll::-webkit-scrollbar-thumb:hover {
+  background: var(--text-tertiary);
+}
+
+/* Prevent background shift during scroll */
+.messages-scroll * {
+  background-attachment: fixed;
+}
+
+/* Ensure scroll anchor area */
+.messages-end-anchor {
+  height: 1px;
+  background: transparent;
+}
+
+
+/* Message Components */
+.orchestrator-message {
+  display: flex;
+  gap: 16px;
+  margin-bottom: 24px;
+  align-items: flex-start;
+}
+
+.orchestrator-avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 20px;
+  background: var(--accent-gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  flex-shrink: 0;
+}
+
+.orchestrator-content {
+  flex: 1;
+  background: var(--bg-secondary);
+  border-radius: 16px;
+  padding: 16px 20px;
+  border: 1px solid var(--border-primary);
+  max-width: 600px;
+}
+
+.orchestrator-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.orchestrator-name {
+  font-weight: 600;
+  color: var(--text-primary);
+  font-size: 14px;
+}
+
+.message-timestamp {
+  font-size: 12px;
+  color: var(--text-tertiary);
+}
+
+.orchestrator-text {
+  color: var(--text-accent);
+  line-height: 1.6;
+  margin: 0;
+}
+
+/* System Notifications */
+.system-notification {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0;
+}
+
+.system-content {
+  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
+  color: white;
+  padding: 12px 20px;
+  border-radius: 20px;
+  font-size: 14px;
+  font-weight: 500;
+  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
+  text-align: center;
+  max-width: 400px;
+}
+
+/* System Message Base Styles */
+.system-message-container {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0;
+}
+
+.system-message {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-primary);
+  border-radius: 12px;
+  padding: 12px 16px;
+  font-size: 14px;
+  color: var(--text-secondary);
+  text-align: center;
+  max-width: 500px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+
+/* Document Upload Specific Styles */
+.system-message.document-upload {
+  background: #F0F9F4;
+  border: 1px solid #10B981;
+  border-left: 4px solid #10B981;
+  color: #065F46;
+  font-weight: 500;
+  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);
+  animation: slideInNotification 0.3s ease-out;
+}
+
+.system-message.document-upload svg {
+  color: #10B981;
+  flex-shrink: 0;
+}
+
+.system-message.document-upload p {
+  margin: 0;
+  line-height: 1.4;
+}
+
+[data-theme="dark"] .system-message.document-upload {
+  background: rgba(16, 185, 129, 0.15);
+  border-color: #10B981;
+  color: #6EE7B7;
+}
+
+[data-theme="dark"] .system-message.document-upload svg {
+  color: #34D399;
+}
+
+/* Animation for notification appearance */
+@keyframes slideInNotification {
+  from {
+    opacity: 0;
+    transform: translateY(-8px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+/* Thinking Indicators */
+.orchestrator-thinking {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  opacity: 0.8;
+  margin-bottom: 24px;
+}
+
+.orchestrator-thinking .thinking-bubble {
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+  min-height: 40px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--accent-gradient, var(--accent-primary));
+  color: white;
+  border: none;
+  box-shadow: var(--shadow-sm);
+}
+
+.thinking-content {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  background: var(--bg-secondary);
+  border-radius: 16px;
+  padding: 16px 20px;
+  border: 1px solid var(--border-primary);
+}
+
+.thinking-label {
+  font-size: 14px;
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.thinking-animation {
+  display: flex;
+  gap: 4px;
+}
+
+.thinking-animation .dot {
+  width: 6px;
+  height: 6px;
+  background: var(--accent-primary);
+  border-radius: 50%;
+  animation: thinking-bounce 1.4s infinite ease-in-out both;
+}
+
+.thinking-animation .dot:nth-child(1) { animation-delay: -0.32s; }
+.thinking-animation .dot:nth-child(2) { animation-delay: -0.16s; }
+.thinking-animation .dot:nth-child(3) { animation-delay: 0s; }
+
+@keyframes thinking-bounce {
+  0%, 80%, 100% { transform: scale(0); }
+  40% { transform: scale(1); }
+}
+
+/* Floating Input Area - FIXED VERSION */
+.floating-input-area {
+  position: fixed;
+  bottom: 20px;
+  left: 300px;
+  right: 0;
+  z-index: 50;
+  background: transparent;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 860px;
+  margin: 0 auto;
+  transition: left 0.3s ease;
+}
+
+.floating-input-area.sidebar-collapsed {
+  left: 70px;
+}
+
+.chat-input-footer-actions {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+  max-width: 800px;
+  padding: 8px 12px 0;
+  box-sizing: border-box;
+}
+
+@media (max-width: 640px) {
+  .chat-input-footer-actions {
+    padding: 6px 8px 0;
+    justify-content: center;
+  }
+}
+
+/* Panel-proposed journey check-off banner */
+.journey-suggestions-banner {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  max-width: 768px;
+  margin: 0 16px 10px 16px;
+  padding: 10px 14px;
+  border: 1px solid var(--border-primary);
+  border-radius: 12px;
+  background: var(--bg-primary);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-sizing: border-box;
+}
+
+.journey-suggestions-label {
+  font-size: 13px;
+  color: var(--text-secondary);
+}
+
+.journey-suggestion-btn {
+  min-height: 36px;
+  padding: 6px 12px;
+  border: 1px solid var(--accent-primary);
+  border-radius: 18px;
+  background: transparent;
+  color: var(--accent-primary);
+  font-size: 13px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.journey-suggestion-btn:hover {
+  background: var(--accent-primary);
+  color: #fff;
+}
+
+.journey-suggestion-dismiss {
+  margin-left: auto;
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+}
+
+.journey-suggestion-dismiss:hover {
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+}
+
+/* Generated follow-up suggestion chips above the input */
+.followup-chips {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  max-width: 768px;
+  margin: 0 16px 10px 16px;
+  box-sizing: border-box;
+}
+
+.followup-chip {
+  min-height: 44px;
+  padding: 10px 16px;
+  border: 1px solid var(--border-primary);
+  border-radius: 22px;
+  background: var(--bg-primary);
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 1.3;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  max-width: 100%;
+}
+
+.followup-chip:hover {
+  border-color: var(--accent-primary);
+  color: var(--accent-primary);
+  background: var(--bg-secondary);
+}
+
+[data-theme="dark"] .followup-chip {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
+}
+
+/* Reply Banner in ChatPage - matches input width and fixes dark mode */
+.floating-input-area .reply-banner {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 12px;
+  padding: 12px 16px;
+  margin: 0 16px 12px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+  width: 100%;
+  max-width: 768px;
+  box-sizing: border-box;
+}
+
+[data-theme="dark"] .floating-input-area .reply-banner {
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
+}
+
+/* Reply Info - Fix dark mode text color */
+.floating-input-area .reply-info {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--text-secondary);
+  font-size: 14px;
+}
+
+.floating-input-area .reply-info strong {
+  color: var(--accent-primary);
+}
+
+/* Cancel Reply Button */
+.floating-input-area .cancel-reply {
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+
+.floating-input-area .cancel-reply:hover {
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+}
+
+/* MAIN LAYOUT WITH SIDEBAR - FIXED */
+.chat-page-with-sidebar {
+  display: flex;
+  height: 100vh;
+  overflow: hidden;
+  background: var(--bg-gradient);
+}
+
+.main-chat-area {
+  flex: 1;
+  margin-left: 300px; /* Width of sidebar when expanded */
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  transition: margin-left 0.3s ease;
+  overflow: hidden;
+}
+
+/* FIXED: Chat area expansion when sidebar is collapsed */
+.main-chat-area.sidebar-collapsed {
+  margin-left: 70px; /* Width of sidebar when collapsed */
+}
+
+/* Optional header sign out button */
+.header-signout-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  border: none;
+  background: none;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--text-secondary, #6b7280);
+  transition: all 0.2s ease;
+  margin-right: 8px;
+}
+
+.header-signout-btn:hover {
+  background: var(--bg-secondary, #f3f4f6);
+  color: #ef4444;
+}
+
+.dark .header-signout-btn:hover {
+  background: var(--bg-secondary-dark, #374151);
+}
+
+.header-help-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 12px;
+  cursor: pointer;
+  color: var(--text-secondary);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  transition: all 0.2s ease;
+}
+
+.header-help-btn svg {
+  width: 20px;
+  height: 20px;
+  display: block;
+}
+
+.header-help-btn:hover {
+  background: var(--bg-secondary);
+  border-color: #2663EB;
+  color: #2663EB;
+}
+
+/* Loading session indicator */
+.loading-session {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 20px;
+  color: var(--text-secondary);
+  font-size: 14px;
+  background: var(--bg-gradient);
+}
+
+[data-theme="dark"] .loading-session {
+  color: var(--text-secondary-dark);
+  background: var(--bg-gradient);
+}
+
+.dark .loading-session {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+.loading-session .loading-spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--border-light, #e5e7eb);
+  border-top: 2px solid var(--primary-color, #3b82f6);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+.dark .loading-session .loading-spinner {
+  border-color: var(--border-dark, #374151);
+  border-top-color: var(--primary-color, #3b82f6);
+}
+
+/* Document Indicator Styles */
+.document-indicator {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  background: var(--feature-bg);  /* Use theme variable */
+  border: 1px solid var(--accent-primary);  /* Use theme variable */
+  border-radius: 20px;
+  color: var(--accent-primary);  /* Use theme variable */
+  font-size: 13px;
+  font-weight: 600;
+  cursor: default;
+  transition: all 0.2s ease;
+}
+
+.document-indicator:hover {
+  background: var(--accent-primary);
+  color: white;
+}
+
+.doc-count {
+  background: var(--accent-primary);
+  color: white;
+  border-radius: 10px;
+  padding: 2px 6px;
+  font-size: 11px;
+  font-weight: 700;
+  min-width: 16px;
+  text-align: center;
+  line-height: 1.2;
+}
+
+.document-indicator:hover .doc-count {
+  background: white;
+  color: var(--accent-primary);
+}
+
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+.clarification-message-container {
+  display: flex;
+  justify-content: center;
+  margin: 24px 0;
+}
+
+.clarification-message {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-primary);
+  color: var(--text-primary);
+  padding: 20px;
+  border-radius: 16px;
+  max-width: 600px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+  border-left: 4px solid var(--accent-primary);
+  position: relative;
+  overflow: hidden;
+}
+
+/* Add subtle accent background */
+.clarification-message::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--accent-gradient);
+  opacity: 0.03;
+  pointer-events: none;
+}
+
+[data-theme="dark"] .clarification-message {
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+}
+
+[data-theme="dark"] .clarification-message::before {
+  opacity: 0.05;
+}
+
+.clarification-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--accent-primary);
+  position: relative;
+  z-index: 1;
+}
+
+.clarification-message p {
+  margin: 0 0 16px 0;
+  line-height: 1.6;
+  font-size: 15px;
+  color: var(--text-secondary);
+  position: relative;
+  z-index: 1;
+}
+
+.clarification-suggestions {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border-primary);
+  position: relative;
+  z-index: 1;
+}
+
+.suggestions-label {
+  font-size: 13px;
+  margin-bottom: 12px;
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.suggestions-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.suggestion-button {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  color: var(--text-primary);
+  padding: 12px 16px;
+  border-radius: 12px;
+  cursor: pointer;
+  text-align: left;
+  font-size: 13px;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.suggestion-button::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--accent-primary);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  pointer-events: none;
+}
+
+.suggestion-button:hover {
+  border-color: var(--accent-primary);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.suggestion-button:hover::before {
+  opacity: 0.05;
+}
+
+.suggestion-button:hover {
+  color: var(--accent-primary);
+}
+
+[data-theme="dark"] .suggestion-button:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+[data-theme="dark"] .suggestion-button:hover::before {
+  opacity: 0.1;
+}
+
+.suggestion-button:active {
+  transform: translateY(0);
+}
+
+.dropdown-arrow {
+  color: var(--text-secondary);
+  transition: transform 0.2s ease;
+  flex-shrink: 0;
+}
+
+.dropdown-arrow.rotated {
+  transform: rotate(180deg);
+}
+
+.mobile-menu-button {
+  display: none;
+  width: 44px;
+  height: 44px;
+  border-radius: 12px;
+  border: none;
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  align-items: center;
+  justify-content: center;
+}
+
+.mobile-menu-button:hover {
+  background: var(--accent-primary);
+  color: white;
+}
+
+/* Responsive Design for Chat Page */
+@media (max-width: 768px) {
+  .floating-header {
+    padding: 12px 16px;
+    flex-wrap: nowrap; 
+    gap: 8px;
+  }
+  
+  .header-left {
+    gap: 12px;
+    flex: 0 0 auto;
+    min-width: 0;
+    overflow: visible;
+  }
+  
+  /* Hide brand elements on mobile to reduce clutter */
+  .header-left .modern-home-btn,
+  .header-left .header-brand {
+    display: none;
+  }
+  
+  .header-right {
+    gap: 8px;
+    flex: 1 1 auto;
+    justify-content: flex-end;
+    flex-shrink: 1;
+    min-width: 0;
+  }
+  
+  /* Ensure mobile menu button is visible */
+  .mobile-menu-button {
+    display: flex;
+  }
+  
+  .main-content {
+    padding: 24px 12px 120px 12px; /* Adjusted for mobile */
+  }
+  
+  .welcome-state {
+    min-height: 50vh;
+  }
+  
+  .messages-scroll {
+    padding: 16px;
+    padding-bottom: 30px;
+  }
+  
+  .floating-input-area,
+  .floating-input-area.sidebar-collapsed {
+    bottom: 10px;
+    left: 0;
+  }
+  
+  .floating-input-area .reply-banner {
+    margin: 0 12px 12px 12px;
+  }
+  
+  .orchestrator-content {
+    max-width: none;
+  }
+  
+  .system-content {
+    max-width: 90%;
+    padding: 10px 16px;
+    font-size: 13px;
+  }
+
+
+  .main-chat-area {
+    margin-left: 0;
+  }
+
+  .main-chat-area.sidebar-collapsed {
+    margin-left: 0;
+  }
+
+  .clarification-message {
+    margin: 0 16px;
+    max-width: none;
+    padding: 16px;
+  }
+  
+  .clarification-header {
+    font-size: 13px;
+  }
+  
+  .clarification-message p {
+    font-size: 14px;
+  }
+  
+  .suggestion-button {
+    padding: 10px 14px;
+    font-size: 12px;
+  }
+
+  .brand-text h1 {
+    font-size: 16px;
+  }
+  
+  .brand-text p {
+    font-size: 11px;
+  }
+
+  .session-title-display{
+    display: none;
+  }
+
+}
\ No newline at end of file
diff --git a/frontend/src/styles/ConfirmDialog.css b/frontend/src/styles/ConfirmDialog.css
new file mode 100644
index 0000000000000000000000000000000000000000..219802366f27d0e381b2829501bf2c7d3a08fe46
--- /dev/null
+++ b/frontend/src/styles/ConfirmDialog.css
@@ -0,0 +1,137 @@
+.confirm-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  animation: confirm-fade-in 0.15s ease-out;
+}
+
+.confirm-dialog {
+  width: 100%;
+  max-width: 420px;
+  background: var(--bg-primary, #ffffff);
+  border: 1px solid var(--border-primary, #e5e7eb);
+  border-radius: 16px;
+  box-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.35);
+  padding: 28px 28px 20px;
+  text-align: center;
+  animation: confirm-scale-in 0.18s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+[data-theme="dark"] .confirm-dialog {
+  box-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.65);
+}
+
+.confirm-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 12px;
+  margin: 0 auto 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bg-secondary, #f3f4f6);
+  color: var(--text-secondary, #6b7280);
+}
+
+.confirm-icon.danger {
+  background: rgba(239, 68, 68, 0.12);
+  color: #ef4444;
+}
+
+[data-theme="dark"] .confirm-icon.danger {
+  background: rgba(239, 68, 68, 0.18);
+  color: #f87171;
+}
+
+.confirm-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--text-primary, #111827);
+  margin: 0 0 8px 0;
+  letter-spacing: -0.01em;
+}
+
+.confirm-message {
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--text-secondary, #6b7280);
+  margin: 0 0 24px 0;
+}
+
+.confirm-actions {
+  display: flex;
+  gap: 10px;
+  justify-content: center;
+}
+
+.confirm-btn {
+  flex: 1;
+  padding: 10px 18px;
+  border-radius: 10px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: transform 0.12s ease, background 0.15s ease, box-shadow 0.15s ease;
+  border: 1px solid transparent;
+}
+
+.confirm-btn:active {
+  transform: translateY(1px);
+}
+
+.confirm-btn-cancel {
+  background: var(--bg-secondary, #f3f4f6);
+  color: var(--text-primary, #111827);
+  border-color: var(--border-primary, #e5e7eb);
+}
+
+.confirm-btn-cancel:hover {
+  background: var(--bg-tertiary, #e5e7eb);
+}
+
+[data-theme="dark"] .confirm-btn-cancel {
+  background: var(--bg-secondary-dark, #374151);
+  color: var(--text-primary-dark, #f9fafb);
+  border-color: var(--border-dark, #4b5563);
+}
+
+[data-theme="dark"] .confirm-btn-cancel:hover {
+  background: var(--bg-tertiary-dark, #4b5563);
+}
+
+.confirm-btn-primary {
+  background: var(--accent-primary, #2663eb);
+  color: #ffffff;
+}
+
+.confirm-btn-primary:hover {
+  background: var(--accent-secondary, #1d4fc4);
+  box-shadow: 0 4px 12px -2px rgba(38, 99, 235, 0.45);
+}
+
+.confirm-btn-danger {
+  background: #ef4444;
+  color: #ffffff;
+}
+
+.confirm-btn-danger:hover {
+  background: #dc2626;
+  box-shadow: 0 4px 12px -2px rgba(239, 68, 68, 0.45);
+}
+
+@keyframes confirm-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes confirm-scale-in {
+  from { opacity: 0; transform: scale(0.96) translateY(4px); }
+  to { opacity: 1; transform: scale(1) translateY(0); }
+}
diff --git a/frontend/src/styles/EnhancedChatInput.css b/frontend/src/styles/EnhancedChatInput.css
new file mode 100644
index 0000000000000000000000000000000000000000..503bb320372c328eafb178a47b3c2ce388e7a31e
--- /dev/null
+++ b/frontend/src/styles/EnhancedChatInput.css
@@ -0,0 +1,600 @@
+/* Enhanced Chat Input Styles */
+.enhanced-chat-input-container {
+  position: relative;
+  width: 100%;
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 0 16px;
+}
+
+/* Reply Banner */
+.reply-banner {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-primary);
+  border-radius: 12px 12px 0 0;
+  padding: 12px 16px;
+  margin: 0 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  color: var(--text-secondary);
+}
+
+.reply-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.cancel-reply {
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+
+.cancel-reply:hover {
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+}
+
+/* Floating Upload Section */
+.floating-upload-section {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 16px;
+  margin-bottom: 12px;
+  padding: 20px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  animation: slideUpFade 0.2s ease-out;
+}
+
+[data-theme="dark"] .floating-upload-section {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+
+/* Floating Documents Section */
+.floating-documents-section {
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 16px;
+  margin-bottom: 12px;
+  max-height: 400px;
+  overflow: hidden;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  animation: slideUpFade 0.2s ease-out;
+}
+
+[data-theme="dark"] .floating-documents-section {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+
+.documents-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--border-primary);
+  background: var(--bg-secondary);
+}
+
+.documents-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 500;
+  color: var(--text-primary);
+  font-size: 14px;
+}
+
+.close-documents-btn {
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+
+.close-documents-btn:hover {
+  background: var(--bg-tertiary);
+  color: var(--text-secondary);
+}
+
+.documents-list {
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.no-documents {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  text-align: center;
+  color: var(--text-tertiary);
+}
+
+.no-documents svg {
+  margin-bottom: 12px;
+  opacity: 0.5;
+}
+
+.no-documents p {
+  margin: 8px 0;
+  font-weight: 500;
+  color: var(--text-primary);
+}
+
+.no-documents span {
+  font-size: 13px;
+  color: var(--text-tertiary);
+}
+
+.document-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  border-radius: 8px;
+  transition: background-color 0.2s ease;
+}
+
+.document-item:hover {
+  background: var(--bg-secondary);
+}
+
+.document-icon {
+  font-size: 20px;
+  flex-shrink: 0;
+}
+
+.document-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.document-name {
+  font-weight: 500;
+  color: var(--text-primary);
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.document-details {
+  font-size: 12px;
+  color: var(--text-secondary);
+  margin-top: 2px;
+}
+
+.document-actions {
+  display: flex;
+  gap: 4px;
+}
+
+.document-action-btn {
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+}
+
+.document-action-btn:hover {
+  background: var(--bg-tertiary);
+  color: var(--text-secondary);
+}
+
+.document-action-btn:hover:has(svg[data-icon="trash-2"]) {
+  background: #FEF2F2;
+  color: #DC2626;
+}
+
+[data-theme="dark"] .document-action-btn:hover:has(svg[data-icon="trash-2"]) {
+  background: #7F1D1D;
+  color: #FCA5A5;
+}
+
+/* Main Input Box */
+.floating-input-box {
+  background: var(--card-bg, #FFFFFF);
+  border: 1px solid var(--border-primary);
+  border-radius: 16px;
+  box-shadow: var(--shadow-md);
+  overflow: hidden;
+  transition: all 0.2s ease;
+}
+
+[data-theme="dark"] .floating-input-box {
+  box-shadow: var(--shadow-md);
+}
+
+.floating-input-box:focus-within {
+  border-color: var(--accent-primary);
+  box-shadow: var(--shadow-md), var(--input-focus-shadow);
+}
+
+[data-theme="dark"] .floating-input-box:focus-within {
+  box-shadow: var(--shadow-md), var(--input-focus-shadow);
+}
+
+/* Text Input Row */
+.text-input-row {
+  padding: 16px 20px 4px 20px;
+}
+
+.main-textarea {
+  width: 100%;
+  min-height: 24px;
+  max-height: 200px;
+  border: none;
+  outline: none;
+  resize: none;
+  background: transparent;
+  color: var(--text-primary);
+  font-size: 16px;
+  font-family: inherit;
+  line-height: 1.5;
+  overflow-y: auto;
+}
+
+.main-textarea::placeholder {
+  color: var(--text-tertiary);
+}
+
+/* Controls Row */
+.controls-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 20px 16px 20px;
+}
+
+/* File Controls - ensure buttons stay side by side */
+.file-controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: nowrap;
+}
+
+/* Add Documents Button */
+.add-docs-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-secondary);
+  border-radius: 8px;
+  padding: 8px 12px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.add-docs-btn:hover:not(:disabled) {
+  background: var(--bg-tertiary);
+  border-color: var(--border-primary);
+  color: var(--text-primary);
+}
+
+.add-docs-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.add-docs-btn.active {
+  background: var(--accent-primary);
+  border-color: var(--accent-primary);
+  color: white;
+}
+
+/* View Documents Button */
+.view-docs-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-secondary);
+  border-radius: 8px;
+  padding: 8px 10px;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+.view-docs-btn:hover {
+  background: var(--bg-tertiary);
+  border-color: var(--border-primary);
+  color: var(--text-primary);
+}
+
+.view-docs-btn.active {
+  background: var(--accent-primary);
+  border-color: var(--accent-primary);
+  color: white;
+}
+
+.docs-count {
+  background: var(--accent-primary);
+  color: white;
+  border-radius: 10px;
+  padding: 2px 6px;
+  font-size: 10px;
+  font-weight: 700;
+  min-width: 16px;
+  text-align: center;
+  line-height: 1.2;
+}
+
+.view-docs-btn:hover .docs-count,
+.view-docs-btn.active .docs-count {
+  background: white;
+  color: var(--accent-primary);
+}
+
+/* Send Button - FIXED VERSION */
+.send-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  position: relative;
+  flex-shrink: 0;
+}
+
+/* Enabled state — sole high-chroma primary CTA */
+.send-button.enabled {
+  background: var(--accent-gradient);
+  color: #FFFFFF;
+  box-shadow: var(--shadow-sm);
+}
+
+/* Icon styling - use currentColor for better inheritance */
+.send-button svg {
+  width: 16px;
+  height: 16px;
+  color: currentColor;
+}
+
+.send-button.enabled:hover {
+  filter: brightness(1.05);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-md);
+}
+
+.send-button.enabled:active {
+  transform: translateY(0);
+  box-shadow: var(--shadow-sm);
+}
+
+/* Disabled state */
+.send-button.disabled {
+  background: #E5E7EB;
+  color: #9CA3AF;
+  cursor: not-allowed;
+  box-shadow: none;
+}
+
+[data-theme="dark"] .send-button.disabled {
+  background: #374151;
+  color: #6B7280;
+}
+
+/* Document Upload Notifications */
+.document-upload-notification {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0;
+  animation: slideUpFade 0.3s ease-out;
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 0;
+}
+
+/* [data-theme="dark"] .document-upload-notification {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+} */
+
+.upload-notification-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  background: var(--feature-bg);  /* Change from fixed color */
+  border: 1px solid var(--accent-primary);  /* Change from fixed color */
+  border-radius: 12px;
+  color: var(--accent-primary);  /* Change from fixed color */
+  font-size: 14px;
+  font-weight: 500;
+  max-width: 80%;
+}
+
+.upload-notification-icon {
+  flex-shrink: 0;
+}
+
+.upload-notification-icon.success {
+  color: #10B981;
+}
+
+.upload-notification-icon.error {
+  color: #EF4444;
+}
+
+.upload-notification-text {
+  flex: 1;
+}
+
+.upload-notification-title {
+  font-weight: 500;
+  color: var(--text-primary);
+  margin: 0 0 2px 0;
+  font-size: 14px;
+}
+
+.upload-notification-message {
+  color: var(--text-secondary);
+  margin: 0;
+  font-size: 13px;
+}
+
+/* [data-theme="dark"] .upload-notification-content {
+  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.25);
+} */
+
+.notification-close-btn {
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+
+.notification-close-btn:hover {
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+}
+
+/* Animations */
+@keyframes slideUpFade {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Mobile Responsive */
+@media (max-width: 768px) {
+  .enhanced-chat-input-container {
+    padding: 0 12px;
+  }
+  
+  .text-input-row {
+    padding: 14px 16px 4px 16px;
+  }
+  
+  .controls-row {
+    padding: 8px 16px 14px 16px;
+  }
+  
+  .main-textarea {
+    font-size: 16px; /* Prevents zoom on iOS */
+  }
+  
+  .add-docs-btn {
+    padding: 6px 10px;
+    font-size: 13px;
+  }
+  
+  .add-docs-btn span {
+    display: none; /* Hide text on mobile, show only icon */
+  }
+  
+  .view-docs-btn {
+    padding: 6px 8px;
+  }
+  
+  .send-button {
+    width: 32px;
+    height: 32px;
+  }
+  
+  .floating-upload-section,
+  .floating-documents-section {
+    padding: 16px;
+  }
+  
+  .documents-header {
+    padding: 12px 16px;
+  }
+  
+  .documents-list {
+    max-height: 250px;
+  }
+  
+  .upload-notification-content {
+    max-width: 95%;
+    padding: 10px 14px;
+    font-size: 13px;
+  }
+  
+  .reply-banner {
+    margin: 0 12px 12px 12px;
+  }
+}
+
+/* Focus and accessibility */
+.add-docs-btn:focus-visible,
+.view-docs-btn:focus-visible,
+.send-button:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+.main-textarea:focus {
+  outline: none; /* Handled by parent container */
+}
+
+/* Loading states */
+.floating-input-box.loading {
+  opacity: 0.7;
+  pointer-events: none;
+}
+
+.main-textarea.loading {
+  cursor: wait;
+}
+
+/* High contrast mode support */
+@media (prefers-contrast: high) {
+  .floating-input-box {
+    border-width: 2px;
+  }
+  
+  .send-button.enabled {
+    border: 2px solid #3B82F6;
+  }
+}
+
+/* Reduced motion support */
+@media (prefers-reduced-motion: reduce) {
+  .floating-input-box,
+  .add-docs-btn,
+  .view-docs-btn,
+  .send-button,
+  .floating-upload-section,
+  .floating-documents-section {
+    transition: none;
+  }
+  
+  .slideUpFade {
+    animation: none;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/styles/ExportButton.css b/frontend/src/styles/ExportButton.css
new file mode 100644
index 0000000000000000000000000000000000000000..ec174bdfd2c7d357ca3e706469289d8299cf547a
--- /dev/null
+++ b/frontend/src/styles/ExportButton.css
@@ -0,0 +1,405 @@
+
+.export-button-container {
+  position: relative;
+  display: inline-block;
+}
+
+.export-button-container.export-dropdown-above .export-dropdown {
+  top: auto;
+  bottom: 100%;
+  margin-top: 0;
+  margin-bottom: 8px;
+  right: 0;
+  left: auto;
+}
+
+/* Main Export Button */
+.export-button {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-secondary);
+  border-radius: 8px;
+  padding: 8px 16px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  height: 36px;
+}
+
+.export-button:hover:not(.disabled) {
+  background: var(--bg-tertiary);
+  border-color: var(--border-primary);
+  color: var(--text-primary);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.export-button.active {
+  background: var(--accent-primary);
+  border-color: var(--accent-primary);
+  color: white;
+}
+
+.export-button.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.export-button.success {
+  background: #10B981;
+  border-color: #10B981;
+  color: white;
+}
+
+.export-button.error {
+  background: #EF4444;
+  border-color: #EF4444;
+  color: white;
+}
+
+.export-text {
+  font-weight: 500;
+}
+
+/* Spinning animation for loading state */
+.spinning {
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+/* Export Dropdown */
+.export-dropdown {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin-top: 8px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-secondary);
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
+  min-width: 280px;
+  z-index: 1000;
+  overflow: hidden;
+  animation: dropdownSlideIn 0.2s ease-out;
+}
+
+@keyframes dropdownSlideIn {
+  from {
+    opacity: 0;
+    transform: translateY(-8px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+/* Dark theme shadow */
+[data-theme="dark"] .export-dropdown {
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+}
+
+/* Dropdown Header */
+.export-dropdown-header {
+  padding: 16px 20px 12px 20px;
+  border-bottom: 1px solid var(--border-tertiary);
+}
+
+.export-dropdown-header h4 {
+  margin: 0 0 4px 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.export-dropdown-header p {
+  margin: 0;
+  font-size: 13px;
+  color: var(--text-secondary);
+  line-height: 1.4;
+}
+
+/* Format List */
+.export-format-list {
+  padding: 0;
+}
+
+.export-format-button {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 20px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-align: left;
+}
+
+.export-format-button:hover:not(:disabled) {
+  background: var(--bg-secondary);
+}
+
+.export-format-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.format-icon {
+  width: 40px;
+  height: 40px;
+  background: var(--bg-secondary);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-secondary);
+  flex-shrink: 0;
+}
+
+.export-format-button:hover:not(:disabled) .format-icon {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+}
+
+.format-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.format-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text-primary);
+  margin-bottom: 2px;
+}
+
+.format-description {
+  font-size: 12px;
+  color: var(--text-secondary);
+  line-height: 1.3;
+}
+.export-format-section {
+  padding: 16px 20px 8px 20px;
+}
+
+.export-format-section h5 {
+  margin: 0 0 12px 0;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+
+.format-extension {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-tertiary);
+  background: var(--bg-tertiary);
+  padding: 4px 8px;
+  border-radius: 4px;
+  flex-shrink: 0;
+}
+
+.export-format-button:hover:not(:disabled) .format-extension {
+  background: var(--accent-primary);
+  color: white;
+}
+
+/* Export Type Selection Section */
+.export-type-section {
+  padding: 16px 20px 8px 20px;
+  border-bottom: 1px solid var(--border-tertiary);
+}
+
+.export-type-section h5 {
+  margin: 0 0 12px 0;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.export-type-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.export-type-button {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 12px 16px;
+  border: 2px solid var(--border-secondary);
+  border-radius: 8px;
+  background: var(--bg-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-align: left;
+  color: var(--text-primary); /* ADD THIS */
+}
+
+.export-type-button:hover:not(:disabled) {
+  border-color: var(--accent-primary);
+  background: var(--bg-tertiary);
+  color: var(--text-primary); /* ADD THIS */
+}
+
+.export-type-button.active {
+  border-color: var(--accent-primary);
+  background: var(--accent-primary);
+  color: white !important; /* MAKE THIS IMPORTANT */
+}
+
+.export-type-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.type-info {
+  flex: 1;
+}
+
+.type-name {
+  font-size: 14px;
+  font-weight: 600;
+  margin-bottom: 2px;
+  color: inherit; /* ADD THIS */
+}
+
+.type-description {
+  font-size: 12px;
+  opacity: 0.8;
+  line-height: 1.3;
+  color: inherit; /* ADD THIS */
+}
+
+/* Remove the separate active state color rules since we use inherit now */
+.export-type-button.active .type-name,
+.export-type-button.active .type-description {
+  color: inherit; /* CHANGE THIS TO INHERIT */
+}
+
+/* Format Section Updates */
+.export-format-section {
+  padding: 16px 20px 8px 20px;
+}
+
+.export-format-section h5 {
+  margin: 0 0 12px 0;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.export-format-list {
+  padding: 0;
+}
+
+/* Focus states for accessibility */
+.export-type-button:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+/* Dropdown Footer */
+.export-dropdown-footer {
+  padding: 8px 20px 16px 20px;
+  border-top: 1px solid var(--border-tertiary);
+}
+
+.export-dropdown-footer span {
+  font-size: 11px;
+  color: var(--text-tertiary);
+  font-style: italic;
+}
+
+/* Export Status */
+.export-status {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin-top: 4px;
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  z-index: 1001;
+  animation: statusSlideIn 0.2s ease-out;
+}
+
+.export-status.success {
+  background: #10B981;
+  color: white;
+}
+
+.export-status.error {
+  background: #EF4444;
+  color: white;
+}
+
+@keyframes statusSlideIn {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .export-dropdown {
+    right: -40px;
+    left: -40px;
+    width: auto;
+    min-width: unset;
+  }
+  
+   .export-format-button {
+    padding: 16px 20px;
+  }
+  
+  .format-icon {
+    width: 36px;
+    height: 36px;
+  }
+
+  .export-button {
+    padding: 6px 12px; 
+    font-size: 13px; 
+  }
+  
+  /* .export-text {
+    display: none;
+  } */
+}
+
+/* Focus states for accessibility */
+.export-button:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+.export-format-button:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: -2px;
+}
\ No newline at end of file
diff --git a/frontend/src/styles/FileUpload.css b/frontend/src/styles/FileUpload.css
new file mode 100644
index 0000000000000000000000000000000000000000..a7f7bae4ebc2c114d8f190794fbf445fe48aaf0f
--- /dev/null
+++ b/frontend/src/styles/FileUpload.css
@@ -0,0 +1,332 @@
+/* File Upload Container */
+.file-upload-container {
+  width: 100%;
+  margin-bottom: 12px;
+}
+
+/* Upload Status Banner */
+.upload-status {
+  padding: 8px 12px;
+  border-radius: 8px;
+  margin-bottom: 8px;
+  border: 1px solid;
+  animation: slideDown 0.3s ease-out;
+}
+
+.upload-status.success {
+  background-color: #DCFCE7;
+  border-color: #22C55E;
+  color: #15803D;
+}
+
+[data-theme="dark"] .upload-status.success {
+  background-color: #14532D;
+  border-color: #22C55E;
+  color: #22C55E;
+}
+
+.upload-status.error {
+  background-color: #FEF2F2;
+  border-color: #EF4444;
+  color: #DC2626;
+}
+
+[data-theme="dark"] .upload-status.error {
+  background-color: #7F1D1D;
+  border-color: #EF4444;
+  color: #FCA5A5;
+}
+
+.status-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.status-icon {
+  flex-shrink: 0;
+}
+
+.status-message {
+  flex: 1;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.status-close {
+  background: none;
+  border: none;
+  padding: 2px;
+  cursor: pointer;
+  border-radius: 4px;
+  color: inherit;
+  opacity: 0.7;
+  transition: opacity 0.2s ease;
+}
+
+.status-close:hover {
+  opacity: 1;
+}
+
+/* Upload Area */
+.file-upload-area {
+  border: 2px dashed #D1D5DB;
+  border-radius: 12px;
+  padding: 24px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  background-color: #F9FAFB;
+  position: relative;
+  overflow: hidden;
+}
+
+[data-theme="dark"] .file-upload-area {
+  border-color: #374151;
+  background-color: #1F2937;
+}
+
+.file-upload-area:hover:not(.uploading) {
+  border-color: #3B82F6;
+  background-color: #EFF6FF;
+  transform: translateY(-1px);
+}
+
+[data-theme="dark"] .file-upload-area:hover:not(.uploading) {
+  border-color: #60A5FA;
+  background-color: #1E3A8A;
+}
+
+.file-upload-area.drag-active {
+  border-color: #3B82F6;
+  background-color: #EFF6FF;
+  transform: scale(1.02);
+}
+
+[data-theme="dark"] .file-upload-area.drag-active {
+  border-color: #60A5FA;
+  background-color: #1E3A8A;
+}
+
+.file-upload-area.uploading {
+  cursor: not-allowed;
+  opacity: 0.7;
+}
+
+.upload-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+}
+
+.upload-icon {
+  color: #6B7280;
+  margin-bottom: 4px;
+}
+
+[data-theme="dark"] .upload-icon {
+  color: #9CA3AF;
+}
+
+.file-upload-area:hover:not(.uploading) .upload-icon {
+  color: #3B82F6;
+}
+
+[data-theme="dark"] .file-upload-area:hover:not(.uploading) .upload-icon {
+  color: #60A5FA;
+}
+
+.upload-text {
+  margin: 0;
+  font-size: 14px;
+  color: #374151;
+}
+
+[data-theme="dark"] .upload-text {
+  color: #D1D5DB;
+}
+
+.upload-primary {
+  font-weight: 600;
+  color: #3B82F6;
+}
+
+[data-theme="dark"] .upload-primary {
+  color: #60A5FA;
+}
+
+.upload-secondary {
+  margin: 0;
+  font-size: 12px;
+  color: #6B7280;
+  margin-top: 4px;
+}
+
+[data-theme="dark"] .upload-secondary {
+  color: #9CA3AF;
+}
+
+/* Upload Spinner */
+.upload-spinner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.spinner {
+  width: 24px;
+  height: 24px;
+  border: 2px solid #E5E7EB;
+  border-top: 2px solid #3B82F6;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+[data-theme="dark"] .spinner {
+  border-color: #374151;
+  border-top-color: #60A5FA;
+}
+
+/* Supported File Types */
+.supported-types {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  margin-top: 8px;
+  flex-wrap: wrap;
+}
+
+.file-type-chip {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  background-color: #F3F4F6;
+  border-radius: 16px;
+  font-size: 11px;
+  font-weight: 500;
+  color: #6B7280;
+  border: 1px solid #E5E7EB;
+}
+
+[data-theme="dark"] .file-type-chip {
+  background-color: #374151;
+  border-color: #4B5563;
+  color: #9CA3AF;
+}
+
+/* Enhanced Chat Input with Upload */
+.enhanced-chat-input {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+.input-with-upload {
+  display: flex;
+  align-items: flex-end;
+  gap: 8px;
+  width: 100%;
+}
+
+.upload-toggle-btn {
+  background: #F3F4F6;
+  border: 1px solid #D1D5DB;
+  border-radius: 8px;
+  padding: 8px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 40px;
+  height: 40px;
+}
+
+[data-theme="dark"] .upload-toggle-btn {
+  background-color: #374151;
+  border-color: #4B5563;
+}
+
+.upload-toggle-btn:hover {
+  background-color: #E5E7EB;
+  border-color: #3B82F6;
+}
+
+[data-theme="dark"] .upload-toggle-btn:hover {
+  background-color: #4B5563;
+  border-color: #60A5FA;
+}
+
+.upload-toggle-btn.active {
+  background-color: #3B82F6;
+  border-color: #3B82F6;
+  color: white;
+}
+
+.upload-toggle-btn svg {
+  color: #6B7280;
+}
+
+[data-theme="dark"] .upload-toggle-btn svg {
+  color: #9CA3AF;
+}
+
+.upload-toggle-btn:hover svg,
+.upload-toggle-btn.active svg {
+  color: currentColor;
+}
+
+/* Animations */
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Compact upload area for chat input */
+.file-upload-container.compact .file-upload-area {
+  padding: 16px;
+  font-size: 13px;
+}
+
+.file-upload-container.compact .upload-content {
+  gap: 6px;
+}
+
+.file-upload-container.compact .upload-icon {
+  width: 20px;
+  height: 20px;
+}
+
+.file-upload-container.compact .supported-types {
+  margin-top: 6px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 640px) {
+  .file-upload-area {
+    padding: 16px;
+  }
+  
+  .supported-types {
+    gap: 6px;
+  }
+  
+  .file-type-chip {
+    font-size: 10px;
+    padding: 3px 6px;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/styles/IntakePanel.css b/frontend/src/styles/IntakePanel.css
new file mode 100644
index 0000000000000000000000000000000000000000..2806ad676586de35e4ea7ad7e9834b6047841636
--- /dev/null
+++ b/frontend/src/styles/IntakePanel.css
@@ -0,0 +1,135 @@
+.intake-panel {
+  max-width: 42rem;
+  margin: 2.5rem auto;
+  padding: 1.75rem 1.5rem;
+  text-align: center;
+}
+
+.intake-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 3.25rem;
+  height: 3.25rem;
+  border-radius: 999px;
+  background: var(--accent-soft, #ccfbf1);
+  color: var(--accent, #0f766e);
+  margin-bottom: 1rem;
+}
+
+.intake-greeting {
+  font-size: clamp(1.25rem, 2.5vw, 1.65rem);
+  font-weight: 650;
+  line-height: 1.35;
+  color: var(--text-primary, #0f172a);
+  margin: 0 0 0.5rem;
+}
+
+.intake-sub {
+  margin: 0 0 1.25rem;
+  color: var(--text-secondary, #64748b);
+  font-size: 0.95rem;
+}
+
+.intake-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6rem;
+  justify-content: center;
+  margin-bottom: 1rem;
+}
+
+.intake-chip {
+  appearance: none;
+  border: 1px solid var(--border, #e2e8f0);
+  background: var(--surface, #fff);
+  color: var(--text-primary, #0f172a);
+  border-radius: 999px;
+  padding: 0.65rem 1rem;
+  font-size: 0.9rem;
+  cursor: pointer;
+  min-height: 44px;
+  transition: border-color 0.15s ease, background 0.15s ease, transform 0.12s ease;
+}
+
+.intake-chip:hover,
+.intake-chip:focus-visible {
+  border-color: var(--accent, #0f766e);
+  background: var(--accent-soft, #f0fdfa);
+  outline: none;
+  transform: translateY(-1px);
+}
+
+.intake-chip--other {
+  border-style: dashed;
+}
+
+.intake-freetext {
+  display: flex;
+  flex-direction: column;
+  gap: 0.65rem;
+  text-align: left;
+  margin-top: 0.5rem;
+}
+
+.intake-freetext textarea {
+  width: 100%;
+  resize: vertical;
+  min-height: 5rem;
+  padding: 0.75rem 0.9rem;
+  border-radius: 0.75rem;
+  border: 1px solid var(--border, #e2e8f0);
+  font: inherit;
+  background: var(--surface, #fff);
+  color: var(--text-primary, #0f172a);
+}
+
+.intake-submit {
+  align-self: flex-end;
+  min-height: 44px;
+  min-width: 6rem;
+  padding: 0.55rem 1.1rem;
+  border: none;
+  border-radius: 0.65rem;
+  background: var(--accent, #0f766e);
+  color: #fff;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.intake-submit:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+@media (max-width: 768px) {
+  .intake-panel {
+    margin: 1.25rem auto;
+    padding: 1.25rem 1rem;
+  }
+
+  .intake-chips {
+    flex-direction: column;
+  }
+
+  .intake-chip {
+    width: 100%;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .intake-chip {
+    transition: none;
+  }
+}
diff --git a/frontend/src/styles/JourneyPage.css b/frontend/src/styles/JourneyPage.css
new file mode 100644
index 0000000000000000000000000000000000000000..ca1275a54c8c22bb8a1903a05588cda7efde7047
--- /dev/null
+++ b/frontend/src/styles/JourneyPage.css
@@ -0,0 +1,334 @@
+.journey-page-with-sidebar {
+  display: flex;
+  min-height: 100vh;
+  background: var(--bg-primary, #f8fafc);
+  color: var(--text-primary, #0f172a);
+}
+
+.journey-main {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  /* The shared Sidebar is position: fixed — offset the page content the same
+     way Chat and Workspace do, or the sidebar overlaps the Journey page. */
+  margin-left: 300px;
+  transition: margin-left 0.3s ease;
+}
+
+.journey-main.sidebar-collapsed {
+  margin-left: 70px;
+}
+
+@media (max-width: 768px) {
+  .journey-main,
+  .journey-main.sidebar-collapsed {
+    margin-left: 0;
+  }
+}
+
+.journey-content {
+  padding: 1.25rem 1.5rem 2.5rem;
+  max-width: 56rem;
+  margin: 0 auto;
+  width: 100%;
+}
+
+.journey-hero {
+  display: flex;
+  gap: 0.9rem;
+  align-items: flex-start;
+  margin-bottom: 1.25rem;
+}
+
+.journey-hero h1 {
+  margin: 0;
+  font-size: 1.5rem;
+}
+
+.journey-hero p {
+  margin: 0.25rem 0 0;
+  color: var(--text-secondary, #64748b);
+}
+
+.journey-error {
+  color: #dc2626;
+}
+
+.journey-progress-card {
+  border: 1px solid var(--border-primary, #e2e8f0);
+  border-radius: 14px;
+  padding: 1rem 1.1rem;
+  background: var(--bg-secondary, #fff);
+  margin-bottom: 1.5rem;
+}
+
+.journey-progress-meta {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 0.65rem;
+  font-size: 0.95rem;
+}
+
+.journey-progress-bar {
+  height: 10px;
+  border-radius: 999px;
+  background: var(--bg-tertiary, #e2e8f0);
+  overflow: hidden;
+}
+
+.journey-progress-bar--level {
+  height: 6px;
+  margin-top: 6px;
+  opacity: 0.9;
+}
+
+.journey-progress-fill {
+  height: 100%;
+  background: var(--accent-primary, #0f766e);
+  transition: width 0.25s ease;
+}
+
+.journey-progress-fill--level {
+  background: var(--accent-secondary, #14b8a6);
+}
+
+/* Self-assessments */
+.journey-assessments {
+  border: 1px solid var(--border-primary, #e2e8f0);
+  border-radius: 14px;
+  padding: 1rem 1.1rem;
+  background: var(--bg-secondary, #fff);
+  margin-bottom: 1.5rem;
+}
+
+.journey-assessments-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.journey-assessments-head h2 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 0;
+  font-size: 1.05rem;
+}
+
+.journey-assess-new {
+  min-height: 40px;
+  padding: 0.4rem 0.9rem;
+  border: 1px solid var(--accent-primary, #0f766e);
+  border-radius: 999px;
+  background: transparent;
+  color: var(--accent-primary, #0f766e);
+  cursor: pointer;
+  font-size: 0.85rem;
+}
+
+.journey-assess-new:hover {
+  background: var(--accent-primary, #0f766e);
+  color: #fff;
+}
+
+.journey-trend {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  font-size: 0.9rem;
+  margin: 0.6rem 0 0;
+}
+
+.journey-trend.up { color: #059669; }
+.journey-trend.down { color: #dc2626; }
+.journey-trend.flat { color: var(--text-secondary, #64748b); }
+
+.journey-assess-form {
+  margin-top: 0.9rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+
+.journey-assess-slider {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  font-size: 0.9rem;
+}
+
+.journey-assess-dim {
+  width: 6.5rem;
+  text-transform: capitalize;
+  color: var(--text-secondary, #64748b);
+}
+
+.journey-assess-slider input[type='range'] {
+  flex: 1;
+  accent-color: var(--accent-primary, #0f766e);
+  min-height: 24px;
+}
+
+.journey-assess-val {
+  width: 2.5rem;
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+
+.journey-assess-form textarea {
+  border: 1px solid var(--border-primary, #e2e8f0);
+  border-radius: 10px;
+  padding: 0.6rem 0.75rem;
+  background: var(--bg-primary, #fff);
+  color: var(--text-primary, #0f172a);
+  resize: vertical;
+  font: inherit;
+  font-size: 0.9rem;
+}
+
+.journey-assess-save {
+  align-self: flex-start;
+  min-height: 44px;
+  padding: 0.5rem 1.1rem;
+  border: none;
+  border-radius: 10px;
+  background: var(--accent-primary, #0f766e);
+  color: #fff;
+  cursor: pointer;
+}
+
+.journey-assess-save:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
+
+.journey-assess-empty {
+  margin: 0.75rem 0 0;
+  font-size: 0.9rem;
+  color: var(--text-secondary, #64748b);
+}
+
+.journey-assess-list {
+  list-style: none;
+  margin: 0.75rem 0 0;
+  padding: 0;
+}
+
+.journey-assess-list li {
+  display: flex;
+  gap: 0.9rem;
+  align-items: baseline;
+  padding: 0.45rem 0;
+  border-top: 1px solid var(--border-primary, #e2e8f0);
+  font-size: 0.9rem;
+}
+
+.journey-assess-date {
+  width: 6.5rem;
+  color: var(--text-secondary, #64748b);
+  flex-shrink: 0;
+}
+
+.journey-assess-score {
+  width: 3.2rem;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.journey-assess-notes {
+  color: var(--text-secondary, #64748b);
+  overflow-wrap: anywhere;
+}
+
+.journey-track-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 0.75rem;
+}
+
+.journey-track-card {
+  text-align: left;
+  border: 1px solid var(--border-primary, #DDD5C8);
+  border-radius: 12px;
+  padding: 0.9rem 1rem;
+  background: var(--card-bg, #FFFFFF);
+  box-shadow: var(--shadow-sm);
+  cursor: pointer;
+  min-height: 44px;
+  color: var(--text-primary);
+}
+
+.journey-track-card.active {
+  border-color: var(--accent-primary, #5558E3);
+  box-shadow: inset 0 0 0 1px var(--accent-primary, #5558E3), var(--shadow-sm);
+}
+
+.journey-track-card strong {
+  display: block;
+  margin-bottom: 0.35rem;
+  font-size: var(--font-section, 18px);
+  color: var(--text-primary);
+}
+
+.journey-track-card span {
+  font-size: var(--font-small, 13px);
+  color: var(--text-secondary, #4A453E);
+}
+
+.journey-level {
+  margin: 1.25rem 0;
+  padding: 1rem;
+  border-radius: 12px;
+  border: 1px solid var(--border-muted, #E8E1D6);
+  background: var(--bg-secondary, #F3EEE6);
+}
+
+.journey-level ul {
+  list-style: none;
+  padding: 0;
+  margin: 0.75rem 0 0;
+}
+
+.journey-check {
+  display: flex;
+  gap: 0.75rem;
+  align-items: flex-start;
+  width: 100%;
+  text-align: left;
+  border: none;
+  background: transparent;
+  padding: 0.55rem 0;
+  cursor: pointer;
+  color: inherit;
+  min-height: 44px;
+}
+
+.journey-check span {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+}
+
+.journey-check em {
+  font-style: normal;
+  font-size: 0.85rem;
+  color: var(--text-secondary, #64748b);
+}
+
+.journey-check.done strong {
+  text-decoration: line-through;
+  opacity: 0.75;
+}
+
+@media (max-width: 768px) {
+  .journey-content {
+    padding: 1rem;
+  }
+
+  .journey-progress-meta {
+    flex-direction: column;
+  }
+}
diff --git a/frontend/src/styles/Login.css b/frontend/src/styles/Login.css
new file mode 100644
index 0000000000000000000000000000000000000000..0ec0928607f92f7c976a9ef1d2b13140682c8110
--- /dev/null
+++ b/frontend/src/styles/Login.css
@@ -0,0 +1,512 @@
+/* Login.css */
+
+.login-page {
+  min-height: 100vh;
+  background: var(--bg-gradient);
+  display: flex;
+  flex-direction: column;
+  padding: 24px 16px;
+}
+
+.login-content {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+.login-page-footer {
+  flex-shrink: 0;
+  width: 100%;
+  padding-top: 24px;
+  display: flex;
+  justify-content: center;
+}
+
+.login-page-copyright {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: 0 16px 8px 16px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--text-tertiary);
+  text-align: center;
+}
+
+.login-container {
+  width: 100%;
+  max-width: 420px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 20px;
+  box-shadow: var(--shadow-xl);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  overflow: hidden;
+  animation: fadeInUp 0.6s ease-out;
+}
+
+[data-theme="dark"] .login-container {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
+}
+
+/* Header Section */
+.login-header {
+  text-align: center;
+  padding: 40px 32px 32px 32px;
+  background: var(--bg-secondary);
+  border-bottom: 1px solid var(--border-primary);
+}
+
+.logo-container {
+  width: 56px;
+  height: 56px;
+  background: var(--accent-gradient);
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 20px auto;
+  box-shadow: var(--shadow-md);
+}
+
+.logo-icon {
+  width: 28px;
+  height: 28px;
+  color: #FFFFFF;
+}
+
+.login-title {
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin: 0 0 8px 0;
+  line-height: 1.2;
+}
+
+.login-subtitle {
+  font-size: 16px;
+  color: var(--text-secondary);
+  margin: 0;
+  line-height: 1.5;
+}
+
+/* Form Container */
+.login-form-container {
+  padding: 32px;
+}
+
+.login-form {
+  margin-bottom: 24px;
+}
+
+/* Form Groups */
+.form-group {
+  margin-bottom: 20px;
+}
+
+.form-label {
+  display: block;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 8px;
+}
+
+/* Input Container */
+.input-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.input-icon {
+  position: absolute;
+  left: 16px;
+  width: 16px;
+  height: 16px;
+  color: var(--text-tertiary);
+  z-index: 1;
+  transition: color 0.2s ease;
+}
+
+.form-input {
+  width: 100%;
+  padding: 16px 16px 16px 48px;
+  border: 1px solid var(--border-secondary);
+  border-radius: 12px;
+  background: var(--input-bg);
+  color: var(--text-primary);
+  font-size: 16px;
+  transition: all 0.2s ease;
+  outline: none;
+}
+
+.form-input::placeholder {
+  color: var(--text-tertiary);
+}
+
+.form-input:focus {
+  border-color: var(--accent-primary);
+  box-shadow: var(--input-focus-shadow);
+}
+
+.form-input:focus + .input-icon,
+.input-container:focus-within .input-icon {
+  color: var(--accent-primary);
+}
+
+.form-input.error {
+  border-color: var(--error-text);
+  background: var(--error-bg);
+}
+
+/* Password Toggle */
+.password-toggle {
+  position: absolute;
+  right: 16px;
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.password-toggle:hover {
+  color: var(--text-primary);
+  background: var(--bg-secondary);
+}
+
+/* Form Actions */
+.form-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 24px;
+}
+
+.forgot-password {
+  background: none;
+  border: none;
+  color: var(--accent-primary);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  padding: 4px 8px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+
+.forgot-password:hover {
+  background: var(--bg-secondary);
+  color: var(--accent-primary);
+}
+
+/* Error Messages */
+.error-message {
+  display: block;
+  color: var(--error-text);
+  font-size: 13px;
+  margin-top: 6px;
+  font-weight: 500;
+}
+
+.submit-error {
+  background: var(--error-bg);
+  border: 1px solid var(--error-border);
+  border-radius: 8px;
+  padding: 12px 16px;
+  margin-bottom: 20px;
+  color: var(--error-text);
+  font-size: 14px;
+  font-weight: 500;
+  text-align: center;
+}
+
+/* Submit Button */
+.submit-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  background: var(--accent-gradient);
+  color: #FFFFFF;
+  border: none;
+  padding: 16px 24px;
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: var(--shadow-md);
+  margin-bottom: 24px;
+}
+
+.submit-btn:hover:not(:disabled) {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-lg);
+}
+
+.submit-btn:active:not(:disabled) {
+  transform: translateY(0);
+}
+
+.submit-btn:disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.submit-btn.loading {
+  pointer-events: none;
+}
+
+/* Loading Spinner */
+.loading-spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-top: 2px solid #FFFFFF;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Divider */
+.divider {
+  position: relative;
+  text-align: center;
+  margin: 24px 0;
+}
+
+.divider::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: var(--border-secondary);
+}
+
+.divider span {
+  background: var(--bg-primary);
+  color: var(--text-tertiary);
+  font-size: 13px;
+  font-weight: 500;
+  padding: 0 16px;
+  position: relative;
+  z-index: 1;
+}
+
+/* Social Login */
+.social-login {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.google-btn,
+.phone-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 14px 20px;
+  border: 1px solid var(--border-secondary);
+  border-radius: 12px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  font-size: 15px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.google-btn:hover:not(:disabled),
+.phone-btn:hover:not(:disabled) {
+  border-color: var(--border-primary);
+  background: var(--bg-secondary);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-sm);
+}
+
+.google-btn:disabled,
+.phone-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.google-icon {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+}
+
+/* Footer */
+.login-footer {
+  text-align: center;
+  padding: 24px 32px 16px 32px;
+  border-top: 1px solid var(--border-primary);
+  background: var(--bg-secondary);
+}
+
+.login-footer p {
+  color: var(--text-secondary);
+  font-size: 14px;
+  margin: 0;
+}
+
+.login-powered-by {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border-secondary);
+  text-align: center;
+}
+
+.login-powered-by .footer-neon-link {
+  font-size: 13px;
+  color: var(--text-tertiary);
+}
+
+.link-btn {
+  background: none;
+  border: none;
+  color: var(--accent-primary);
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 0;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  transition: color 0.2s ease;
+}
+
+.link-btn:hover {
+  color: var(--accent-secondary);
+}
+
+/* Animations */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Mobile Responsive */
+@media (max-width: 480px) {
+  .login-page {
+    padding: 16px 12px;
+  }
+  
+  .login-container {
+    max-width: 100%;
+    border-radius: 16px;
+  }
+  
+  .login-header {
+    padding: 32px 24px 24px 24px;
+  }
+  
+  .login-title {
+    font-size: 24px;
+  }
+  
+  .login-subtitle {
+    font-size: 15px;
+  }
+  
+  .login-form-container {
+    padding: 24px;
+  }
+  
+  .form-input {
+    font-size: 16px; /* Prevents zoom on iOS */
+    padding: 14px 14px 14px 44px;
+  }
+  
+  .submit-btn {
+    padding: 14px 20px;
+    font-size: 15px;
+  }
+  
+  .google-btn,
+  .phone-btn {
+    padding: 12px 16px;
+    font-size: 14px;
+  }
+  
+  .login-footer {
+    padding: 20px 24px 24px 24px;
+  }
+}
+
+/* Focus and Accessibility */
+.submit-btn:focus-visible,
+.google-btn:focus-visible,
+.phone-btn:focus-visible,
+.forgot-password:focus-visible,
+.link-btn:focus-visible,
+.password-toggle:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+.form-input:focus-visible {
+  outline: none; /* Handled by border and shadow */
+}
+
+/* High Contrast Mode */
+@media (prefers-contrast: high) {
+  .login-container {
+    border-width: 2px;
+  }
+  
+  .form-input {
+    border-width: 2px;
+  }
+  
+  .submit-btn {
+    border: 2px solid var(--accent-primary);
+  }
+}
+
+/* Reduced Motion */
+@media (prefers-reduced-motion: reduce) {
+  .login-container,
+  .submit-btn,
+  .google-btn,
+  .phone-btn,
+  .form-input,
+  .password-toggle,
+  .forgot-password,
+  .link-btn {
+    transition: none;
+  }
+  
+  .loading-spinner {
+    animation: none;
+  }
+  
+  .fadeInUp {
+    animation: none;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/styles/OnboardingTour.css b/frontend/src/styles/OnboardingTour.css
new file mode 100644
index 0000000000000000000000000000000000000000..dccfbad4c2e65bd6ec7dc3180966cb74463f95a6
--- /dev/null
+++ b/frontend/src/styles/OnboardingTour.css
@@ -0,0 +1,12 @@
+/* Force popover to match app theme via CSS vars set on :root[data-theme] */
+[data-tour-elem="popover"] {
+  background: var(--bg-primary) !important;
+  background-color: var(--bg-primary) !important;
+  color: var(--text-primary) !important;
+  border: 1px solid var(--border-primary) !important;
+}
+
+/* All text inside should respect theme */
+[data-tour-elem="popover"] * {
+  -webkit-text-fill-color: inherit;
+}
diff --git a/frontend/src/styles/Sidebar.css b/frontend/src/styles/Sidebar.css
new file mode 100644
index 0000000000000000000000000000000000000000..21a4ba11353aa1a3be4f59c49f7ba63107bb0286
--- /dev/null
+++ b/frontend/src/styles/Sidebar.css
@@ -0,0 +1,966 @@
+/* Sidebar.css */
+.sidebar {
+  width: 300px;
+  height: 100vh;
+  background: var(--sidebar-bg, var(--bg-secondary, #E8E0D4));
+  border-right: 1px solid var(--border-primary, var(--border-light, #DDD5C8));
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 100;
+  overflow: hidden;
+  transition: width 0.3s ease;
+}
+
+/* Collapsed state */
+.sidebar.collapsed {
+  width: 70px;
+}
+
+/* Dark theme support */
+.dark .sidebar {
+  background: var(--bg-primary-dark, #1f2937);
+  border-right-color: var(--border-dark, #374151);
+}
+
+/* Toggle Button - Matches User Menu Style */
+.sidebar-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  background: none;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--text-secondary, #6b7280);
+  transition: all 0.2s ease;
+}
+
+.sidebar-toggle:hover {
+  background: var(--bg-secondary, #f3f4f6);
+  color: var(--text-primary, #111827);
+}
+
+.dark .sidebar-toggle:hover {
+  background: var(--bg-secondary-dark, #374151);
+  color: var(--text-primary-dark, #f9fafb);
+}
+
+/* Toggle button as collapsed user avatar replacement */
+.collapsed-toggle-avatar {
+  width: 40px;
+  height: 40px;
+  background: var(--primary-color, #3b82f6);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  flex-shrink: 0;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.collapsed-toggle-avatar:hover {
+  background: var(--primary-color-hover, #2563eb);
+  transform: scale(1.05);
+}
+
+/* Header Section */
+.sidebar-header {
+  padding: 20px;
+  border-bottom: 1px solid var(--border-muted, var(--border-light, #e5e7eb));
+  flex-shrink: 0;
+  transition: all 0.3s ease;
+}
+
+.sidebar-brand {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 0;
+  min-width: 0;
+  padding-bottom: 14px;
+  border-bottom: 1px solid var(--border-muted, var(--border-light, #e5e7eb));
+}
+
+.sidebar-brand-mark {
+  width: 36px;
+  height: 36px;
+  border-radius: 10px;
+  background: var(--accent-gradient, linear-gradient(135deg, #5558E3, #7C4FE8));
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  box-shadow: var(--shadow-sm);
+}
+
+.sidebar-brand-text {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.sidebar-brand-title {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text-primary, #1A1714);
+  line-height: 1.3;
+  letter-spacing: -0.01em;
+}
+
+.sidebar-brand-subtitle {
+  font-size: 12px;
+  color: var(--text-muted, var(--text-tertiary, #6A645C));
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+[data-theme="dark"] .sidebar-brand,
+.dark .sidebar-brand {
+  border-bottom-color: var(--border-primary, #374151);
+}
+
+.sidebar.collapsed .sidebar-brand {
+  justify-content: center;
+  margin-bottom: 8px;
+  padding-bottom: 0;
+  border-bottom: none;
+}
+
+.sidebar.collapsed .sidebar-brand-text {
+  display: none;
+}
+
+.sidebar.collapsed .sidebar-header {
+  padding: 20px 10px;
+}
+
+.dark .sidebar-header,
+[data-theme="dark"] .sidebar-header {
+  border-bottom-color: var(--border-primary, #374151);
+}
+
+/* Collapsed Header */
+.collapsed-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+}
+
+.collapsed-user-avatar {
+  width: 40px;
+  height: 40px;
+  background: var(--primary-color, #3b82f6);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  flex-shrink: 0;
+}
+
+.collapsed-new-chat {
+  width: 40px;
+  height: 40px;
+  background: var(--primary-color, #3b82f6);
+  color: white;
+  border: none;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.collapsed-new-chat:hover {
+  background: var(--primary-color-hover, #2563eb);
+  transform: scale(1.1);
+}
+
+.user-section {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 14px;
+  margin-bottom: 16px;
+}
+
+.user-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex: 1;
+  min-width: 0;
+}
+
+.user-avatar {
+  width: 36px;
+  height: 36px;
+  background: var(--primary-color, #3b82f6);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  flex-shrink: 0;
+}
+
+.user-details {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.user-name {
+  font-weight: 600;
+  color: var(--text-primary, #111827);
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dark .user-name {
+  color: var(--text-primary-dark, #f9fafb);
+}
+
+.user-email {
+  font-size: 12px;
+  color: var(--text-secondary, #6b7280);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dark .user-email {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+/* User Menu */
+.user-menu-container {
+  position: relative;
+}
+
+.user-menu-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  background: none;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--text-secondary, #6b7280);
+  transition: all 0.2s ease;
+}
+
+.user-menu-button:hover {
+  background: var(--bg-secondary, #f3f4f6);
+  color: var(--text-primary, #111827);
+}
+
+.dark .user-menu-button:hover {
+  background: var(--bg-secondary-dark, #374151);
+  color: var(--text-primary-dark, #f9fafb);
+}
+
+.user-menu {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  background: var(--bg-primary, #ffffff);
+  border: 1px solid var(--border-light, #e5e7eb);
+  border-radius: 8px;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+  padding: 8px;
+  min-width: 180px;
+  z-index: 200;
+}
+
+.dark .user-menu {
+  background: var(--bg-primary-dark, #1f2937);
+  border-color: var(--border-dark, #374151);
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+}
+
+.user-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  width: 100%;
+  border: none;
+  background: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 14px;
+  color: var(--text-primary, #111827);
+  transition: background-color 0.2s ease;
+  text-align: left;
+}
+
+.user-menu-item > span {
+  flex: 1;
+}
+
+.dark .user-menu-item {
+  color: var(--text-primary-dark, #f9fafb);
+}
+
+.user-menu-item:hover {
+  background: var(--bg-secondary, #f3f4f6);
+}
+
+.dark .user-menu-item:hover {
+  background: var(--bg-secondary-dark, #374151);
+}
+
+.user-menu-item.sign-out {
+  color: #ef4444;
+}
+
+.user-menu-item.sign-out:hover {
+  background: #fef2f2;
+}
+
+.dark .user-menu-item.sign-out:hover {
+  background: #7f1d1d;
+}
+
+.user-menu-appearance {
+  border-top: 1px solid var(--border-light, #e5e7eb);
+  margin-top: 4px;
+  padding-top: 4px;
+}
+
+.dark .user-menu-appearance {
+  border-top-color: var(--border-dark, #374151);
+}
+
+.appearance-chevron {
+  flex-shrink: 0;
+  color: var(--text-secondary, #6b7280);
+  transition: transform 0.15s ease;
+}
+
+.appearance-chevron.open {
+  transform: rotate(90deg);
+}
+
+.appearance-options {
+  padding: 2px 0 4px 8px;
+}
+
+.appearance-option.active {
+  background: var(--bg-secondary, #f3f4f6);
+}
+
+.dark .appearance-option.active {
+  background: var(--bg-secondary-dark, #374151);
+}
+
+.appearance-check {
+  flex-shrink: 0;
+  color: var(--accent-primary, #3b82f6);
+}
+
+/* New Chat Button */
+.new-chat-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  padding: 12px 16px;
+  background: var(--primary-color, #3b82f6);
+  color: white;
+  border: none;
+  border-radius: 8px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.new-chat-button:hover {
+  background: var(--primary-color-hover, #2563eb);
+  transform: translateY(-1px);
+}
+
+/* Search Section */
+.sidebar-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--border-light, #e5e7eb);
+  flex-shrink: 0;
+  transition: all 0.3s ease;
+}
+
+.sidebar-search .search-container {
+  flex: 1;
+}
+
+.new-chat-icon-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  flex-shrink: 0;
+  border: 1px solid var(--border-primary, #DDD5C8);
+  border-radius: 8px;
+  background: var(--card-bg, #FFFFFF);
+  color: var(--text-secondary, #4A453E);
+  cursor: pointer;
+  box-shadow: var(--shadow-sm);
+  transition: background 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
+}
+
+.new-chat-icon-btn:hover {
+  background: var(--card-hover, #F7F3EC);
+  border-color: var(--border-secondary, #D1C9BB);
+  color: var(--text-primary, #1A1714);
+  transform: translateY(-1px);
+}
+
+.new-chat-icon-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.dark .sidebar-search {
+  border-bottom-color: var(--border-dark, #374151);
+}
+
+.search-container {
+  position: relative;
+}
+
+.search-icon {
+  position: absolute;
+  left: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--text-secondary, #6b7280);
+}
+
+.search-input {
+  width: 100%;
+  padding: 10px 12px 10px 36px;
+  border: 1px solid var(--border-light, #e5e7eb);
+  border-radius: 8px;
+  background: var(--bg-secondary, #f9fafb);
+  color: var(--text-primary, #111827);
+  font-size: 14px;
+  transition: all 0.2s ease;
+}
+
+.dark .search-input {
+  border-color: var(--border-dark, #374151);
+  background: var(--bg-secondary-dark, #374151);
+  color: var(--text-primary-dark, #f9fafb);
+}
+
+.search-input:focus {
+  outline: none;
+  border-color: var(--primary-color, #3b82f6);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.search-input::placeholder {
+  color: var(--text-secondary, #6b7280);
+}
+
+.dark .search-input::placeholder {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+/* Chat Sessions */
+.chat-sessions {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0 20px 20px;
+  transition: padding 0.3s ease;
+}
+
+.sidebar.collapsed .chat-sessions {
+  padding: 0 10px 20px;
+}
+
+.loading-sessions {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  color: var(--text-secondary, #6b7280);
+  gap: 12px;
+}
+
+.sidebar.collapsed .loading-sessions {
+  padding: 40px 5px;
+}
+
+.dark .loading-sessions {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+.loading-spinner {
+  width: 24px;
+  height: 24px;
+  border: 2px solid var(--border-light, #e5e7eb);
+  border-top: 2px solid var(--primary-color, #3b82f6);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+.dark .loading-spinner {
+  border-color: var(--border-dark, #374151);
+  border-top-color: var(--primary-color, #3b82f6);
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.no-sessions {
+  text-align: center;
+  padding: 40px 20px;
+  color: var(--text-secondary, #6b7280);
+  font-size: 14px;
+}
+
+.sidebar.collapsed .no-sessions {
+  padding: 40px 5px;
+}
+
+.dark .no-sessions {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+.sessions-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 16px;
+}
+
+/* Session Item */
+.session-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  border: 1px solid transparent;
+  group: true;
+}
+
+.session-item.collapsed {
+  justify-content: center;
+  padding: 12px 8px;
+}
+
+.session-item:hover {
+  background: var(--bg-secondary, #f3f4f6);
+  border-color: var(--border-light, #e5e7eb);
+}
+
+.dark .session-item:hover {
+  background: var(--bg-secondary-dark, #374151);
+  border-color: var(--border-dark, #4b5563);
+}
+
+.session-item.active {
+  background: rgba(59, 130, 246, 0.1);
+  border-color: var(--primary-color, #3b82f6);
+}
+
+.dark .session-item.active {
+  background: rgba(59, 130, 246, 0.2);
+  border-color: var(--primary-color, #3b82f6);
+}
+
+.session-content {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex: 1;
+  min-width: 0;
+}
+
+.session-item.collapsed .session-content {
+  justify-content: center;
+  flex: none;
+}
+
+.session-icon {
+  color: var(--text-secondary, #6b7280);
+  flex-shrink: 0;
+}
+
+.dark .session-icon {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+.session-item.active .session-icon {
+  color: var(--primary-color, #3b82f6);
+}
+
+.session-details {
+  flex: 1;
+  min-width: 0;
+}
+
+.session-title {
+  font-weight: 500;
+  color: var(--text-primary, #111827);
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 2px;
+}
+
+.dark .session-title {
+  color: var(--text-primary-dark, #f9fafb);
+}
+
+.session-meta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--text-secondary, #6b7280);
+}
+
+.dark .session-meta {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+.session-date::after {
+  content: "•";
+  margin-left: 8px;
+}
+
+.new-chat-button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.collapsed-new-chat:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.loading-sessions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px;
+  color: var(--text-secondary);
+  font-size: 14px;
+}
+
+.loading-spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--border-color);
+  border-top: 2px solid var(--primary-color);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Style for creating new chat state */
+.new-chat-button span {
+  transition: all 0.2s ease;
+}
+
+.new-chat-button:disabled span {
+  opacity: 0.7;
+}
+
+/* Ensure active session remains highlighted during creation */
+.session-item.active {
+  background-color: var(--primary-color);
+  color: white;
+  border-radius: 8px;
+}
+
+.session-menu-button {
+  opacity: 0;
+  padding: 6px;
+  border: none;
+  background: none;
+  border-radius: 4px;
+  cursor: pointer;
+  color: var(--text-secondary, #6b7280);
+  transition: all 0.2s ease;
+  flex-shrink: 0;
+}
+
+.session-item:hover .session-menu-button {
+  opacity: 1;
+}
+
+.session-menu-button:hover {
+  background: var(--bg-tertiary, #f3f4f6);
+  color: #ef4444;
+}
+
+.dark .session-menu-button:hover {
+  background: var(--bg-tertiary-dark, #4b5563);
+}
+
+/* Sidebar Footer */
+.sidebar-footer {
+  flex-shrink: 0;
+  padding: 20px;
+  border-top: 1px solid var(--border-light, #e5e7eb);
+  background: var(--bg-primary, #ffffff);
+}
+
+.dark .sidebar-footer {
+  border-top-color: var(--border-dark, #374151);
+  background: var(--bg-primary-dark, #1f2937);
+}
+
+.sidebar-neon-link {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+  color: var(--text-primary, #111827);
+  text-decoration: none;
+  font-size: 28px;
+  font-weight: bold;
+  transition: opacity 0.2s ease;
+}
+
+.sidebar-neon-link:hover {
+  opacity: 0.8;
+}
+
+.dark .sidebar-neon-link {
+  color: var(--text-primary-dark, #f9fafb);
+}
+
+.sidebar-neon-logo {
+  height: 1em;
+  width: auto;
+  flex-shrink: 0;
+}
+
+.sidebar-copyright-text {
+  margin: 8px 0 0 0;
+  font-size: 10px;
+  line-height: 1.4;
+  color: var(--text-secondary, #6b7280);
+}
+
+.dark .sidebar-copyright-text {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+.sidebar-patents-link {
+  color: var(--text-secondary, #6b7280);
+  text-decoration: underline;
+}
+
+.dark .sidebar-patents-link {
+  color: var(--text-secondary-dark, #9ca3af);
+}
+
+.sidebar-footer.collapsed .sidebar-neon-link {
+  justify-content: center;
+}
+
+.sidebar-footer.collapsed .sidebar-neon-logo {
+  height: 28px;
+}
+
+/* Tooltip for collapsed state */
+.session-item.collapsed {
+  position: relative;
+}
+
+.mobile-sidebar-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 150;
+  display: none;
+}
+
+.mobile-sidebar-overlay.visible {
+  display: block;
+}
+
+.session-item.collapsed:hover::after {
+  content: attr(title);
+  position: absolute;
+  left: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  background: var(--bg-primary, #ffffff);
+  border: 1px solid var(--border-light, #e5e7eb);
+  border-radius: 6px;
+  padding: 8px 12px;
+  margin-left: 8px;
+  white-space: nowrap;
+  font-size: 12px;
+  color: var(--text-primary, #111827);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dark .session-item.collapsed:hover::after {
+  background: var(--bg-primary-dark, #1f2937);
+  border-color: var(--border-dark, #374151);
+  color: var(--text-primary-dark, #f9fafb);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+.sidebar-canvas-btn {
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  width: 100%;
+  padding: 13px 20px;
+  background: linear-gradient(180deg, #7B7BF0 0%, #5957E8 100%);
+  border: 1px solid rgba(255, 255, 255, 0.14);
+  border-radius: 999px;
+  color: #ffffff;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: -0.005em;
+  margin-top: 14px;
+  margin-bottom: 8px;
+  box-shadow:
+    0 0 32px -10px rgba(99, 102, 241, 0.45),
+    0 4px 14px -4px rgba(89, 87, 232, 0.45),
+    inset 0 1px 0 rgba(255, 255, 255, 0.18);
+  transition:
+    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+    box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+    background 0.25s ease;
+}
+
+/* Sliding shimmer that sweeps across on hover */
+.sidebar-canvas-btn::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(255, 255, 255, 0.25) 50%,
+    transparent 100%
+  );
+  transition: left 0.6s ease;
+  pointer-events: none;
+}
+
+.sidebar-canvas-btn > * {
+  position: relative;
+  z-index: 1;
+}
+
+.sidebar-canvas-btn svg {
+  color: #ffffff;
+  flex-shrink: 0;
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.sidebar-canvas-btn:hover {
+  transform: translateY(-2px) scale(1.015);
+  background: linear-gradient(180deg, #8C8CF7 0%, #6663EE 100%);
+  box-shadow:
+    0 0 80px -8px rgba(124, 124, 240, 0.85),
+    0 12px 28px -6px rgba(89, 87, 232, 0.7),
+    inset 0 1px 0 rgba(255, 255, 255, 0.32);
+}
+
+.sidebar-canvas-btn:hover::before {
+  left: 100%;
+}
+
+.sidebar-canvas-btn:hover svg {
+  transform: rotate(-8deg) scale(1.1);
+}
+
+.sidebar-canvas-btn:active {
+  transform: translateY(0) scale(1);
+  transition-duration: 0.1s;
+}
+
+.sidebar.collapsed .sidebar-canvas-btn span {
+  display: none;
+}
+
+.sidebar.collapsed .sidebar-canvas-btn {
+  justify-content: center;
+  padding: 12px;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .sidebar {
+    width: 280px;
+    transform: translateX(-100%);
+    transition: transform 0.3s ease, width 0.3s ease;
+    z-index: 200; /* Higher z-index for mobile */
+  }
+  
+  .sidebar.collapsed {
+    width: 70px;
+    transform: translateX(-100%); /* Keep hidden when collapsed on mobile */
+  }
+  
+  .sidebar.mobile-open {
+    transform: translateX(0);
+  }
+
+  .mobile-sidebar-overlay.visible {
+    display: block;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/styles/Signup.css b/frontend/src/styles/Signup.css
new file mode 100644
index 0000000000000000000000000000000000000000..b026f531009a7cdf79be87c7b044ee7af10cd11e
--- /dev/null
+++ b/frontend/src/styles/Signup.css
@@ -0,0 +1,594 @@
+/* Signup.css */
+
+.signup-page {
+  min-height: 100vh;
+  background: var(--bg-gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px 16px;
+}
+
+.signup-container {
+  width: 100%;
+  max-width: 520px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 20px;
+  box-shadow: var(--shadow-xl);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  overflow: hidden;
+  animation: fadeInUp 0.6s ease-out;
+}
+
+[data-theme="dark"] .signup-container {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
+}
+
+/* Header Section */
+.signup-header {
+  text-align: center;
+  padding: 40px 32px 32px 32px;
+  background: var(--bg-secondary);
+  border-bottom: 1px solid var(--border-primary);
+}
+
+.logo-container {
+  width: 56px;
+  height: 56px;
+  background: var(--accent-gradient);
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 20px auto;
+  box-shadow: var(--shadow-md);
+}
+
+.logo-icon {
+  width: 28px;
+  height: 28px;
+  color: #FFFFFF;
+}
+
+.signup-title {
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin: 0 0 8px 0;
+  line-height: 1.2;
+}
+
+.signup-subtitle {
+  font-size: 16px;
+  color: var(--text-secondary);
+  margin: 0;
+  line-height: 1.5;
+}
+
+/* Form Container */
+.signup-form-container {
+  padding: 32px;
+}
+
+.signup-form {
+  margin-bottom: 24px;
+}
+
+/* Form Groups and Rows */
+.form-group {
+  margin-bottom: 20px;
+}
+
+.form-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  margin-bottom: 20px;
+}
+
+.form-row .form-group {
+  margin-bottom: 0;
+}
+
+.form-label {
+  display: block;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 8px;
+}
+
+.optional {
+  font-weight: 400;
+  color: var(--text-tertiary);
+  font-size: 13px;
+}
+
+/* Input Container */
+.input-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.input-icon {
+  position: absolute;
+  left: 16px;
+  width: 16px;
+  height: 16px;
+  color: var(--text-tertiary);
+  z-index: 1;
+  transition: color 0.2s ease;
+}
+
+.form-input,
+.form-select {
+  width: 100%;
+  padding: 16px 16px 16px 48px;
+  border: 1px solid var(--border-secondary);
+  border-radius: 12px;
+  background: var(--input-bg);
+  color: var(--text-primary);
+  font-size: 16px;
+  transition: all 0.2s ease;
+  outline: none;
+}
+
+.form-input::placeholder {
+  color: var(--text-tertiary);
+}
+
+.form-select {
+  cursor: pointer;
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 12px center;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  padding-right: 48px;
+}
+
+[data-theme="dark"] .form-select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
+}
+
+.form-input:focus,
+.form-select:focus {
+  border-color: var(--accent-primary);
+  box-shadow: var(--input-focus-shadow);
+}
+
+.form-input:focus + .input-icon,
+.form-select:focus + .input-icon,
+.input-container:focus-within .input-icon {
+  color: var(--accent-primary);
+}
+
+.form-input.error,
+.form-select.error {
+  border-color: var(--error-text);
+  background: var(--error-bg);
+}
+
+/* Password Toggle */
+.password-toggle {
+  position: absolute;
+  right: 16px;
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
+}
+
+.password-toggle:hover {
+  color: var(--text-primary);
+  background: var(--bg-secondary);
+}
+
+/* Terms Section */
+.terms-section {
+  margin-bottom: 24px;
+  padding: 16px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-primary);
+  border-radius: 12px;
+}
+
+.terms-text {
+  font-size: 14px;
+  color: var(--text-secondary);
+  margin: 0;
+  line-height: 1.5;
+  text-align: center;
+}
+
+/* Error Messages */
+.error-message {
+  display: block;
+  color: var(--error-text);
+  font-size: 13px;
+  margin-top: 6px;
+  font-weight: 500;
+}
+
+.submit-error {
+  background: var(--error-bg);
+  border: 1px solid var(--error-border);
+  border-radius: 8px;
+  padding: 12px 16px;
+  margin-bottom: 20px;
+  color: var(--error-text);
+  font-size: 14px;
+  font-weight: 500;
+  text-align: center;
+}
+
+/* Submit Button */
+.submit-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  background: var(--accent-gradient);
+  color: #FFFFFF;
+  border: none;
+  padding: 16px 24px;
+  border-radius: 12px;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: var(--shadow-md);
+  margin-bottom: 24px;
+}
+
+.submit-btn:hover:not(:disabled) {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-lg);
+}
+
+.submit-btn:active:not(:disabled) {
+  transform: translateY(0);
+}
+
+.submit-btn:disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.submit-btn.loading {
+  pointer-events: none;
+}
+
+/* Loading Spinner */
+.loading-spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-top: 2px solid #FFFFFF;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Divider */
+.divider {
+  position: relative;
+  text-align: center;
+  margin: 24px 0;
+}
+
+.divider::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: var(--border-secondary);
+}
+
+.divider span {
+  background: var(--bg-primary);
+  color: var(--text-tertiary);
+  font-size: 13px;
+  font-weight: 500;
+  padding: 0 16px;
+  position: relative;
+  z-index: 1;
+}
+
+/* Social Signup */
+.social-signup {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.google-btn,
+.phone-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 14px 20px;
+  border: 1px solid var(--border-secondary);
+  border-radius: 12px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  font-size: 15px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.google-btn:hover:not(:disabled),
+.phone-btn:hover:not(:disabled) {
+  border-color: var(--border-primary);
+  background: var(--bg-secondary);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-sm);
+}
+
+.google-btn:disabled,
+.phone-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.google-icon {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+}
+
+/* Footer */
+.signup-footer {
+  text-align: center;
+  padding: 24px 32px 32px 32px;
+  border-top: 1px solid var(--border-primary);
+  background: var(--bg-secondary);
+}
+
+.signup-footer p {
+  color: var(--text-secondary);
+  font-size: 14px;
+  margin: 0;
+}
+
+.link-btn {
+  background: none;
+  border: none;
+  color: var(--accent-primary);
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 0;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  transition: color 0.2s ease;
+}
+
+.link-btn:hover {
+  color: var(--accent-secondary);
+}
+
+/* Animations */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Mobile Responsive */
+@media (max-width: 640px) {
+  .signup-page {
+    padding: 16px 12px;
+  }
+  
+  .signup-container {
+    max-width: 100%;
+    border-radius: 16px;
+  }
+  
+  .signup-header {
+    padding: 32px 24px 24px 24px;
+  }
+  
+  .signup-title {
+    font-size: 24px;
+  }
+  
+  .signup-subtitle {
+    font-size: 15px;
+  }
+  
+  .signup-form-container {
+    padding: 24px;
+  }
+  
+  /* Stack form rows on mobile */
+  .form-row {
+    grid-template-columns: 1fr;
+    gap: 20px;
+  }
+  
+  .form-row .form-group {
+    margin-bottom: 0;
+  }
+  
+  .form-input,
+  .form-select {
+    font-size: 16px; /* Prevents zoom on iOS */
+    padding: 14px 14px 14px 44px;
+  }
+  
+  .submit-btn {
+    padding: 14px 20px;
+    font-size: 15px;
+  }
+  
+  .google-btn,
+  .phone-btn {
+    padding: 12px 16px;
+    font-size: 14px;
+  }
+  
+  .signup-footer {
+    padding: 20px 24px 24px 24px;
+  }
+  
+  .terms-section {
+    padding: 14px;
+  }
+  
+  .terms-text {
+    font-size: 13px;
+  }
+}
+
+@media (max-width: 480px) {
+  .signup-container {
+    max-width: 100%;
+  }
+  
+  .form-row {
+    gap: 16px;
+  }
+  
+  .form-input,
+  .form-select {
+    padding: 12px 12px 12px 40px;
+  }
+  
+  .input-icon {
+    left: 14px;
+    width: 14px;
+    height: 14px;
+  }
+  
+  .password-toggle {
+    right: 14px;
+  }
+}
+
+/* Focus and Accessibility */
+.submit-btn:focus-visible,
+.google-btn:focus-visible,
+.phone-btn:focus-visible,
+.link-btn:focus-visible,
+.password-toggle:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+.form-input:focus-visible,
+.form-select:focus-visible {
+  outline: none; /* Handled by border and shadow */
+}
+
+/* High Contrast Mode */
+@media (prefers-contrast: high) {
+  .signup-container {
+    border-width: 2px;
+  }
+  
+  .form-input,
+  .form-select {
+    border-width: 2px;
+  }
+  
+  .submit-btn {
+    border: 2px solid var(--accent-primary);
+  }
+}
+
+/* Reduced Motion */
+@media (prefers-reduced-motion: reduce) {
+  .signup-container,
+  .submit-btn,
+  .google-btn,
+  .phone-btn,
+  .form-input,
+  .form-select,
+  .password-toggle,
+  .link-btn {
+    transition: none;
+  }
+  
+  .loading-spinner {
+    animation: none;
+  }
+  
+  .fadeInUp {
+    animation: none;
+  }
+}
+
+/* Password Strength Indicator (Optional Enhancement) */
+.password-strength {
+  margin-top: 8px;
+  display: flex;
+  gap: 4px;
+}
+
+.strength-bar {
+  height: 3px;
+  flex: 1;
+  background: var(--border-tertiary);
+  border-radius: 2px;
+  transition: background-color 0.2s ease;
+}
+
+.strength-bar.weak {
+  background: #EF4444;
+}
+
+.strength-bar.medium {
+  background: #F59E0B;
+}
+
+.strength-bar.strong {
+  background: #10B981;
+}
+
+.strength-text {
+  font-size: 12px;
+  margin-top: 4px;
+  font-weight: 500;
+}
+
+.strength-text.weak {
+  color: #EF4444;
+}
+
+.strength-text.medium {
+  color: #F59E0B;
+}
+
+.strength-text.strong {
+  color: #10B981;
+}
\ No newline at end of file
diff --git a/frontend/src/styles/UserGuide.css b/frontend/src/styles/UserGuide.css
new file mode 100644
index 0000000000000000000000000000000000000000..ef68ba74ee252d97ca030d20e054a496c5d51605
--- /dev/null
+++ b/frontend/src/styles/UserGuide.css
@@ -0,0 +1,281 @@
+/* === User Guide modal ============================================== */
+.ug-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.6);
+  backdrop-filter: blur(4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  animation: ug-fade 0.18s ease;
+}
+
+@keyframes ug-fade {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+.ug-modal {
+  width: 92vw;
+  max-width: 1000px;
+  height: 80vh;
+  max-height: 720px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 18px;
+  box-shadow: 0 30px 80px -10px rgba(0, 0, 0, 0.5);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  animation: ug-pop 0.22s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@keyframes ug-pop {
+  from { opacity: 0; transform: scale(0.96); }
+  to   { opacity: 1; transform: scale(1); }
+}
+
+/* Header bar */
+.ug-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18px 22px;
+  border-bottom: 1px solid var(--border-primary);
+}
+
+.ug-title {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 16px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+}
+
+.ug-title-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  background: #2663EB;
+  color: #fff;
+  flex-shrink: 0;
+}
+
+.ug-close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  background: transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  color: var(--text-secondary);
+  transition: background 0.15s ease, color 0.15s ease;
+}
+
+.ug-close:hover {
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+}
+
+/* Body layout: sidebar + content */
+.ug-body {
+  flex: 1;
+  display: grid;
+  grid-template-columns: 240px 1fr;
+  min-height: 0;
+}
+
+/* Sidebar */
+.ug-sidebar {
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--border-primary);
+  background: var(--bg-secondary);
+  min-height: 0;
+}
+
+.ug-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 14px;
+  padding: 8px 12px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 10px;
+  color: var(--text-secondary);
+}
+
+.ug-search input {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--text-primary);
+  font-size: 13.5px;
+}
+
+.ug-search input::placeholder {
+  color: var(--text-tertiary);
+}
+
+.ug-toc {
+  flex: 1;
+  overflow-y: auto;
+  padding: 4px 10px 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.ug-toc-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  border: none;
+  background: transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  color: var(--text-secondary);
+  font-size: 13.5px;
+  font-weight: 500;
+  text-align: left;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+
+.ug-toc-item span {
+  flex: 1;
+}
+
+.ug-toc-arrow {
+  opacity: 0;
+  transition: opacity 0.15s ease, transform 0.15s ease;
+}
+
+.ug-toc-item:hover {
+  background: var(--bg-primary);
+  color: var(--text-primary);
+}
+
+.ug-toc-item:hover .ug-toc-arrow {
+  opacity: 0.6;
+}
+
+.ug-toc-item.active {
+  background: rgba(38, 99, 235, 0.1);
+  color: #2663EB;
+}
+
+.ug-toc-item.active .ug-toc-arrow {
+  opacity: 1;
+  transform: translateX(2px);
+}
+
+.ug-empty {
+  padding: 14px;
+  font-size: 13px;
+  color: var(--text-tertiary);
+  text-align: center;
+}
+
+/* Content area */
+.ug-content {
+  overflow-y: auto;
+  padding: 28px 36px 40px;
+  font-size: 15px;
+  line-height: 1.65;
+  color: var(--text-primary);
+  animation: ug-slide 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@keyframes ug-slide {
+  from { opacity: 0; transform: translateY(6px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+.ug-content h1 {
+  margin: 0 0 16px;
+  font-size: 26px;
+  font-weight: 800;
+  letter-spacing: -0.02em;
+  color: var(--text-primary);
+}
+
+.ug-content h2 {
+  margin: 28px 0 10px;
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--text-primary);
+  letter-spacing: -0.01em;
+}
+
+.ug-content h3 {
+  margin: 22px 0 6px;
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.ug-content p {
+  margin: 0 0 14px;
+  color: var(--text-secondary);
+}
+
+.ug-content ul, .ug-content ol {
+  margin: 0 0 16px;
+  padding-left: 22px;
+  color: var(--text-secondary);
+}
+
+.ug-content li {
+  margin-bottom: 6px;
+}
+
+.ug-content strong {
+  color: var(--text-primary);
+  font-weight: 600;
+}
+
+.ug-content code {
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: var(--bg-secondary);
+  font-size: 0.9em;
+  color: #2663EB;
+  font-family: 'SF Mono', ui-monospace, monospace;
+}
+
+.ug-content a {
+  color: #2663EB;
+  text-decoration: none;
+}
+
+.ug-content a:hover {
+  text-decoration: underline;
+}
+
+/* Mobile */
+@media (max-width: 720px) {
+  .ug-body {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto 1fr;
+  }
+  .ug-sidebar {
+    border-right: none;
+    border-bottom: 1px solid var(--border-primary);
+    max-height: 200px;
+  }
+  .ug-content {
+    padding: 22px 22px 36px;
+  }
+}
diff --git a/frontend/src/styles/components.css b/frontend/src/styles/components.css
new file mode 100644
index 0000000000000000000000000000000000000000..ac2d134f834cb373050ec06482af7d412214c2a2
--- /dev/null
+++ b/frontend/src/styles/components.css
@@ -0,0 +1,1390 @@
+/* CSS Custom Properties for Theming */
+:root[data-theme="light"] {
+  /* Background / surfaces — warm cream */
+  --bg-primary: #FAF7F1;
+  --bg-secondary: #F3EEE6;
+  --bg-tertiary: #EBE4D8;
+  --bg-gradient: linear-gradient(165deg, #FBF8F3 0%, #F5EFE6 55%, #F0E9DF 100%);
+  --card-bg: #FFFFFF;
+  --card-hover: #F7F3EC;
+  --sidebar-bg: #E8E0D4;
+  --header-bg: #FBF9F5;
+  --header-border: #DDD5C8;
+  --header-shadow: var(--shadow-md);
+
+  /* Text */
+  --text-primary: #1A1714;
+  --text-secondary: #4A453E;
+  --text-tertiary: #6A645C;
+  --text-muted: #6A645C;
+  --text-accent: #4A453E;
+
+  /* Borders */
+  --border-primary: #DDD5C8;
+  --border-secondary: #D1C9BB;
+  --border-tertiary: #E8E1D6;
+  --border-muted: #E8E1D6;
+
+  /* Accent — violet (primary CTA only) */
+  --accent-primary: #5558E3;
+  --accent-secondary: #7C4FE8;
+  --accent-gradient: linear-gradient(135deg, #5558E3, #7C4FE8);
+  --accent-light: #EDEBFA;
+  --primary-color: #5558E3;
+  --primary-color-hover: #4548D0;
+
+  /* Warm-tinted shadows */
+  --shadow-sm: 0 1px 2px rgba(40, 30, 10, 0.06);
+  --shadow-md: 0 4px 10px -2px rgba(40, 30, 10, 0.08), 0 2px 4px -2px rgba(40, 30, 10, 0.05);
+  --shadow-lg: 0 12px 24px -6px rgba(40, 30, 10, 0.12), 0 4px 8px -4px rgba(40, 30, 10, 0.06);
+  --shadow-xl: 0 20px 40px -12px rgba(40, 30, 10, 0.16);
+
+  /* Feature / muted accent fills */
+  --feature-bg: #EDEBFA;
+  --feature-icon-color: #5558E3;
+
+  /* Error */
+  --error-bg: #FEF2F2;
+  --error-border: #FECACA;
+  --error-text: #DC2626;
+
+  /* Inputs */
+  --input-bg: #FFFFFF;
+  --input-border: #DDD5C8;
+  --input-focus: #5558E3;
+  --input-focus-shadow: 0 0 0 2px var(--card-bg), 0 0 0 4px var(--accent-primary);
+
+  /* Type scale */
+  --font-body: 15px;
+  --font-small: 13px;
+  --font-caption: 12px;
+  --font-section: 18px;
+  --line-height-body: 1.5;
+}
+
+:root[data-theme="dark"] {
+  /* Deep neutrals with warm-ish violet accents */
+  --bg-primary: #16141A;
+  --bg-secondary: #1E1B24;
+  --bg-tertiary: #2A2633;
+  --bg-gradient: linear-gradient(165deg, #1A1720 0%, #14121A 55%, #1E1B24 100%);
+  --card-bg: #221F2A;
+  --card-hover: #2C2835;
+  --sidebar-bg: #1A1720;
+  --header-bg: #1C1922;
+  --header-border: rgba(125, 115, 145, 0.28);
+  --header-shadow: var(--shadow-md);
+
+  --text-primary: #F5F2EC;
+  --text-secondary: #C9C2B6;
+  --text-tertiary: #9A9288;
+  --text-muted: #9A9288;
+  --text-accent: #E8E1D6;
+
+  --border-primary: #3A3545;
+  --border-secondary: #4A4458;
+  --border-tertiary: #2E2A38;
+  --border-muted: #2E2A38;
+
+  --accent-primary: #8B8EF0;
+  --accent-secondary: #A78BFA;
+  --accent-gradient: linear-gradient(135deg, #6B6EE8, #8B5CF6);
+  --accent-light: #2A2640;
+  --primary-color: #8B8EF0;
+  --primary-color-hover: #A0A3F5;
+
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
+  --shadow-md: 0 4px 10px -2px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.25);
+  --shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, 0.5), 0 4px 8px -4px rgba(0, 0, 0, 0.3);
+  --shadow-xl: 0 20px 40px -12px rgba(0, 0, 0, 0.55);
+
+  --feature-bg: #2A2640;
+  --feature-icon-color: #8B8EF0;
+
+  --error-bg: #3F1414;
+  --error-border: #7F1D1D;
+  --error-text: #FCA5A5;
+
+  --input-bg: #2A2633;
+  --input-border: #3A3545;
+  --input-focus: #8B8EF0;
+  --input-focus-shadow: 0 0 0 2px var(--card-bg), 0 0 0 4px var(--accent-primary);
+
+  --font-body: 15px;
+  --font-small: 13px;
+  --font-caption: 12px;
+  --font-section: 18px;
+  --line-height-body: 1.5;
+}
+
+/* Base typography & page surface */
+html {
+  font-size: 16px;
+}
+
+body {
+  font-size: var(--font-body, 15px);
+  line-height: var(--line-height-body, 1.5);
+  color: var(--text-primary);
+  background: var(--bg-gradient);
+}
+
+.App {
+  min-height: 100vh;
+  background: var(--bg-gradient);
+  color: var(--text-primary);
+}
+
+/* Accessibility: focus rings */
+:focus-visible {
+  outline: none;
+  box-shadow: var(--input-focus-shadow);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+/* Theme Toggle Button */
+.theme-toggle {
+  padding: 10px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: 12px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+.theme-toggle:hover {
+  background: var(--bg-secondary);
+  border-color: var(--accent-primary);
+  color: var(--accent-primary);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.theme-icon {
+  width: 20px;
+  height: 20px;
+}
+
+/* Homepage Styles */
+.homepage {
+  min-height: 100vh;
+  background: var(--bg-gradient);
+}
+
+/* The landing page has no tabs or hamburger, so the space-saving rules that
+   hide the header brand on Chat/Canvas would leave its header empty. Keep the
+   brand visible at every width here. */
+.homepage .header-left .header-brand {
+  display: flex !important;
+}
+.homepage .app-header .brand-text {
+  display: block !important;
+}
+.homepage .app-header .brand-text p {
+  display: block !important;
+}
+
+.header {
+  background-color: var(--bg-primary);
+  box-shadow: var(--shadow-sm);
+  border-bottom: 1px solid var(--border-primary);
+}
+
+.header-content {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 16px 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.logo-container {
+  width: 40px;
+  height: 40px;
+  background: var(--accent-gradient);
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo-icon {
+  width: 24px;
+  height: 24px;
+  color: #FFFFFF;
+}
+
+.logo-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: var(--text-primary);
+  margin: 0;
+}
+
+.logo-subtitle {
+  font-size: 14px;
+  color: var(--text-secondary);
+  margin: 0;
+}
+
+.main {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 64px 24px;
+}
+
+.hero-section {
+  text-align: center;
+  margin-bottom: 64px;
+}
+
+.hero-title {
+  font-size: 48px;
+  font-weight: bold;
+  color: var(--text-primary);
+  margin-bottom: 24px;
+  line-height: 1.1;
+}
+
+.hero-highlight {
+  background: var(--accent-gradient);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.hero-subtitle {
+  font-size: 20px;
+  color: var(--text-secondary);
+  max-width: 768px;
+  margin: 0 auto 32px auto;
+  line-height: 1.6;
+}
+
+/* CTA Button */
+.cta-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  background: var(--accent-gradient);
+  color: #FFFFFF;
+  padding: 16px 32px;
+  border-radius: 12px;
+  font-size: 18px;
+  font-weight: 600;
+  border: none;
+  cursor: pointer;
+  box-shadow: var(--shadow-md);
+  transition: all 0.3s ease;
+  text-decoration: none;
+}
+
+.cta-button:hover {
+  transform: scale(1.05);
+}
+
+.cta-icon {
+  width: 24px;
+  height: 24px;
+}
+
+.cta-arrow {
+  width: 20px;
+  height: 20px;
+}
+
+/* Advisors Grid */
+.advisors-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 32px;
+  margin-bottom: 64px;
+}
+
+.advisor-card {
+  background-color: var(--bg-primary);
+  border-radius: 16px;
+  padding: 32px;
+  box-shadow: var(--shadow-md);
+  border: 1px solid var(--border-primary);
+  text-align: center;
+  transition: all 0.3s ease;
+}
+
+.advisor-card:hover {
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-xl);
+}
+
+.advisor-card-icon {
+  width: 64px;
+  height: 64px;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 24px auto;
+}
+
+.advisor-card-icon svg {
+  width: 32px;
+  height: 32px;
+}
+
+.advisor-card-title {
+  font-size: 24px;
+  font-weight: bold;
+  color: var(--text-primary);
+  margin-bottom: 8px;
+}
+
+.advisor-card-role {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 16px;
+}
+
+.advisor-card-description {
+  font-size: 16px;
+  color: var(--text-secondary);
+  line-height: 1.6;
+  margin: 0;
+}
+
+/* Features Section */
+.features-section {
+  margin-bottom: 64px;
+}
+
+.features-title {
+  font-size: 32px;
+  font-weight: bold;
+  color: var(--text-primary);
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.features-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 32px;
+}
+
+.feature-card {
+  text-align: center;
+  padding: 24px;
+}
+
+.feature-icon {
+  width: 48px;
+  height: 48px;
+  background-color: transparent;
+  border: 1px solid var(--border-primary);
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 20px auto;
+  color: var(--feature-icon-color);
+  box-shadow: var(--shadow-sm);
+  background: var(--card-bg);
+}
+
+.feature-icon svg {
+  width: 32px;
+  height: 32px;
+  color: var(--feature-icon-color);
+}
+
+.feature-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: var(--text-primary);
+  margin-bottom: 12px;
+}
+
+.feature-description {
+  font-size: 16px;
+  color: var(--text-secondary);
+  line-height: 1.6;
+  margin: 0;
+}
+
+/* Suggestions Panel */
+.suggestions-panel {
+  padding: 32px 0;
+  max-width: 900px;
+  margin: 0 auto;
+}
+
+.suggestions-header {
+  text-align: center;
+  margin-bottom: 32px;
+}
+
+.suggestions-title {
+  font-size: 28px;
+  font-weight: bold;
+  color: var(--text-primary);
+  margin-bottom: 8px;
+}
+
+.suggestions-subtitle {
+  font-size: 16px;
+  color: var(--text-secondary);
+  margin: 0;
+}
+
+.suggestions-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+}
+
+.suggestion-category {
+  background-color: var(--bg-primary);
+  border-radius: 12px;
+  border: 1px solid var(--border-primary);
+  padding: 20px;
+  box-shadow: var(--shadow-sm);
+  transition: box-shadow 0.2s ease;
+  min-height: 200px;
+  display: flex;
+  flex-direction: column;
+}
+
+.suggestion-category:hover {
+  box-shadow: var(--shadow-md);
+}
+
+.category-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border-tertiary);
+}
+
+.category-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.category-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.suggestion-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+}
+
+.suggestion-button {
+  text-align: left;
+  padding: 12px 16px;
+  border: 1px solid var(--border-secondary);
+  border-radius: 8px;
+  background-color: transparent;
+  color: var(--text-accent);
+  font-size: 14px;
+  line-height: 1.4;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.suggestion-button:hover {
+  background-color: var(--hover-bg, var(--bg-secondary));
+  border-color: var(--hover-border, var(--accent-primary));
+  color: var(--hover-text, var(--text-primary));
+  transform: translateY(-1px);
+}
+
+/* Message Components */
+.user-message-container {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 16px;
+}
+
+.user-message {
+  background: var(--accent-gradient);
+  color: #FFFFFF;
+  border-radius: 16px;
+  padding: 12px 24px;
+  max-width: 384px;
+}
+
+.user-message p {
+  margin: 0;
+}
+
+.reply-indicator {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+  padding: 4px 8px;
+  background-color: var(--bg-tertiary);
+  border-radius: 8px;
+  font-size: 12px;
+  color: var(--text-secondary);
+}
+
+.advisor-message-container {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.advisor-avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.advisor-avatar svg {
+  width: 20px;
+  height: 20px;
+}
+
+.advisor-message-bubble {
+  border-radius: 12px;
+  box-shadow: var(--shadow-sm);
+  border: 1px solid;
+  padding: 16px;
+  max-width: 512px;
+  transition: all 0.2s ease;
+}
+
+.advisor-message-bubble.clickable:hover {
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-md);
+}
+
+.advisor-message-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
+.advisor-message-name {
+  font-weight: 600;
+  font-size: 1rem;
+  line-height: 1.6;
+  margin: 0;
+}
+
+.reply-badge {
+  font-size: 10px;
+  background: var(--accent-primary);
+  color: white;
+  padding: 2px 6px;
+  border-radius: 4px;
+  margin-left: 4px;
+}
+
+.message-time {
+  font-size: 12px;
+}
+
+.advisor-message-text {
+  font-size: 1rem;
+  line-height: 1.6;
+}
+
+.advisor-message-text.is-collapsed {
+  max-height: 18rem;
+  overflow: hidden;
+  mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
+  -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
+}
+
+.message-show-more {
+  display: inline-block;
+  margin-top: 6px;
+  padding: 0;
+  border: none;
+  background: none;
+  font-size: 0.85rem;
+  font-weight: 600;
+  cursor: pointer;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.message-show-more:hover {
+  opacity: 0.85;
+}
+
+/* Advisor icon in message header: circular badge, theme-aware fill */
+.advisor-message-avatar-ring {
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+  background: #ffffff;
+  border: 1px solid rgba(15, 23, 42, 0.1);
+  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
+}
+
+[data-theme="dark"] .advisor-message-avatar-ring {
+  background: #1e293b;
+  border-color: rgba(248, 250, 252, 0.12);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+
+.advisor-message-avatar-ring img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.advisor-message-avatar-icon {
+  flex-shrink: 0;
+}
+
+.advisor-message-avatar-initial {
+  font-weight: 700;
+  line-height: 1;
+}
+
+.advisor-message-text > div:last-child p:last-child {
+  margin-bottom: 0; /* Remove bottom margin from last paragraph */
+}
+
+.advisor-message-text strong {
+  font-weight: 600;
+}
+
+.advisor-message-text em {
+  font-style: italic;
+}
+
+.advisor-message-text ul,
+.advisor-message-text ol {
+  margin: 0.75rem 0;
+  padding-left: 1.5rem;
+}
+
+.advisor-message-text li {
+  margin-bottom: 0.25rem;
+}
+
+.advisor-message-text p {
+  margin-bottom: 0.75rem;
+}
+
+.advisor-message-text p:last-child {
+  margin-bottom: 0;
+}
+
+
+/* Updated Message Actions Styles */
+.message-actions {
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid var(--border-tertiary);
+}
+
+.message-action-buttons {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.message-action-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  background: none;
+  border: 1px solid;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+.message-action-button:hover {
+  background: var(--bg-secondary);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.message-action-button:active {
+  transform: translateY(0);
+}
+
+.message-action-button svg {
+  width: 14px;
+  height: 14px;
+  color: inherit;
+}
+
+/* Tooltip Styles */
+.tooltip-container {
+  position: relative;
+  display: inline-block;
+}
+
+.tooltip {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  margin-bottom: 8px;
+  padding: 6px 10px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-secondary);
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  z-index: 1000;
+  opacity: 0;
+  animation: tooltipFadeIn 0.2s ease-out forwards;
+}
+
+.tooltip::after {
+  content: '';
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 4px solid transparent;
+  border-top-color: var(--border-secondary);
+}
+
+.tooltip::before {
+  content: '';
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  margin-top: -1px;
+  border: 4px solid transparent;
+  border-top-color: var(--bg-primary);
+}
+
+/* Tooltip Animation */
+@keyframes tooltipFadeIn {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+}
+
+/* Dark theme tooltip adjustments */
+[data-theme="dark"] .tooltip {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+/* Focus states for accessibility */
+.message-action-button:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+/* Copy button success state */
+.message-action-button.copied {
+  color: #10B981 !important;
+  border-color: #10B98140 !important;
+}
+
+.reply-button {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background: none;
+  border: 1px solid;
+  padding: 6px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.reply-button:hover {
+  background: var(--bg-secondary);
+}
+
+/* Error Messages */
+.error-message-container {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 16px;
+}
+
+.error-message {
+  background-color: var(--error-bg);
+  border: 1px solid var(--error-border);
+  color: var(--error-text);
+  border-radius: 12px;
+  padding: 12px 16px;
+  max-width: 384px;
+}
+
+.error-message p {
+  margin: 0;
+}
+
+/* Thinking Indicators */
+.thinking-container {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin-bottom: 16px;
+  opacity: 0.8;
+}
+
+.thinking-bubble {
+  border-radius: 12px;
+  box-shadow: var(--shadow-sm);
+  border: 1px solid;
+  padding: 16px;
+  max-width: 288px;
+}
+
+.thinking-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.advisor-name {
+  font-weight: 600;
+  font-size: 1rem;
+  line-height: 1.6;
+  margin: 0;
+}
+
+.thinking-indicator {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--text-secondary);
+  font-style: italic;
+  margin-bottom: 8px;
+}
+
+.thinking-dots {
+  display: flex;
+  gap: 4px;
+}
+
+.thinking-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  animation: bounce 1.4s ease-in-out infinite both;
+}
+
+.thinking-text {
+  font-size: 14px;
+  margin-top: 4px;
+  margin-bottom: 0;
+}
+
+/* Basic Chat Input - SCOPED TO AVOID CONFLICTS */
+.input-area {
+  border-top: 1px solid var(--border-primary);
+  padding: 16px;
+}
+
+.input-container {
+  display: flex;
+  gap: 16px;
+}
+
+.message-input {
+  flex: 1;
+  resize: none;
+  border: 1px solid var(--input-border);
+  border-radius: 12px;
+  padding: 12px 16px;
+  font-size: 14px;
+  font-family: inherit;
+  outline: none;
+  transition: border-color 0.2s ease;
+  background-color: var(--input-bg);
+  color: var(--text-primary);
+}
+
+.message-input::placeholder {
+  color: var(--text-secondary);
+}
+
+.message-input:focus {
+  border-color: var(--input-focus);
+  box-shadow: var(--input-focus-shadow);
+}
+
+/* IMPORTANT: Make send button styles specific to basic ChatInput only */
+.input-container .send-button {
+  background: var(--accent-gradient);
+  color: #FFFFFF;
+  padding: 12px 24px;
+  border-radius: 12px;
+  border: none;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.input-container .send-button:hover:not(:disabled) {
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-md);
+}
+
+.input-container .send-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.input-container .send-icon {
+  width: 20px;
+  height: 20px;
+}
+
+.input-container .send-text {
+  display: none;
+}
+
+/* Footer Styles */
+.footer {
+  background-color: var(--bg-primary);
+  border-top: 1px solid var(--border-primary);
+  margin-top: auto;
+}
+
+.footer-content {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 24px;
+  text-align: center;
+}
+
+.footer-text {
+  color: var(--text-secondary);
+  font-size: 14px;
+  margin: 0;
+}
+
+.footer-neon-link {
+  color: var(--text-secondary);
+  text-decoration: none;
+  transition: opacity 0.2s ease;
+}
+
+.footer-neon-link:hover {
+  opacity: 0.8;
+}
+
+.footer-neon-logo {
+  height: 1em;
+  width: auto;
+  vertical-align: text-bottom;
+  margin-right: 2px;
+}
+
+.footer-patents-link {
+  color: var(--text-secondary);
+  text-decoration: underline;
+  transition: opacity 0.2s ease;
+}
+
+.footer-patents-link:hover {
+  opacity: 0.8;
+}
+
+.rag-info-overlay {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  z-index: 1000;
+  width: 320px;
+  max-width: 90vw;
+  border: 1px solid;
+  border-radius: 8px;
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+  margin-top: 8px;
+  backdrop-filter: blur(10px);
+  animation: ragOverlaySlideIn 0.2s ease-out;
+}
+
+@keyframes ragOverlaySlideIn {
+  from {
+    opacity: 0;
+    transform: translateY(-10px) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+.rag-overlay-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  font-weight: 600;
+  font-size: 14px;
+  border-bottom: 1px solid var(--border-color);
+  background: var(--bg-secondary);
+  border-radius: 8px 8px 0 0;
+}
+
+.rag-overlay-content {
+  padding: 16px;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.rag-stat-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--border-secondary);
+}
+
+.rag-stat-row:last-child {
+  border-bottom: none;
+  margin-bottom: 0;
+}
+
+.rag-stat-label {
+  font-size: 13px;
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.rag-stat-value {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.rag-stat-value.positive {
+  color: #10B981;
+}
+
+.rag-stat-value.negative {
+  color: #6B7280;
+}
+
+.rag-documents-section {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border-secondary);
+}
+
+.rag-section-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin-bottom: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.rag-document-item {
+  background: var(--bg-tertiary);
+  border: 1px solid var(--border-secondary);
+  border-radius: 6px;
+  padding: 10px;
+  margin-bottom: 8px;
+}
+
+.rag-document-item:last-child {
+  margin-bottom: 0;
+}
+
+.rag-document-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 6px;
+}
+
+.rag-filename {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-primary);
+  flex: 1;
+  margin-right: 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.rag-relevance {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--accent-color);
+  background: var(--accent-color)15;
+  padding: 2px 6px;
+  border-radius: 10px;
+  white-space: nowrap;
+}
+
+.rag-chunk-preview {
+  font-size: 11px;
+  line-height: 1.4;
+  color: var(--text-tertiary);
+  background: var(--bg-quaternary);
+  padding: 6px 8px;
+  border-radius: 4px;
+  border-left: 2px solid var(--accent-color);
+  margin-top: 6px;
+}
+
+.rag-no-documents {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  background: var(--bg-secondary);
+  border: 1px dashed var(--border-secondary);
+  border-radius: 6px;
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-style: italic;
+  margin-top: 8px;
+}
+
+/* Accessibility improvements */
+.rag-info-overlay:focus-within {
+  outline: 2px solid var(--accent-color);
+  outline-offset: 2px;
+}
+
+/* Smooth transitions */
+.message-action-button {
+  transition: all 0.2s ease;
+}
+
+.message-action-button:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+/* Custom scrollbar for overlay content */
+.rag-overlay-content::-webkit-scrollbar {
+  width: 4px;
+}
+
+.rag-overlay-content::-webkit-scrollbar-track {
+  background: var(--bg-secondary);
+  border-radius: 2px;
+}
+
+.rag-overlay-content::-webkit-scrollbar-thumb {
+  background: var(--border-color);
+  border-radius: 2px;
+}
+
+.rag-overlay-content::-webkit-scrollbar-thumb:hover {
+  background: var(--text-secondary);
+}
+
+/* Dark theme adjustments */
+[data-theme="dark"] .rag-info-overlay {
+  background: #1f2937;
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
+}
+
+[data-theme="dark"] .rag-overlay-header {
+  background: #374151;
+}
+
+[data-theme="dark"] .rag-document-item {
+  background: #374151;
+  border-color: #4B5563;
+}
+
+[data-theme="dark"] .rag-chunk-preview {
+  background: #4B5563;
+  color: #D1D5DB;
+}
+
+[data-theme="dark"] .rag-no-documents {
+  background: #374151;
+  border-color: #4B5563;
+}
+
+/* Animations */
+@keyframes bounce {
+  0%, 80%, 100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+  .suggestions-panel {
+    padding: 24px 16px;
+  }
+  
+  .suggestion-category {
+    padding: 18px;
+    min-height: 180px;
+  }
+}
+
+@media (max-width: 768px) {
+  .suggestions-grid {
+    grid-template-columns: 1fr;
+    gap: 16px;
+  }
+  
+  .suggestions-panel {
+    padding: 24px 16px;
+  }
+  
+  .suggestions-title {
+    font-size: 24px;
+  }
+  
+  .suggestion-category {
+    padding: 16px;
+    min-height: auto;
+  }
+  
+  .suggestion-button {
+    padding: 10px 14px;
+    font-size: 13px;
+  }
+
+  .advisor-message-text {
+    font-size: 1rem;
+  }
+
+  .advisor-message-name {
+    font-size: 1rem;
+  }
+
+  /* Basic ChatInput mobile styles */
+  .input-container .send-text {
+    display: inline;
+  }
+
+  .hero-title {
+    font-size: 36px;
+  }
+
+  .hero-subtitle {
+    font-size: 18px;
+  }
+
+  .advisors-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .features-grid {
+    grid-template-columns: 1fr;
+  }
+
+    .message-action-buttons {
+    gap: 6px;
+  }
+
+  .message-action-button {
+    width: 28px;
+    height: 28px;
+  }
+
+  .tooltip {
+    font-size: 11px;
+    padding: 4px 8px;
+  }
+
+  .rag-info-overlay {
+    width: 280px;
+    left: 0;
+    right: auto;
+  }
+  
+  .rag-document-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+  }
+  
+  .rag-filename {
+    margin-right: 0;
+    white-space: normal;
+    overflow: visible;
+    text-overflow: initial;
+  }
+
+}
\ No newline at end of file
diff --git a/frontend/src/utils/canvasApi.js b/frontend/src/utils/canvasApi.js
new file mode 100644
index 0000000000000000000000000000000000000000..775b88202ff479ae86bfe4155e55a692d9c8c560
--- /dev/null
+++ b/frontend/src/utils/canvasApi.js
@@ -0,0 +1,82 @@
+/**
+ * Server persistence helpers for Workspace + Documents (phd-canvas API).
+ * Failures are soft — callers keep localStorage as a fallback cache.
+ */
+
+const apiBase = () => process.env.REACT_APP_API_URL || '';
+
+const authHeaders = (token) => ({
+  Authorization: `Bearer ${token}`,
+  'Content-Type': 'application/json',
+});
+
+export async function fetchCanvas(authToken) {
+  if (!authToken) return null;
+  try {
+    const resp = await fetch(`${apiBase()}/api/phd-canvas`, {
+      headers: authHeaders(authToken),
+    });
+    if (!resp.ok) return null;
+    return await resp.json();
+  } catch {
+    return null;
+  }
+}
+
+export async function saveWorkspace(authToken, workspace) {
+  if (!authToken) return false;
+  try {
+    const resp = await fetch(`${apiBase()}/api/phd-canvas/workspace`, {
+      method: 'PUT',
+      headers: authHeaders(authToken),
+      body: JSON.stringify({
+        layout: workspace.layout || [],
+        states: workspace.states || {},
+        view: workspace.view ?? undefined,
+        task_statuses: workspace.task_statuses ?? undefined,
+      }),
+    });
+    return resp.ok;
+  } catch {
+    return false;
+  }
+}
+
+export async function saveDeliverables(authToken, store) {
+  if (!authToken) return false;
+  try {
+    const resp = await fetch(`${apiBase()}/api/phd-canvas/deliverables`, {
+      method: 'PUT',
+      headers: authHeaders(authToken),
+      body: JSON.stringify({
+        activeProjectId: store.activeProjectId ?? null,
+        projects: store.projects || {},
+      }),
+    });
+    return resp.ok;
+  } catch {
+    return false;
+  }
+}
+
+/** Simple debounce — returns a cancelable scheduler. */
+export function debounce(fn, ms = 800) {
+  let t = null;
+  const wrapped = (...args) => {
+    if (t) clearTimeout(t);
+    t = setTimeout(() => {
+      t = null;
+      fn(...args);
+    }, ms);
+  };
+  wrapped.cancel = () => {
+    if (t) clearTimeout(t);
+    t = null;
+  };
+  wrapped.flush = (...args) => {
+    if (t) clearTimeout(t);
+    t = null;
+    fn(...args);
+  };
+  return wrapped;
+}
diff --git a/frontend/src/utils/guestSample.js b/frontend/src/utils/guestSample.js
new file mode 100644
index 0000000000000000000000000000000000000000..c8aaefb28faf683152f7b59d49532ab01407f46b
--- /dev/null
+++ b/frontend/src/utils/guestSample.js
@@ -0,0 +1,24 @@
+/**
+ * Clear seeded Explore-as-guest demo data; keep JWT / guest account.
+ * Also clears local canvas caches so UI doesn't keep stale widgets.
+ */
+export async function removeGuestSampleData(authToken) {
+  const resp = await fetch(`${process.env.REACT_APP_API_URL || ''}/auth/guest/clear-sample`, {
+    method: 'POST',
+    headers: {
+      Authorization: `Bearer ${authToken}`,
+      'Content-Type': 'application/json',
+    },
+  });
+  if (!resp.ok) {
+    const data = await resp.json().catch(() => ({}));
+    throw new Error(data.detail || 'Could not remove sample data');
+  }
+  try {
+    localStorage.removeItem('canvas-layout-v2');
+    localStorage.removeItem('canvas-states-v2');
+    localStorage.removeItem('canvas-deliverables-v2');
+    localStorage.removeItem('canvas-task-status-v1');
+  } catch { /* ignore */ }
+  return resp.json();
+}
diff --git a/multi_llm_chatbot_backend/.env.example b/multi_llm_chatbot_backend/.env.example
new file mode 100644
index 0000000000000000000000000000000000000000..aba7d07c95b08555a6974e13d620e0d2f29d1c79
--- /dev/null
+++ b/multi_llm_chatbot_backend/.env.example
@@ -0,0 +1,16 @@
+# Path to app config (use cybersecurity_config.yaml for this branch)
+CONFIG_PATH=../cybersecurity_config.yaml
+
+MONGODB_CONNECTION_STRING=mongodb://localhost:27017
+JWT_SECRET_KEY=change-me
+
+# From C:\Users\dream\.secrets\shared.env or set here:
+VLLM_API_KEY=
+OPENAI_API_KEY=
+GEMINI_API_KEY=
+
+# Include every frontend origin you use locally (React default is 3000)
+CORS_ORIGINS=http://localhost:3010,http://127.0.0.1:3010,http://localhost:3000,http://127.0.0.1:3000
+
+# Optional override; default is %USERPROFILE%\.secrets\shared.env
+# SHARED_ENV=C:\Users\dream\.secrets\shared.env
diff --git a/multi_llm_chatbot_backend/README.md b/multi_llm_chatbot_backend/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..79dc0b1229e5f4a9761d913e4d784f4760728b70
--- /dev/null
+++ b/multi_llm_chatbot_backend/README.md
@@ -0,0 +1,178 @@
+# Multi-LLM Chatbot Backend
+
+A modular, extensible FastAPI backend for building an AI-powered research advisor chatbot that supports:
+- Multiple AI personas with configurable tone and behavior
+- Dynamic switching between Gemini (cloud) and Ollama (local) LLMs
+- Chat session persistence and context memory
+- Document upload, chunking, and retrieval using RAG
+- Rich export features (PDF, DOCX, TXT)
+- User authentication and JWT-based access control
+
+---
+
+## Backend Architecture
+
+```text
+User Input
+   ↓
+/chat-stream → Orchestrator
+     ↓            ↙         ↘
+  SessionManager   ContextManager   RAGManager
+         ↓              ↓             ↓
+     MongoDB        Token Trimming   ChromaDB
+         ↓              ↓             ↓
+        Persisted Chat & Doc Context → LLM (Gemini/Ollama)
+```
+
+---
+
+## Features
+
+- Persona-based multi-agent conversation (`Theorist`, `Pragmatist`, etc.)
+- Provider switching (Gemini ↔ Ollama)
+- Context-aware response routing + top-K advisor selection
+- PDF, DOCX, and TXT file upload and semantic retrieval
+- Developer tools: debug personas, test RAG, export sessions
+- Secure authentication and session scoping
+
+---
+
+## Setup Instructions
+
+### 1. Clone and Configure Environment
+
+```bash
+git clone https://github.com/yourorg/multi-llm-chatbot-backend
+cd multi-llm-chatbot-backend
+cp .env.example .env  # already provided
+```
+
+### 2. Python Environment Setup
+
+```bash
+python -m venv venv
+source venv/bin/activate  # or venv\Scripts\activate on Windows
+
+pip install -r requirements.txt
+```
+
+### 3. Run the Server
+
+```bash
+uvicorn app.main:app --reload
+```
+
+> Server will be available at: `http://localhost:8000`
+
+---
+
+## FastAPI Routing & Modules
+
+| Folder | Description |
+|--------|-------------|
+| [`app/api`](./api_README.md) | REST API endpoints for chat, auth, RAG, exports |
+| [`app/core`](./core_README.md) | Main orchestration, context windows, database logic |
+| [`app/llm`](./llm_README.md) | Gemini + Ollama LLM wrappers |
+| [`app/models`](./models_README.md) | Persona and user schemas |
+| [`app/utils`](./utils_README.md) | File parsing, summaries, exports, vector helpers |
+
+---
+
+## Key Files
+
+### `main.py`
+
+- Loads env vars, sets up FastAPI instance with CORS and routers
+- Calls `connect_to_mongo()` on startup and `close_mongo_connection()` on shutdown
+- Imports and registers all routers (`auth`, `chat_sessions`, etc.)
+
+### `.env` (Sample Vars)
+
+```ini
+# MongoDB
+MONGODB_CONNECTION_STRING=mongodb://localhost:27017
+MONGODB_DATABASE_NAME=neon_ai_backend
+
+# Gemini API Key and model
+GEMINI_API_KEY=...  # Replace with real key
+GEMINI_MODEL=gemini-2.0-flash
+
+# Default provider
+DEFAULT_PROVIDER=gemini
+```
+
+### `requirements.txt`
+
+Includes:
+- **FastAPI**, **Uvicorn**: API framework and server
+- **httpx**: Async LLM request handler
+- **motor**, **pymongo**: MongoDB async access
+- **chromadb**, **sentence-transformers**: Vector database + embeddings
+- **PyPDF2**, **docx2txt**, **reportlab**: Document parsing and PDF generation
+- **passlib**, **python-jose**: Auth and security
+
+---
+
+## Persona Design & Context Handling
+
+- Personas defined in `app/models/default_personas.py`
+- Rich system prompts, styles, and epistemologies
+- Responses routed through `ImprovedChatOrchestrator`
+- Context trimmed and weighted via `ContextManager`
+
+---
+
+## Switching LLM Providers
+
+You can hot-swap models via API:
+
+```http
+POST /switch-provider
+{ "provider": "gemini" } | { "provider": "ollama" }
+```
+
+> Also supported: `/switch-model`, `/current-model`, `/current-provider`
+
+---
+
+## Document Upload + RAG
+
+- Upload PDFs, DOCX, or TXT to sessions
+- Text is extracted → chunked → embedded → stored in ChromaDB
+- Queried during conversation by persona-aware `EnhancedRAGManager`
+
+---
+
+## Export Options
+
+| Format | Export Endpoint |
+|--------|------------------|
+| PDF | `/export-chat?format=pdf` |
+| DOCX | `/export-chat?format=docx` |
+| TXT | `/export-chat?format=txt` |
+| Summary | `/chat-summary?format=pdf` |
+
+---
+
+## Developer & Debug Endpoints
+
+| Endpoint | Purpose |
+|----------|---------|
+| `/debug/personas` | See registered advisors and prompts |
+| `/debug/ranked-personas` | View top-K advisors for context |
+| `/debug/rag-status` | Run sample search to test document index |
+
+---
+
+## Status & Roadmap
+
+- [x] Multi-LLM backend ready (Gemini + Ollama)
+- [x] Document RAG + export system
+- [x] Session-aware persona routing
+- [x] JWT Auth + MongoDB user handling
+- [ ] UI enhancements and persona memory
+- [ ] Persona fine-tuning support (future)
+
+---
+
+For questions, contributions, or deployment help — feel free to reach out!
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/__init__.py b/multi_llm_chatbot_backend/app/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/multi_llm_chatbot_backend/app/api/README.md b/multi_llm_chatbot_backend/app/api/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..88422c7da699739aac5a2fd1d074f6c6ad59454a
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/README.md
@@ -0,0 +1,176 @@
+# `app/api` – REST API Layer for Multi-LLM Chatbot
+
+This module defines the complete FastAPI-based HTTP interface for all backend features, including chat, session management, RAG operations, provider switching, and document interaction.
+
+Each file in this directory defines route groups (`APIRouter`) to modularize functionality.
+
+---
+
+## API Directory Layout
+
+| File | Purpose |
+|------|---------|
+| `auth.py` | Handles user authentication (login, signup, token validation) |
+| `chat.py` | Core routes for LLM-backed chat, reply-to-advisor, and multi-turn flow |
+| `chat_sessions.py` | Stores user conversations and provides access to saved history |
+| `debug.py` | Developer tools: debug personas, RAG tests, ranking advisor responses |
+| `documents.py` | Upload, parse, index, and query documents via RAG |
+| `provider.py` | Switch between Gemini and Ollama providers |
+| `root.py` | `/health` heartbeat and versioning (SPA owns `/`) |
+| `sessions.py` | Tracks and resets session-specific in-memory context |
+| `utils.py` | Helpers used by multiple routers (e.g. session ID management) |
+
+---
+
+## `auth.py` – User Authentication API
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/signup` | `POST` | Register a new user |
+| `/login` | `POST` | Authenticate user and return access token |
+| `/me` | `GET` | Return current logged-in user |
+| `/healthcheck` | `GET` | Ping endpoint to check login status |
+
+Uses JWT-based Bearer token auth via FastAPI dependencies.
+
+---
+
+## `chat.py` – Chat Interaction
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/chat-stream` | `POST` | Stream advisor responses as newline-delimited JSON |
+| `/reply-to-advisor` | `POST` | Ask a question to a specific advisor/persona |
+
+These routes handle:
+- Message routing via `ImprovedChatOrchestrator`
+- Persona-wise response generation
+- Embedding document-aware context
+- Returning consistent message structure
+
+---
+
+## `chat_sessions.py` – Persistent Storage of Conversations
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/chat-sessions` | `GET` | List all saved chat sessions |
+| `/chat-sessions/{id}` | `GET` | Retrieve specific chat session |
+| `/chat-sessions/{id}` | `DELETE` | Soft-delete a chat session |
+| `/chat-sessions/save` | `POST` | Save in-memory session to MongoDB |
+
+Saves message history, metadata, and uploaded files.
+
+---
+
+## `debug.py` – Developer Tools
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/debug/personas` | `GET` | List current personas, prompts, keywords |
+| `/debug/ranked-personas` | `GET` | Return top advisors for current session |
+| `/debug/rag-status` | `GET` | Run sample RAG query + return health info |
+
+Provides insight into:
+- Persona prompt preview
+- RAG test queries and indexed documents
+- Session size + truncation status
+
+---
+
+## `documents.py` – Document Upload and RAG
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/upload-document` | `POST` | Upload and parse a document for semantic search |
+| `/search-documents` | `POST` | RAG search using text query and persona context |
+| `/document-stats` | `GET` | Overview of documents uploaded to session |
+| `/uploaded-files` | `GET` | Return list of uploaded file names |
+| `/document-insights/{filename}` | `GET` | Get detailed metadata for a document |
+| `/export-chat` | `GET` | Export current or stored chat session (PDF, TXT, DOCX) |
+| `/chat-summary` | `GET` | Export summary generated by LLM (multi-format) |
+
+Supports file parsing (`PDF`, `DOCX`, `TXT`), chunking, embedding, and export.
+
+---
+
+## `provider.py` – LLM Provider Control
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/current-provider` | `GET` | Return currently active provider and model |
+| `/switch-provider` | `POST` | Dynamically switch between `gemini` and `ollama` |
+| `/current-model` | `GET` | Get currently loaded model name |
+| `/switch-model` | `POST` | Alias for switching based on model name |
+
+Changes are propagated by:
+- Creating new LLM client
+- Re-registering all personas
+
+---
+
+## `sessions.py` – In-Memory Session Management
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/context` | `GET` | Return current session context (messages, documents, stats) |
+| `/reset-session` | `POST` | Reset in-memory session or specific chat context |
+| `/session-stats` | `GET` | Return stats like message count, file size, timestamps |
+| `/active-sessions` | `GET` | Return list of all active in-memory sessions |
+| `/cleanup-sessions` | `POST` | Manually trigger expired session cleanup |
+
+Supports ephemeral sessions and reusable chat contexts (e.g. for documents).
+
+---
+
+## `utils.py` – Route-Level Utilities
+
+Defines shared helper:
+
+- `get_or_create_session_for_request(request)`  
+- `get_or_create_session_for_request_async(request)`  
+
+These parse session cookies or generate new session IDs, crucial for maintaining separation across:
+- In-memory ephemeral sessions
+- Document-linked long-term sessions
+
+---
+
+## `root.py` – API Healthcheck
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/health` | `GET` | Return version + feature list |
+
+Simple heartbeat endpoint used for readiness probes and sanity checks.
+Kept off ``/`` so Hugging Face Spaces / single-container deploys can serve the React SPA at the root URL.
+
+---
+
+## Auth Flow Integration
+
+Most routes use:
+
+```python
+Depends(get_current_active_user)
+```
+
+This ensures only logged-in users can:
+- Upload and retrieve files
+- Export summaries
+- Save or delete chat sessions
+
+JWT tokens are passed via the `Authorization: Bearer ...` header.
+
+---
+
+## High-Level Flow
+
+```text
+Frontend → /chat-stream → orchestrator → personas → RAG + LLM → response[]
+        ↘ /upload-document → extractor → RAG chunks → indexed
+        ↘ /context or /reset-session → session_manager
+        ↘ /export-chat or /chat-summary → utils + formatter
+```
+
+---
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/api/routes/__init__.py b/multi_llm_chatbot_backend/app/api/routes/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..da847f72ac41c0144615005a9b7989b50afab66f
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/__init__.py
@@ -0,0 +1,19 @@
+from fastapi import APIRouter
+from .chat import router as chat_router
+from .documents import router as document_router
+from .sessions import router as session_router
+from .provider import router as provider_router
+from .debug import router as debug_router
+from .root import router as root_router
+from .phd_canvas import router as canvas_router
+from .voice import router as voice_router
+
+router = APIRouter()
+router.include_router(chat_router)
+router.include_router(document_router)
+router.include_router(session_router)
+router.include_router(provider_router)
+router.include_router(debug_router)
+router.include_router(root_router)
+router.include_router(canvas_router)
+router.include_router(voice_router)
diff --git a/multi_llm_chatbot_backend/app/api/routes/auth.py b/multi_llm_chatbot_backend/app/api/routes/auth.py
new file mode 100644
index 0000000000000000000000000000000000000000..54001139144303efe126bfffd58d88da80beb827
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/auth.py
@@ -0,0 +1,432 @@
+from fastapi import APIRouter, HTTPException, Depends, status
+from datetime import datetime, timedelta
+from app.models.user import UserCreate, UserLogin, User, Token, UserResponse, UserUpdate
+from pydantic import BaseModel, Field, model_validator
+from typing import Optional, List, Literal
+from uuid import uuid4
+from app.core.auth import (
+    get_password_hash, 
+    verify_password,
+    authenticate_user, 
+    create_access_token, 
+    get_user_by_email,
+    get_current_active_user,
+    create_user_response,
+    ACCESS_TOKEN_EXPIRE_MINUTES
+)
+from app.core.database import get_database
+from app.core.guest_demo import resolve_persona, derive_guest_label, seed_guest_demo, clear_guest_sample_data
+from app.core import user_knowledge
+import logging
+import secrets
+
+logger = logging.getLogger(__name__)
+
+
+class MessageResponse(BaseModel):
+    message: str
+
+
+class ChangePasswordRequest(BaseModel):
+    current_password: str
+    new_password: str
+
+    @model_validator(mode="after")
+    def passwords_must_differ(self):
+        if self.current_password == self.new_password:
+            raise ValueError("New password must be different from the current password")
+        return self
+
+
+class DeleteAccountRequest(BaseModel):
+    password: str = ""
+
+
+class GuestExploreRequest(BaseModel):
+    """Intake for Explore as guest — two preset paths or free text."""
+    choice: Literal["personal", "business", "other"] = "personal"
+    free_text: Optional[str] = Field(default=None, max_length=800)
+
+
+class ClearSampleResponse(BaseModel):
+    message: str
+    cleared: List[str]
+
+
+router = APIRouter()
+
+@router.post("/signup", response_model=Token)
+async def signup(user_data: UserCreate):
+    """
+    Register a new user and return an access token.
+    @param user_data: UserCreate with name, email, password, and optional academic fields
+    @return: Token containing a JWT access token and the created UserResponse
+    """
+    try:
+        db = get_database()
+        
+        # Check if user already exists
+        existing_user = await get_user_by_email(user_data.email)
+        if existing_user:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Email already registered"
+            )
+        
+        # Create new user
+        hashed_password = get_password_hash(user_data.password)
+        user = User(
+            firstName=user_data.firstName,
+            lastName=user_data.lastName,
+            email=user_data.email,
+            hashed_password=hashed_password,
+            academicStage=user_data.academicStage,
+            researchArea=user_data.researchArea,
+            created_at=datetime.utcnow(),
+            is_active=True
+        )
+        
+        # Insert user into database
+        result = await db.users.insert_one(user.dict(by_alias=True))
+        user.id = result.inserted_id
+
+        profile_seed: dict = {
+            "user_id": user.id,
+            "updated_at": datetime.utcnow(),
+        }
+        if user_data.academicStage:
+            profile_seed["knowledge_level"] = user_data.academicStage
+        if user_data.researchArea:
+            profile_seed["timezone"] = user_data.researchArea
+        await db.user_profiles.update_one(
+            {"user_id": user.id},
+            {"$set": profile_seed},
+            upsert=True,
+        )
+        
+        # Create access token
+        access_token_expires = timedelta(minutes=ACCESS_TOKEN_EXPIRE_MINUTES)
+        access_token = create_access_token(
+            data={"sub": str(user.id)}, 
+            expires_delta=access_token_expires
+        )
+        
+        return Token(
+            access_token=access_token,
+            token_type="bearer",
+            user=create_user_response(user)
+        )
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error during signup: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not create user account"
+        )
+
+@router.post("/login", response_model=Token)
+async def login(user_credentials: UserLogin):
+    """
+    Authenticate a user and return an access token.
+    @param user_credentials: UserLogin with email and password
+    @return: Token containing a JWT access token and the authenticated UserResponse
+    """
+    try:
+        # Authenticate user
+        user = await authenticate_user(user_credentials.email, user_credentials.password)
+        if not user:
+            raise HTTPException(
+                status_code=status.HTTP_401_UNAUTHORIZED,
+                detail="Incorrect email or password",
+                headers={"WWW-Authenticate": "Bearer"},
+            )
+        
+        # Update last login time
+        db = get_database()
+        await db.users.update_one(
+            {"_id": user.id},
+            {"$set": {"last_login": datetime.utcnow()}}
+        )
+        user.last_login = datetime.utcnow()
+
+        # Session-start trigger: refresh the dual user summaries (plan §4.2).
+        user_knowledge.schedule_summary_regeneration(user.id)
+
+        
+        # Create access token
+        access_token_expires = timedelta(minutes=ACCESS_TOKEN_EXPIRE_MINUTES)
+        access_token = create_access_token(
+            data={"sub": str(user.id)}, 
+            expires_delta=access_token_expires
+        )
+        
+        return Token(
+            access_token=access_token,
+            token_type="bearer",
+            user=create_user_response(user)
+        )
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error during login: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Login failed"
+        )
+
+@router.get("/me", response_model=UserResponse)
+async def get_current_user_profile(current_user: User = Depends(get_current_active_user)):
+    """
+    Retrieve the profile of the currently authenticated user.
+    @param current_user: Authenticated user from dependency injection
+    @return: UserResponse with the user's profile information
+    """
+    return create_user_response(current_user)
+
+@router.post("/logout", response_model=MessageResponse)
+async def logout():
+    """
+    Log out the current user (client should discard the token).
+    @return: MessageResponse with a confirmation message
+    """
+    return MessageResponse(message="Successfully logged out")
+
+@router.post("/verify-token", response_model=UserResponse)
+async def verify_token(current_user: User = Depends(get_current_active_user)):
+    """
+    Validate the caller's JWT and return their profile.
+    @param current_user: Authenticated user from dependency injection
+    @return: UserResponse with the user's profile information
+    """
+    return create_user_response(current_user)
+
+@router.post("/me/password", response_model=MessageResponse)
+async def change_password(
+    body: ChangePasswordRequest,
+    current_user: User = Depends(get_current_active_user),
+):
+    """
+    Change the authenticated user's password.
+    @param body: ChangePasswordRequest with the current and new passwords
+    @param current_user: Authenticated user from dependency injection
+    @return: MessageResponse with a confirmation message
+    """
+    try:
+        if not verify_password(body.current_password, current_user.hashed_password):
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Current password is incorrect",
+            )
+        if len(body.new_password) < 8:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="New password must be at least 8 characters",
+            )
+        db = get_database()
+        await db.users.update_one(
+            {"_id": current_user.id},
+            {"$set": {"hashed_password": get_password_hash(body.new_password)}},
+        )
+        return MessageResponse(message="Password changed successfully")
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error during password change: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not change password"
+        )
+
+@router.patch("/me", response_model=UserResponse)
+async def update_profile(
+    body: UserUpdate,
+    current_user: User = Depends(get_current_active_user),
+):
+    """Update account fields (name, email, avatar, signup preferences)."""
+    try:
+        db = get_database()
+        updates = {k: v for k, v in body.dict().items() if v is not None}
+        if body.firstName is not None:
+            updates["firstName"] = body.firstName.strip()
+        if body.lastName is not None:
+            updates["lastName"] = body.lastName.strip()
+        if not updates:
+            return create_user_response(current_user)
+
+        if "email" in updates and updates["email"] != current_user.email:
+            existing = await get_user_by_email(updates["email"])
+            if existing:
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail="Email already in use",
+                )
+
+        await db.users.update_one({"_id": current_user.id}, {"$set": updates})
+        profile_sync: dict = {"updated_at": datetime.utcnow()}
+        if body.academicStage is not None:
+            profile_sync["knowledge_level"] = body.academicStage
+        if body.researchArea is not None:
+            profile_sync["timezone"] = body.researchArea
+        if len(profile_sync) > 1:
+            await db.user_profiles.update_one(
+                {"user_id": current_user.id},
+                {"$set": profile_sync, "$setOnInsert": {"user_id": current_user.id}},
+                upsert=True,
+            )
+        updated_user = await db.users.find_one({"_id": current_user.id})
+        return create_user_response(User(**updated_user))
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error during profile update: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not update profile"
+        )
+
+@router.delete("/me", response_model=MessageResponse)
+async def delete_account(
+    body: DeleteAccountRequest,
+    current_user: User = Depends(get_current_active_user),
+):
+    """
+    Permanently delete the authenticated user's account, chat sessions, canvas,
+    profile, onboarding, user facts, and user summaries.
+    @param body: DeleteAccountRequest with the user's password for confirmation
+    @param current_user: Authenticated user from dependency injection
+    @return: MessageResponse with a confirmation message
+    """
+    try:
+        is_guest = bool(getattr(current_user, "is_guest", False))
+        if not is_guest:
+            if not body.password or not verify_password(body.password, current_user.hashed_password):
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail="Incorrect password",
+                )
+        db = get_database()
+        uid = current_user.id
+
+        # Purge uploaded-document chunks (ChromaDB) for each of the user's
+        # chats before the chat sessions themselves are removed.
+        try:
+            from app.core.rag_manager import get_rag_manager
+            rag = get_rag_manager()
+            sessions = await db.chat_sessions.find(
+                {"user_id": uid}
+            ).to_list(length=1000)
+            for s in sessions:
+                rag.delete_session_documents(f"chat_{s['_id']}")
+        except Exception as rag_err:
+            logger.warning(f"RAG purge during account deletion failed: {rag_err}")
+
+        await db.chat_sessions.delete_many({"user_id": uid})
+        await db.phd_canvases.delete_many({"user_id": uid})
+        await db.user_profiles.delete_many({"user_id": uid})
+        await db.onboarding_conversations.delete_many({"user_id": uid})
+        await db.user_facts.delete_many({"user_id": uid})
+        await db.user_summaries.delete_many({"user_id": uid})
+        await db.goal_tracks.delete_many({"user_id": uid})
+        await db.assessments.delete_many({"user_id": uid})
+        await db.users.delete_one({"_id": uid})
+        return MessageResponse(message="Account deleted")
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error during account deletion: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not delete account"
+        )
+
+
+@router.post("/guest", response_model=Token)
+async def explore_as_guest(body: GuestExploreRequest):
+    """Create a temporary guest user, seed demo data from intake, return JWT."""
+    try:
+        if body.choice == "other" and not (body.free_text or "").strip():
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Please describe what you need help with",
+            )
+
+        persona = resolve_persona(body.choice, body.free_text)
+        label = derive_guest_label(persona, body.free_text)
+        db = get_database()
+        guest_id = uuid4().hex[:12]
+        email = f"guest.{guest_id}@guest.neonai.dev"
+        first = "Guest"
+        last = {
+            "personal": "Explorer",
+            "business": "Advisor Demo",
+            "other": "Explorer",
+        }.get(persona, "Explorer")
+
+        user = User(
+            firstName=first,
+            lastName=last,
+            email=email,
+            hashed_password=get_password_hash(secrets.token_urlsafe(32)),
+            academicStage="Beginner" if persona == "personal" else "Intermediate",
+            researchArea="Guest demo",
+            created_at=datetime.utcnow(),
+            is_active=True,
+            is_guest=True,
+            guest_persona=persona,
+            guest_label=label,
+        )
+        result = await db.users.insert_one(user.dict(by_alias=True))
+        user.id = result.inserted_id
+
+        await seed_guest_demo(
+            user.id,
+            persona,
+            free_text=(body.free_text or "").strip() or None,
+        )
+
+        # Session-start trigger: summarize the seeded demo facts so advisors
+        # have user context from the first guest message.
+        user_knowledge.schedule_summary_regeneration(user.id)
+
+        access_token = create_access_token(
+            data={"sub": str(user.id)},
+            expires_delta=timedelta(minutes=ACCESS_TOKEN_EXPIRE_MINUTES),
+        )
+        return Token(
+            access_token=access_token,
+            token_type="bearer",
+            user=create_user_response(user),
+        )
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error creating guest session: {e}", exc_info=True)
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not start guest session",
+        )
+
+
+@router.post("/guest/clear-sample", response_model=ClearSampleResponse)
+async def clear_guest_sample(
+    current_user: User = Depends(get_current_active_user),
+):
+    """Remove all seeded demo data for the current guest (or any user requesting reset)."""
+    try:
+        cleared = await clear_guest_sample_data(current_user.id)
+        return ClearSampleResponse(
+            message="Sample data removed. You are still in guest mode with a clean slate.",
+            cleared=cleared,
+        )
+    except Exception as e:
+        logger.error(f"Error clearing guest sample data: {e}", exc_info=True)
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not clear sample data",
+        )
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/api/routes/chat.py b/multi_llm_chatbot_backend/app/api/routes/chat.py
new file mode 100644
index 0000000000000000000000000000000000000000..a2d76f0b6c0f2b98a7d537b367c60f6b7bde10a1
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/chat.py
@@ -0,0 +1,658 @@
+import asyncio
+import json
+import logging
+import re
+import traceback
+from typing import Any, Dict, List, Literal, Optional
+
+from bson import ObjectId
+from fastapi import APIRouter, Depends, HTTPException, Request
+from fastapi.responses import StreamingResponse
+from pydantic import BaseModel, Field
+
+from app.api.routes.chat_sessions import persist_message
+from app.api.utils import get_or_create_session_for_request_async
+from app.core.auth import get_current_active_user
+from app.core.bootstrap import chat_orchestrator
+from app.core.database import get_database
+from app.core.session_manager import get_session_manager
+from app.models.user import User
+from app.api.routes.user_profile import PROFILE_FIELDS, enrich_profile_from_user
+from app.config import get_settings
+from app.core import user_knowledge as uk
+from app.core import bootstrap
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+session_manager = get_session_manager()
+
+
+async def _attach_user_profile_context(session, user: User) -> None:
+    """Load Mongo profile + knowledge summary into session for persona prompts."""
+    try:
+        db = get_database()
+        doc = await db.user_profiles.find_one({"user_id": user.id})
+        profile = enrich_profile_from_user(doc, user)
+        parts = []
+        for key in PROFILE_FIELDS:
+            val = profile.get(key)
+            if val:
+                if isinstance(val, list):
+                    val = ", ".join(str(v) for v in val)
+                parts.append(f"{key}: {val}")
+        blocks = []
+        if parts:
+            blocks.append("USER SECURITY PROFILE: " + "; ".join(parts))
+        try:
+            summary = await uk.get_summary_for_provider(
+                user.id,
+                uk.is_small_context_provider(bootstrap.current_provider),
+            )
+            if summary:
+                blocks.append("USER KNOWLEDGE SUMMARY: " + summary)
+        except Exception as sum_err:
+            logger.warning(f"Could not load user knowledge summary: {sum_err}")
+        if blocks:
+            session.user_profile_context = "\n\n".join(blocks)
+    except Exception as prof_err:
+        logger.warning(f"Could not load user profile: {prof_err}")
+
+
+def _schedule_fact_extraction(user_id, message_text: str) -> None:
+    """Fire-and-forget inferred-fact extraction; never blocks the chat stream."""
+    try:
+        settings = get_settings()
+        if not settings.user_knowledge.extract_on_every_message:
+            return
+    except Exception:
+        return
+
+    llm_client = chat_orchestrator.llm_client
+    if llm_client is None:
+        return
+
+    async def _run():
+        try:
+            await uk.extract_facts_from_message(user_id, message_text, llm_client)
+        except Exception as exc:
+            logger.warning(f"Background fact extraction failed: {exc}")
+
+    try:
+        asyncio.create_task(_run())
+    except RuntimeError as exc:
+        logger.warning(f"Could not schedule fact extraction: {exc}")
+
+async def _propose_journey_checkoffs(user_id, session) -> List[Dict[str, str]]:
+    """Panel-proposed check-offs (plan §7): infer journey items the user has
+    evidently completed from the conversation. The user confirms in the UI —
+    nothing is checked off automatically."""
+    try:
+        from app.core.tracks_loader import get_track
+
+        db = get_database()
+        doc = await db.goal_tracks.find_one({"user_id": user_id})
+        if not doc or not doc.get("active_track_id"):
+            return []
+        track = get_track(doc["active_track_id"])
+        if not track:
+            return []
+        checked = set(doc.get("checked_item_ids") or [])
+        candidates = [
+            it for lvl in track.levels for it in lvl.items if it.id not in checked
+        ][:15]
+        if not candidates:
+            return []
+
+        llm = chat_orchestrator.llm_client
+        if llm is None:
+            return []
+
+        convo = "\n".join(
+            f"{m.get('role', 'user')}: {str(m.get('content', ''))[:400]}"
+            for m in session.get_recent_messages(6)
+        )
+        items_block = "\n".join(f"- {it.id}: {it.title}" for it in candidates)
+
+        raw = await llm.generate(
+            system_prompt=(
+                "You review a security-journey checklist against a "
+                "conversation. List ONLY the ids of items the user has "
+                "clearly stated they already did, or that the conversation "
+                "plainly shows are complete. Be conservative — when in "
+                "doubt, leave it out. Respond ONLY with JSON: "
+                '{"completed_item_ids": ["id", ...]}'
+            ),
+            context=[{
+                "role": "user",
+                "content": (
+                    f"--- Checklist ---\n{items_block}\n\n"
+                    f"--- Conversation ---\n{convo}"
+                ),
+            }],
+            temperature=0.1,
+            max_tokens=120,
+            response_mime_type="application/json",
+        )
+
+        match = re.search(r"\{.*\}", raw or "", re.DOTALL)
+        parsed = json.loads(match.group(0)) if match else {}
+        ids = parsed.get("completed_item_ids")
+        if not isinstance(ids, list):
+            return []
+        by_id = {it.id: it for it in candidates}
+        return [
+            {"id": str(iid), "title": by_id[str(iid)].title}
+            for iid in ids
+            if str(iid) in by_id
+        ][:3]
+    except Exception as exc:
+        logger.warning(f"Journey check-off proposal failed: {exc}")
+        return []
+
+
+# Enhanced data models
+class UserInput(BaseModel):
+    user_input: str
+
+class ChatMessage(BaseModel):
+    user_input: str
+    session_id: Optional[str] = None
+    chat_session_id: Optional[str] = None  # MongoDB chat session ID
+    response_length: str = "medium"
+    active_advisors: Optional[List[str]] = None
+
+class ReplyToAdvisor(BaseModel):
+    user_input: str
+    advisor_id: str
+    original_message_id: str = None
+    chat_session_id: Optional[str] = None
+
+class PersonaQuery(BaseModel):
+    question: str
+    persona: str
+
+class SwitchChatRequest(BaseModel):
+    chat_session_id: str
+
+class NewChatRequest(BaseModel):
+    title: Optional[str] = "New Chat"
+
+ChatStreamEventType = Literal[
+    "error", "progress", "clarification", "advisor", "followups",
+    "journey_suggestions",
+]
+
+
+class ChatStreamLine(BaseModel):
+    """One NDJSON line from ``/chat-stream``."""
+
+    type: ChatStreamEventType
+    data: Dict[str, Any] = Field(default_factory=dict)
+
+    def to_ndjson(self) -> str:
+        return json.dumps(self.model_dump(mode="json"), ensure_ascii=False) + "\n"
+
+
+@router.post("/chat-stream")
+async def chat_stream(
+    message: ChatMessage,
+    request: Request,
+    current_user: User = Depends(get_current_active_user),
+) -> StreamingResponse:
+    """
+    Streaming chat endpoint (newline-delimited JSON).
+    @param message: ChatMessage containing user input and optional session/chat IDs
+    @param request: FastAPI Request object for session management
+    @param current_user: Authenticated user from dependency injection
+    @return: StreamingResponse that yields ChatStreamLine events as NDJSON
+    """
+
+    async def _event_generator():
+        try:
+            # Load or create the in-memory session
+            if message.chat_session_id:
+                sid = f"chat_{message.chat_session_id}"
+                if sid not in session_manager.sessions:
+                    sid = await get_or_create_session_for_request_async(
+                        request,
+                        chat_session_id=message.chat_session_id,
+                        user_id=str(current_user.id),
+                    )
+            else:
+                sid = await get_or_create_session_for_request_async(request)
+
+            session = session_manager.get_session(sid)
+            await _attach_user_profile_context(session, current_user)
+
+            # Append user message to in-memory session and persist to MongoDB
+            session.append_message("user", message.user_input)
+            _schedule_fact_extraction(current_user.id, message.user_input)
+            if message.chat_session_id:
+                await persist_message(message.chat_session_id, {
+                    "id": str(ObjectId()),
+                    "type": "user",
+                    "content": message.user_input,
+                })
+
+            if await chat_orchestrator.needs_clarification_improved(session, message.user_input):
+                clar = await chat_orchestrator.generate_contextual_clarification(message.user_input)
+                yield ChatStreamLine(
+                    type="clarification",
+                    data={
+                        "message": clar["question"],
+                        "suggestions": clar["suggestions"],
+                    },
+                ).to_ndjson()
+                yield ChatStreamLine(
+                    type="progress",
+                    data={"phase": "complete"},
+                ).to_ndjson()
+                return
+
+            # If an enabled tool can handle this query, return its response
+            # directly and skip persona generation.
+            tool_result = await chat_orchestrator.get_tool_response(message.user_input)
+            if tool_result.used_tool:
+                session.append_message("orchestrator", tool_result.text)
+                yield ChatStreamLine(
+                    type="advisor",
+                    data={
+                        "persona_id": "orchestrator",
+                        "persona_name": "Orchestrator",
+                        "content": tool_result.text,
+                        "used_documents": False,
+                        "document_chunks_used": 0,
+                    },
+                ).to_ndjson()
+                yield ChatStreamLine(
+                    type="progress",
+                    data={"phase": "complete"},
+                ).to_ndjson()
+                return
+
+            # Route in one LLM call: urgency classification + profile-aware
+            # ranking, scoped to the user's active-advisor selection when one
+            # is provided. Jerry (the required lead) is always included; in
+            # triage mode the incident expert responds first.
+            if message.active_advisors:
+                candidate_ids = [
+                    pid for pid in message.active_advisors
+                    if pid in chat_orchestrator.personas
+                ]
+            else:
+                candidate_ids = list(chat_orchestrator.personas.keys())
+            routing = await chat_orchestrator.route_message(
+                session_id=sid,
+                user_input=message.user_input,
+                k=3,
+                candidate_ids=candidate_ids,
+            )
+            top_personas = routing["advisors"]
+            urgency = routing["urgency"]
+
+            # Triage short-circuit (plan §5.5): personas lead with immediate
+            # first steps instead of profiling questions.
+            if urgency == "triage":
+                session.urgency_context = (
+                    "ACTIVE INCIDENT TRIAGE: The user may be dealing with an "
+                    "active security incident right now. Lead with calm, "
+                    "concrete first steps they should take immediately. Do "
+                    "not ask profiling questions first; at most one short "
+                    "clarifying question at the end."
+                )
+            else:
+                session.urgency_context = ""
+
+            # Tell the client which advisors will respond so it can show
+            # thinking indicators for just those, not the entire active pool.
+            yield ChatStreamLine(
+                type="progress",
+                data={
+                    "phase": "selected",
+                    "selected_advisors": top_personas,
+                    "urgency": urgency,
+                },
+            ).to_ndjson()
+
+            done_queue: asyncio.Queue = asyncio.Queue()
+
+            async def _run(pid: str) -> None:
+                try:
+                    persona = chat_orchestrator.get_persona(pid)
+                    result = await chat_orchestrator.generate_single_persona_response(
+                        session, persona,
+                        message.response_length or "medium",
+                    )
+                    session.append_message(pid, result["response"])
+                    await done_queue.put(result)
+                except Exception as e:
+                    logger.exception(f"chat-stream _run failed for {pid}: {e}")
+                    failed_persona = chat_orchestrator.get_persona(pid)
+                    await done_queue.put({
+                        "persona_id": pid,
+                        "persona_name": failed_persona.name if failed_persona else pid,
+                        "response": f"I ran into a technical issue. Please try again. ({e!s})",
+                        "used_documents": False,
+                        "document_chunks_used": 0,
+                    })
+
+            tasks = [asyncio.create_task(_run(pid)) for pid in top_personas]
+
+            for _ in range(len(tasks)):
+                result = await done_queue.get()
+                line = ChatStreamLine(
+                    type="advisor",
+                    data={
+                        "persona_id": result["persona_id"],
+                        "persona_name": result["persona_name"],
+                        "content": result["response"],
+                        "used_documents": result.get("used_documents", False),
+                        "document_chunks_used": result.get("document_chunks_used", 0),
+                    },
+                )
+                yield line.to_ndjson()
+
+            await asyncio.gather(*tasks, return_exceptions=True)
+
+            # Generated follow-up chips (plan §5.2): short next-message
+            # suggestions built from conversation + user summary.
+            try:
+                followups = await chat_orchestrator.generate_followups(sid)
+            except Exception as fu_err:
+                logger.warning(f"Follow-up generation errored: {fu_err}")
+                followups = []
+            if followups:
+                yield ChatStreamLine(
+                    type="followups",
+                    data={"suggestions": followups},
+                ).to_ndjson()
+
+            # Panel-proposed journey check-offs (plan §7); the user confirms
+            # each suggestion in the UI before anything is marked complete.
+            checkoff_items = await _propose_journey_checkoffs(
+                current_user.id, session
+            )
+            if checkoff_items:
+                yield ChatStreamLine(
+                    type="journey_suggestions",
+                    data={"items": checkoff_items},
+                ).to_ndjson()
+
+            # Regenerate the dual user summaries after each completed chat
+            # except the first one in this session (plan §4.2 trigger).
+            user_msg_count = len(
+                [m for m in session.messages if m.get("role") == "user"]
+            )
+            if uk.should_regenerate_after_chat(user_msg_count):
+                uk.schedule_summary_regeneration(current_user.id)
+
+            yield ChatStreamLine(
+                type="progress",
+                data={"phase": "complete"},
+            ).to_ndjson()
+
+        except Exception as exc:
+            logger.error(f"chat-stream error: {exc}")
+            logger.error(traceback.format_exc())
+            yield ChatStreamLine(
+                type="error",
+                data={"detail": str(exc)},
+            ).to_ndjson()
+
+    return StreamingResponse(
+        _event_generator(),
+        media_type="application/x-ndjson",
+        headers={
+            "Cache-Control": "no-cache",
+            "X-Accel-Buffering": "no",
+        },
+    )
+
+
+@router.post("/switch-chat")
+async def switch_to_chat(
+    request: SwitchChatRequest, 
+    req: Request,
+    current_user: User = Depends(get_current_active_user)
+):
+    """
+    Switch to an existing chat session and load its context - FIXED VERSION
+    Ensures documents are accessible after switching
+    """
+    try:
+        logger.info(f"Switching to chat session: {request.chat_session_id}")
+        
+        # Load the chat session into memory context with consistent session ID
+        memory_session_id = await get_or_create_session_for_request_async(
+            req, 
+            chat_session_id=request.chat_session_id,
+            user_id=str(current_user.id)
+        )
+        
+        if not memory_session_id:
+            raise HTTPException(status_code=404, detail="Chat session not found")
+        
+        logger.info(f"Loaded chat into memory session: {memory_session_id}")
+        
+        # Get the loaded session
+        session = session_manager.get_session(memory_session_id)
+        
+        # Verify document access after loading
+        rag_stats = session.get_rag_stats()
+        logger.info(f"After switch - Session {memory_session_id} has {rag_stats.get('total_documents', 0)} documents")
+        
+        # Get the original MongoDB chat session to retrieve messages in proper format
+        db = get_database()
+        chat_session = await db.chat_sessions.find_one({
+            "_id": ObjectId(request.chat_session_id),
+            "user_id": current_user.id,
+            "is_active": True
+        })
+        
+        if not chat_session:
+            raise HTTPException(status_code=404, detail="Chat session not found in database")
+        
+        # Return the messages in the original frontend format from MongoDB
+        original_messages = chat_session.get("messages", [])
+        
+        logger.info(f"Switch successful - {len(original_messages)} messages, {rag_stats.get('total_documents', 0)} documents")
+        
+        return {
+            "status": "success",
+            "memory_session_id": memory_session_id,
+            "chat_session_id": request.chat_session_id,
+            "message_count": len(original_messages),
+            "context": {
+                "messages": original_messages,  # Return original format messages
+                "rag_info": rag_stats
+            },
+            # Include document access verification
+            "document_access": {
+                "total_documents": rag_stats.get('total_documents', 0),
+                "total_chunks": rag_stats.get('total_chunks', 0),
+                "documents": rag_stats.get('documents', []),
+                "uploaded_files": session.uploaded_files
+            },
+            "debug_info": {
+                "memory_session_format": memory_session_id,
+                "documents_accessible": rag_stats.get('total_documents', 0) > 0,
+                "session_loaded": memory_session_id in session_manager.sessions
+            }
+        }
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error switching to chat {request.chat_session_id}: {e}")
+        import traceback
+        logger.error(f"Full traceback: {traceback.format_exc()}")
+        raise HTTPException(status_code=500, detail="Failed to switch to chat")
+
+@router.post("/new-chat")
+async def create_new_chat(
+    request: NewChatRequest,
+    req: Request,
+    current_user: User = Depends(get_current_active_user)
+):
+    """
+    Create a new chat with fresh context
+    """
+    try:
+        # Create a completely new session (no chat_session_id means fresh context)
+        memory_session_id = await get_or_create_session_for_request_async(req)
+        
+        # Ensure the session is completely clean
+        session = session_manager.get_session(memory_session_id)
+        session.clear_all_data()  # This clears both messages and documents
+        
+        return {
+            "status": "success",
+            "memory_session_id": memory_session_id,
+            "message": "New chat created with fresh context",
+            "context": {
+                "messages": [],
+                "rag_info": {"total_documents": 0, "total_chunks": 0}
+            }
+        }
+        
+    except Exception as e:
+        logger.error(f"Error creating new chat: {e}")
+        raise HTTPException(status_code=500, detail="Failed to create new chat")
+
+@router.post("/chat/{persona_id}")
+async def chat_with_specific_advisor(persona_id: str, input: UserInput, request: Request):
+    """Chat with a specific advisor - UPDATED"""
+    try:
+        if persona_id not in chat_orchestrator.personas:
+            raise HTTPException(status_code=404, detail=f"Persona '{persona_id}' not found")
+
+        # Use async session management
+        session_id = await get_or_create_session_for_request_async(request)
+        
+        result = await chat_orchestrator.chat_with_persona(
+            user_input=input.user_input,
+            persona_id=persona_id,
+            session_id=session_id
+        )
+        
+        # Handle response structure
+        if result.get("type") == "single_persona_response" and "persona" in result:
+            persona_data = result["persona"]
+            return {
+                "persona": persona_data["persona_name"],
+                "persona_id": persona_data["persona_id"],
+                "response": persona_data["response"]
+            }
+        elif "persona_id" in result and "response" in result:
+            return {
+                "persona": result["persona_name"],
+                "persona_id": result["persona_id"],
+                "response": result["response"]
+            }
+        else:
+            return {
+                "persona": "System",
+                "response": "I'm having trouble generating a response right now. Please try again."
+            }
+            
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error in chat_with_specific_advisor: {e}")
+        return {
+            "persona": "System",
+            "response": "I'm having trouble generating a response right now. Please try again."
+        }
+
+@router.post("/reply-to-advisor")
+async def reply_to_advisor(reply: ReplyToAdvisor, request: Request):
+    """Reply to a specific advisor with proper context - UPDATED"""
+    try:
+        if reply.advisor_id not in chat_orchestrator.personas:
+            raise HTTPException(status_code=404, detail=f"Advisor '{reply.advisor_id}' not found")
+
+        # Handle session management for existing chats
+        if reply.chat_session_id:
+            session_id = f"chat_{reply.chat_session_id}"
+        else:
+            session_id = await get_or_create_session_for_request_async(request)
+        
+        session = session_manager.get_session(session_id)
+        
+        # Find the original message being replied to for context
+        original_message = None
+        if reply.original_message_id:
+            for msg in session.messages:
+                if getattr(msg, 'id', None) == reply.original_message_id:
+                    original_message = msg.content
+                    break
+        
+        # Create context-aware input
+        contextual_input = reply.user_input
+        if original_message:
+            contextual_input = f"[Replying to your previous message: '{original_message[:100]}...'] {reply.user_input}"
+        
+        result = await chat_orchestrator.chat_with_persona(
+            user_input=contextual_input,
+            persona_id=reply.advisor_id,
+            session_id=session_id
+        )
+        
+        # Handle response structure
+        if result.get("type") == "single_persona_response" and "persona" in result:
+            persona_data = result["persona"]
+            return {
+                "type": "advisor_reply",
+                "persona": persona_data["persona_name"],
+                "persona_id": persona_data["persona_id"],
+                "response": persona_data["response"],
+                "original_message_id": reply.original_message_id
+            }
+        elif "persona_id" in result and "response" in result:
+            return {
+                "type": "advisor_reply",
+                "persona": result["persona_name"],
+                "persona_id": result["persona_id"],
+                "response": result["response"],
+                "original_message_id": reply.original_message_id
+            }
+        else:
+            return {
+                "type": "error",
+                "persona": "System",
+                "response": "I'm having trouble generating a reply right now. Please try again."
+            }
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error in reply_to_advisor: {e}")
+        return {
+            "type": "error",
+            "persona": "System",
+            "response": "I'm having trouble generating a reply right now. Please try again."
+        }
+
+@router.post("/ask/")
+async def ask_question(query: PersonaQuery, request: Request):
+    """Ask question - UPDATED"""
+    try:
+        session_id = await get_or_create_session_for_request_async(request)
+        
+        result = await chat_orchestrator.chat_with_persona(
+            user_input=query.question,
+            persona_id=query.persona,
+            session_id=session_id
+        )
+        
+        if result["type"] == "single_persona_response":
+            response_text = result["persona"]["response"]
+        else:
+            response_text = result.get("message", "I'm having trouble responding right now.")
+        
+        return {"response": response_text}
+        
+    except Exception as e:
+        logger.error(f"Error in ask endpoint: {str(e)}")
+        return {"response": "I encountered an error. Please try again."}
diff --git a/multi_llm_chatbot_backend/app/api/routes/chat_sessions.py b/multi_llm_chatbot_backend/app/api/routes/chat_sessions.py
new file mode 100644
index 0000000000000000000000000000000000000000..dcf7d25550630f839b3601c3432402a32743375e
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/chat_sessions.py
@@ -0,0 +1,293 @@
+from fastapi import APIRouter, HTTPException, Depends, status
+from typing import List, Optional
+from datetime import datetime
+from bson import ObjectId
+from app.models.user import User, ChatSession, ChatSessionResponse
+from app.core.auth import get_current_active_user
+from app.core.database import get_database
+from pydantic import BaseModel
+import logging
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+class CreateChatSessionRequest(BaseModel):
+    title: str
+
+class UpdateChatSessionRequest(BaseModel):
+    title: Optional[str] = None
+    messages: Optional[List[dict]] = None
+
+class SaveMessageRequest(BaseModel):
+    session_id: str
+    message: dict
+
+async def persist_message(session_id: str, message: dict):
+    """Write a single message to a MongoDB chat session."""
+    db = get_database()
+    msg = message.copy()
+    if "timestamp" not in msg:
+        msg["timestamp"] = datetime.utcnow().isoformat()
+    await db.chat_sessions.update_one(
+        {"_id": ObjectId(session_id)},
+        {
+            "$push": {"messages": msg},
+            "$set": {"updated_at": datetime.utcnow()}
+        }
+    )
+
+
+@router.post("/chat-sessions", response_model=dict)
+async def create_chat_session(
+    request: CreateChatSessionRequest,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Create a new chat session for the user"""
+    try:
+        db = get_database()
+        
+        session = ChatSession(
+            user_id=current_user.id,
+            title=request.title,
+            messages=[],
+            created_at=datetime.utcnow(),
+            updated_at=datetime.utcnow()
+        )
+        
+        result = await db.chat_sessions.insert_one(session.dict(by_alias=True))
+        session.id = result.inserted_id
+        
+        return {
+            "id": str(session.id),
+            "title": session.title,
+            "created_at": session.created_at,
+            "updated_at": session.updated_at,
+            "message_count": 0
+        }
+        
+    except Exception as e:
+        logger.error(f"Error creating chat session: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not create chat session"
+        )
+
+
+@router.get("/chat-sessions", response_model=List[ChatSessionResponse])
+async def get_user_chat_sessions(
+    current_user: User = Depends(get_current_active_user),
+    limit: int = 50,
+    skip: int = 0
+):
+    """Get all chat sessions for the current user"""
+    try:
+        db = get_database()
+        
+        cursor = db.chat_sessions.find(
+            {"user_id": current_user.id, "is_active": True}
+        ).sort("updated_at", -1).skip(skip).limit(limit)
+        
+        sessions = []
+        async for session_data in cursor:
+            sessions.append(ChatSessionResponse(
+                id=str(session_data["_id"]),
+                title=session_data["title"],
+                created_at=session_data["created_at"],
+                updated_at=session_data["updated_at"],
+                message_count=len(session_data.get("messages", []))
+            ))
+        
+        return sessions
+        
+    except Exception as e:
+        logger.error(f"Error fetching chat sessions: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not fetch chat sessions"
+        )
+
+
+
+@router.get("/chat-sessions/count")
+async def get_chat_sessions_count(
+    current_user: User = Depends(get_current_active_user)
+):
+    """Get count of user's chat sessions"""
+    try:
+        db = get_database()
+        user_object_id = ObjectId(str(current_user.id))
+        
+        count = await db.chat_sessions.count_documents({
+            "user_id": user_object_id,
+            "is_active": {"$ne": False},
+            "deleted_at": {"$exists": False}
+        })
+        
+        return {"count": count}
+        
+    except Exception as e:
+        logger.error(f"Error counting chat sessions for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to count chat sessions"
+        )
+
+
+
+@router.get("/chat-sessions/{session_id}")
+async def get_chat_session(
+    session_id: str,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Get a specific chat session with all messages"""
+    try:
+        db = get_database()
+        
+        session_data = await db.chat_sessions.find_one({
+            "_id": ObjectId(session_id),
+            "user_id": current_user.id,
+            "is_active": True
+        })
+        
+        if not session_data:
+            raise HTTPException(
+                status_code=status.HTTP_404_NOT_FOUND,
+                detail="Chat session not found"
+            )
+        
+        return {
+            "id": str(session_data["_id"]),
+            "title": session_data["title"],
+            "messages": session_data.get("messages", []),
+            "created_at": session_data["created_at"],
+            "updated_at": session_data["updated_at"]
+        }
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error fetching chat session: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not fetch chat session"
+        )
+
+@router.put("/chat-sessions/{session_id}")
+async def update_chat_session(
+    session_id: str,
+    request: UpdateChatSessionRequest,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Update a chat session (title or messages)"""
+    try:
+        db = get_database()
+        
+        # Verify session belongs to user
+        session_data = await db.chat_sessions.find_one({
+            "_id": ObjectId(session_id),
+            "user_id": current_user.id,
+            "is_active": True
+        })
+        
+        if not session_data:
+            raise HTTPException(
+                status_code=status.HTTP_404_NOT_FOUND,
+                detail="Chat session not found"
+            )
+        
+        update_data = {"updated_at": datetime.utcnow()}
+        
+        if request.title is not None:
+            update_data["title"] = request.title
+        
+        if request.messages is not None:
+            update_data["messages"] = request.messages
+        
+        await db.chat_sessions.update_one(
+            {"_id": ObjectId(session_id)},
+            {"$set": update_data}
+        )
+        
+        return {"message": "Chat session updated successfully"}
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error updating chat session: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not update chat session"
+        )
+
+@router.post("/chat-sessions/{session_id}/messages")
+async def save_message_to_session(
+    session_id: str,
+    request: SaveMessageRequest,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Add a message to a chat session"""
+    try:
+        db = get_database()
+        
+        # Verify session belongs to user
+        session_data = await db.chat_sessions.find_one({
+            "_id": ObjectId(session_id),
+            "user_id": current_user.id,
+            "is_active": True
+        })
+        
+        if not session_data:
+            raise HTTPException(
+                status_code=status.HTTP_404_NOT_FOUND,
+                detail="Chat session not found"
+            )
+        
+        await persist_message(session_id, request.message)
+        
+        return {"message": "Message saved successfully"}
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error saving message: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not save message"
+        )
+    
+
+
+@router.delete("/chat-sessions/{session_id}")
+async def delete_chat_session(
+    session_id: str,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Delete a chat session (soft delete)"""
+    try:
+        db = get_database()
+        
+        result = await db.chat_sessions.update_one(
+            {
+                "_id": ObjectId(session_id),
+                "user_id": current_user.id
+            },
+            {"$set": {"is_active": False, "updated_at": datetime.utcnow()}}
+        )
+        
+        if result.matched_count == 0:
+            raise HTTPException(
+                status_code=status.HTTP_404_NOT_FOUND,
+                detail="Chat session not found"
+            )
+        
+        return {"message": "Chat session deleted successfully"}
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error deleting chat session: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Could not delete chat session"
+        )
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/api/routes/debug.py b/multi_llm_chatbot_backend/app/api/routes/debug.py
new file mode 100644
index 0000000000000000000000000000000000000000..ce655a627e320ea7dfebf7409b3a72f2cb753e6a
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/debug.py
@@ -0,0 +1,109 @@
+from fastapi import APIRouter, Request, Query
+from app.core.session_manager import get_session_manager
+from app.core.rag_manager import get_rag_manager
+from app.core.bootstrap import chat_orchestrator
+import logging
+
+from app.api.utils import get_or_create_session_for_request_async
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+session_manager = get_session_manager()
+
+@router.get("/debug/personas")
+async def debug_personas(request: Request):
+    try:
+        session_id = await get_or_create_session_for_request_async(request)
+        session = session_manager.get_session(session_id)
+        rag_manager = get_rag_manager()
+        rag_stats = rag_manager.get_document_stats(session_id)
+
+        return {
+            "personas": {
+                pid: {
+                    "name": persona.name,
+                    "prompt": persona.system_prompt[:100] + "...",
+                    "retrieval_keywords": chat_orchestrator._get_persona_context_keywords(pid)
+                } for pid, persona in chat_orchestrator.personas.items()
+            },
+            "session_info": {
+                "context_length": len(session.messages),
+                "uploaded_files": session.uploaded_files,
+                "rag_stats": rag_stats
+            }
+        }
+    except Exception as e:
+        logger.error(f"Error in debug endpoint: {str(e)}")
+        return {
+            "personas": {},
+            "session_info": {"context_length": 0},
+            "error": str(e)
+        }
+
+@router.get("/debug/ranked-personas")
+async def get_ranked_personas(
+    request: Request,
+    k: int = Query(3, ge=1, le=10),
+    user_input: str = Query(""),
+):
+    try:
+        session_id = await get_or_create_session_for_request_async(request)
+        routing = await chat_orchestrator.route_message(
+            session_id=session_id, user_input=user_input, k=k
+        )
+        return {
+            "ranked_personas": routing["advisors"],
+            "urgency": routing["urgency"],
+            "available_personas": list(chat_orchestrator.personas.keys()),
+            "session_id": session_id
+        }
+    except Exception as e:
+        logger.error(f"Error in /debug/ranked-personas: {e}")
+        return {
+            "ranked_personas": [],
+            "error": str(e)
+        }
+
+@router.get("/debug/rag-status")
+async def debug_rag_status(request: Request):
+    try:
+        session_id = await get_or_create_session_for_request_async(request)
+        rag_manager = get_rag_manager()
+        session_stats = session_manager.get_session_stats(session_id)
+
+        test_search = rag_manager.search_documents(
+            query="test incident response policy",
+            session_id=session_id,
+            persona_context="",
+            n_results=3
+        )
+
+        return {
+            "rag_manager_healthy": True,
+            "session_id": session_id,
+            "session_stats": session_stats.get("rag_stats", {}),
+            "test_search_results": len(test_search),
+            "test_search_details": [
+                {
+                    "relevance": chunk.get("relevance_score", 0),
+                    "distance": chunk.get("distance", "unknown"),
+                    "text_length": len(chunk.get("text", "")),
+                    "filename": chunk.get("metadata", {}).get("filename", "unknown")
+                }
+                for chunk in test_search[:3]
+            ],
+            "persona_keywords": {
+                pid: chat_orchestrator._get_persona_context_keywords(pid)
+                for pid in chat_orchestrator.personas.keys()
+            }
+        }
+
+    except Exception as e:
+        logger.error(f"Error in RAG debug: {str(e)}")
+        return {
+            "rag_manager_healthy": False,
+            "error": str(e),
+            "session_id": session_id if 'session_id' in locals() else "unknown"
+        }
diff --git a/multi_llm_chatbot_backend/app/api/routes/documents.py b/multi_llm_chatbot_backend/app/api/routes/documents.py
new file mode 100644
index 0000000000000000000000000000000000000000..8a29d392b9b214133aaa46acce5719e79816f172
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/documents.py
@@ -0,0 +1,567 @@
+from fastapi import APIRouter, Request, HTTPException, UploadFile, File, Body, Depends
+from fastapi import Query
+from app.utils.document_extractor import extract_text_from_file
+from app.core.session_manager import get_session_manager
+from app.core.rag_manager import get_rag_manager
+from app.api.utils import get_or_create_session_for_request_async
+from fastapi.responses import StreamingResponse
+from app.utils.chat_summary import generate_summary_from_messages, parse_summary_to_blocks, format_summary_for_text_export
+from app.utils.file_export import prepare_export_response, generate_pdf_file_from_blocks
+from app.core.session_manager import get_session_manager
+from app.core.bootstrap import chat_orchestrator
+from app.core.auth import get_current_active_user
+from app.core.database import get_database
+from app.models.user import User
+from bson import ObjectId
+import logging
+import re
+from html import unescape
+
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+session_manager = get_session_manager()
+get_rag_manager = get_rag_manager
+
+
+def sanitize_html_content(content):
+    """
+    Clean up HTML content by removing or fixing malformed tags.
+    This prevents PDF export errors caused by invalid HTML structure.
+    """
+    if not content:
+        return content
+    
+    try:
+        logger.debug(f"Sanitizing content (first 200 chars): {content[:200]}")
+        
+        # First, unescape HTML entities
+        content = unescape(content)
+        
+        # More aggressive approach: Strip ALL HTML tags first, then apply simple formatting
+        # This prevents malformed HTML from causing issues
+        
+        # Remove all HTML tags completely (most aggressive approach)
+        content = re.sub(r'<[^>]*>', '', content)
+        
+        # Clean up multiple spaces and normalize whitespace
+        content = re.sub(r'\s+', ' ', content)
+        content = content.strip()
+        
+        # Remove any remaining HTML entities that might have been missed
+        content = re.sub(r'&[a-zA-Z0-9#]+;', '', content)
+        
+        # Remove any remaining angle brackets that might cause issues
+        content = content.replace('<', '').replace('>', '')
+        
+        logger.debug(f"Sanitized content (first 200 chars): {content[:200]}")
+        return content
+        
+    except Exception as e:
+        logger.error(f"Error sanitizing HTML content: {str(e)}")
+        # Ultra-fallback: return only alphanumeric and basic punctuation
+        try:
+            import string
+            allowed_chars = string.ascii_letters + string.digits + string.punctuation + ' \n\r\t'
+            cleaned = ''.join(c for c in content if c in allowed_chars)
+            return re.sub(r'\s+', ' ', cleaned).strip()
+        except:
+            return "Content could not be sanitized for export"
+
+def convert_messages_for_export(messages):
+    """
+    Convert stored message format to export-compatible format.
+    Stored format uses 'type', export functions expect 'role' and specific structure.
+    """
+    converted_messages = []
+    
+    for i, msg in enumerate(messages):
+        try:
+            # Get and sanitize content
+            raw_content = msg.get('content', '')
+            sanitized_content = sanitize_html_content(raw_content)
+            
+            # Debug logging for problematic content
+            if i < 5 or '<' in raw_content or '>' in raw_content:  # Log first few messages and any with HTML
+                logger.debug(f"Message {i}: Original length: {len(raw_content)}, Sanitized length: {len(sanitized_content)}")
+                if raw_content != sanitized_content:
+                    logger.debug(f"Content changed during sanitization for message {msg.get('id', 'unknown')}")
+            
+            # Create base converted message
+            converted_msg = {
+                'id': msg.get('id', 'unknown'),
+                'timestamp': msg.get('timestamp', ''),
+                'content': sanitized_content,
+            }
+            
+            # Convert type to role and handle different message types
+            msg_type = msg.get('type', 'unknown')
+            
+            if msg_type == 'user':
+                converted_msg['role'] = 'user'
+                # Add reply context if present
+                if 'replyTo' in msg:
+                    reply_to = msg['replyTo']
+                    converted_msg['content'] = f"[Reply to {reply_to.get('advisorName', 'advisor')}] {converted_msg['content']}"
+                
+            elif msg_type == 'advisor':
+                converted_msg['role'] = 'assistant'
+                # Include advisor information
+                advisor_name = msg.get('advisorName', msg.get('persona', 'Advisor'))
+                converted_msg['advisor_name'] = advisor_name
+                converted_msg['advisor_id'] = msg.get('advisorId', msg.get('persona_id', 'unknown'))
+                
+                # Mark special response types
+                if msg.get('isReply'):
+                    converted_msg['content'] = f"[{advisor_name} replies] {converted_msg['content']}"
+                elif msg.get('isExpansion'):
+                    converted_msg['content'] = f"[{advisor_name} expands] {converted_msg['content']}"
+                else:
+                    converted_msg['content'] = f"[{advisor_name}] {converted_msg['content']}"
+                
+            elif msg_type == 'system':
+                converted_msg['role'] = 'system'
+                
+            elif msg_type == 'document_upload':
+                converted_msg['role'] = 'system'
+                converted_msg['content'] = f"📄 {converted_msg['content']}"
+                
+            elif msg_type == 'error':
+                converted_msg['role'] = 'system'
+                converted_msg['content'] = f"❌ Error: {converted_msg['content']}"
+                
+            else:
+                # Unknown type, treat as system message
+                converted_msg['role'] = 'system'
+                converted_msg['content'] = f"[{msg_type}] {converted_msg['content']}"
+            
+            converted_messages.append(converted_msg)
+            
+        except Exception as e:
+            logger.error(f"Error converting message {msg.get('id', 'unknown')}: {str(e)}")
+            # Add a fallback message to maintain conversation flow
+            converted_messages.append({
+                'id': msg.get('id', 'unknown'),
+                'role': 'system',
+                'content': f"[Message conversion error: {str(e)}]",
+                'timestamp': msg.get('timestamp', '')
+            })
+    
+    logger.info(f"Converted {len(messages)} messages for export")
+    return converted_messages
+
+
+@router.post("/upload-document")
+async def upload_document(
+    file: UploadFile = File(...), 
+    request: Request = None,
+    chat_session_id: str = Query(None, description="Chat session ID if uploading to specific chat"),
+    current_user: User = Depends(get_current_active_user)  # ADDED: Require authentication
+):
+    try:
+        if chat_session_id:
+            # If uploading to a specific chat, use chat_{id} format
+            session_id = f"chat_{chat_session_id}"
+            logger.info(f"Uploading document to specific chat session: {session_id}")
+        else:
+            # For new/temporary chats, use regular session management
+            session_id = await get_or_create_session_for_request_async(request)
+            logger.info(f"Uploading document to new session: {session_id}")
+        
+        # Add debug logging to track session IDs
+        logger.info(f"Document upload - chat_session_id parameter: {chat_session_id}")
+        logger.info(f"Document upload - final session_id: {session_id}")
+        logger.info(f"Document upload - user_id: {current_user.id}")
+        
+        session = session_manager.get_session(session_id)
+
+        MAX_FILE_SIZE = 10 * 1024 * 1024  # 10MB
+        if file.size and file.size > MAX_FILE_SIZE:
+            raise HTTPException(status_code=413, detail="File size exceeds 10MB limit")
+
+        file_bytes = await file.read()
+        content = extract_text_from_file(file_bytes, file.content_type)
+        if not content.strip():
+            raise HTTPException(status_code=400, detail="Document is empty or unreadable.")
+
+        rag_manager = get_rag_manager()
+        file_type_map = {
+            "application/pdf": "pdf",
+            "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx", 
+            "text/plain": "txt"
+        }
+        file_type = file_type_map.get(file.content_type, "unknown")
+
+        # Pass the consistent session_id to RAG manager
+        logger.info(f"Adding document {file.filename} to session {session_id}")
+        rag_result = rag_manager.add_document(
+            content=content,
+            filename=file.filename,
+            session_id=session_id,
+            file_type=file_type
+        )
+
+        if not rag_result["success"]:
+            raise HTTPException(status_code=500, detail=f"Failed to process document: {rag_result.get('error', 'Unknown error')}")
+
+        session.uploaded_files.append(file.filename)
+        session.total_upload_size += len(file_bytes)
+
+        doc_metadata = rag_result.get("document_metadata", {})
+        doc_title = doc_metadata.get("title", file.filename)
+
+        session.append_message(
+            "system", 
+            f"Document uploaded: '{doc_title}' ({file.filename}) - {rag_result['chunks_created']} sections processed, ~{rag_result['total_tokens']} tokens analyzed. You can now ask questions about this document by referencing it by name."
+        )
+
+        # Return session info for frontend tracking
+        return {
+            "message": f"Document '{file.filename}' uploaded and processed successfully.",
+            "filename": file.filename,
+            "document_title": doc_title,
+            "chunks_created": rag_result['chunks_created'],
+            "total_tokens": rag_result['total_tokens'],
+            "file_type": file_type,
+            "can_reference_by_name": True,
+            "session_id": session_id,
+            "chat_session_id": chat_session_id,
+            "user_id": str(current_user.id)  # ADDED: Include user ID for debugging
+        }
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error processing document upload: {str(e)}")
+        raise HTTPException(status_code=500, detail=f"Error processing document: {str(e)}")
+
+
+@router.post("/search-documents")
+async def search_documents(request: Request, query: str = Body(..., embed=True), persona: str = Body("", embed=True)):
+    try:
+        session_id = await get_or_create_session_for_request_async(request)  # FIXED: Added await
+        rag_manager = get_rag_manager()
+
+        persona_contexts = {
+            "incident_responder": "incident response containment forensics recovery",
+            "grc_advisor": "compliance policy audit framework governance",
+            "security_architect": "architecture controls network identity hardening",
+        }
+        persona_context = persona_contexts.get(persona, "")
+
+        results = rag_manager.search_documents(
+            query=query,
+            session_id=session_id,
+            persona_context=persona_context,
+            n_results=5
+        )
+
+        return {
+            "query": query,
+            "persona_filter": persona,
+            "results_count": len(results),
+            "results": results
+        }
+
+    except Exception as e:
+        logger.error(f"Error searching documents: {str(e)}")
+        return {"query": query, "results_count": 0, "results": [], "error": str(e)}
+
+
+@router.get("/document-stats")
+async def get_document_stats(request: Request):
+    try:
+        session_id = await get_or_create_session_for_request_async(request)  # FIXED: Added await
+        rag_manager = get_rag_manager()
+        return rag_manager.get_document_stats(session_id)
+    except Exception as e:
+        logger.error(f"Error getting document stats: {str(e)}")
+        return {"total_chunks": 0, "total_documents": 0, "documents": []}
+
+
+@router.get("/uploaded-files")
+async def get_uploaded_filenames(request: Request):
+    try:
+        session_id = await get_or_create_session_for_request_async(request)  # FIXED: Added await
+        session = session_manager.get_session(session_id)
+        return {"files": session.uploaded_files}
+    except Exception as e:
+        logger.error(f"Error getting uploaded files: {str(e)}")
+        return {"files": []}
+
+
+@router.get("/my-documents")
+async def get_my_documents(current_user: User = Depends(get_current_active_user)):
+    """All documents the user has uploaded across their chat sessions.
+
+    Plan §8: the Documents page lists uploaded RAG docs alongside generated
+    artifacts, so users can see everything the panel can reference.
+    """
+    db = get_database()
+    rag_manager = get_rag_manager()
+    documents = []
+    try:
+        sessions = await db.chat_sessions.find(
+            {"user_id": current_user.id, "is_active": True}
+        ).to_list(length=500)
+    except Exception as e:
+        logger.error(f"Error listing chat sessions for documents: {e}")
+        sessions = []
+
+    for s in sessions:
+        session_id = f"chat_{s['_id']}"
+        try:
+            stats = rag_manager.get_document_stats(session_id)
+        except Exception:
+            continue
+        for doc in stats.get("documents", []):
+            documents.append({
+                "filename": doc.get("filename"),
+                "title": doc.get("title") or doc.get("filename"),
+                "file_type": doc.get("file_type", "unknown"),
+                "chunks": doc.get("chunks", 0),
+                "chat_session_id": str(s["_id"]),
+                "chat_title": s.get("title") or "Untitled chat",
+            })
+
+    return {"documents": documents, "count": len(documents)}
+
+
+@router.get("/document-insights/{filename}")
+async def get_document_insights(filename: str, request: Request):
+    try:
+        session_id = await get_or_create_session_for_request_async(request)  # FIXED: Added await
+        rag_manager = get_rag_manager()
+        stats = rag_manager.get_document_stats(session_id)
+        document_info = next((doc for doc in stats.get("documents", []) if doc["filename"] == filename), None)
+
+        if not document_info:
+            raise HTTPException(status_code=404, detail=f"Document {filename} not found")
+
+        results = rag_manager.collection.get(
+            where={"session_id": session_id, "filename": filename},
+            limit=3,
+            include=["documents", "metadatas"]
+        )
+
+        sample_sections = []
+        if results["documents"]:
+            for doc, metadata in zip(results["documents"], results["metadatas"]):
+                sample_sections.append({
+                    "section": metadata.get("document_section", "unknown"),
+                    "content_preview": doc[:200] + "..." if len(doc) > 200 else doc,
+                    "keywords": metadata.get("keywords", "")
+                })
+
+        return {
+            "filename": filename,
+            "document_title": document_info.get("title", filename),
+            "file_type": document_info.get("file_type", "unknown"),
+            "statistics": {
+                "total_chunks": document_info["chunks"],
+                "estimated_tokens": document_info["estimated_tokens"],
+                "sections_identified": document_info["sections"]
+            },
+            "content_analysis": {
+                "has_methodology": document_info.get("has_methodology", False),
+                "has_theory": document_info.get("has_theory", False),
+                "has_references": document_info.get("has_references", False)
+            },
+            "sample_sections": sample_sections
+        }
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error getting document insights: {str(e)}")
+        raise HTTPException(status_code=500, detail=f"Error analyzing document: {str(e)}")
+    
+@router.get("/export-chat")
+async def export_chat(
+    request: Request, 
+    format: str = Query(..., regex="^(txt|pdf|docx)$"),
+    chat_session_id: str = Query(None, description="Optional: specific chat session ID to export"),
+    current_user: User = Depends(get_current_active_user)
+):
+    """
+    Export chat messages. 
+    If chat_session_id is provided, exports that specific stored chat session.
+    Otherwise, exports the current in-memory session.
+    """
+    try:
+        messages = []
+        
+        if chat_session_id:
+            # Export specific stored chat session
+            db = get_database()
+            session_data = await db.chat_sessions.find_one({
+                "_id": ObjectId(chat_session_id),
+                "user_id": current_user.id,
+                "is_active": True
+            })
+            
+            if not session_data:
+                raise HTTPException(
+                    status_code=404, 
+                    detail="Chat session not found or you don't have permission to access it"
+                )
+            
+            raw_messages = session_data.get("messages", [])
+            # Convert stored message format to export-compatible format
+            messages = convert_messages_for_export(raw_messages)
+        else:
+            # Export current in-memory session (existing behavior)
+            session_id = await get_or_create_session_for_request_async(request)  # FIXED: Added await
+            session = session_manager.get_session(session_id)
+            # In-memory messages might already be in the right format, but convert to be safe
+            messages = convert_messages_for_export(session.messages)
+
+        if not messages:
+            return {"error": "No messages in this session."}
+
+        try:
+            return prepare_export_response(messages, format)
+        except Exception as export_error:
+            logger.error(f"Error in prepare_export_response: {str(export_error)}")
+            # Try with a simplified version of messages if the export fails
+            try:
+                # Create simplified messages with just basic text content
+                simplified_messages = []
+                for msg in messages:
+                    simplified_msg = {
+                        'id': msg.get('id', 'unknown'),
+                        'role': msg.get('role', 'system'),
+                        'content': str(msg.get('content', '')).replace('\n', ' ').strip(),
+                        'timestamp': msg.get('timestamp', '')
+                    }
+                    if 'advisor_name' in msg:
+                        simplified_msg['advisor_name'] = msg['advisor_name']
+                    simplified_messages.append(simplified_msg)
+                
+                return prepare_export_response(simplified_messages, format)
+            except Exception as fallback_error:
+                logger.error(f"Fallback export also failed: {str(fallback_error)}")
+                raise HTTPException(
+                    status_code=500,
+                    detail=f"Export failed due to content formatting issues. Please try a different format or contact support."
+                )
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error exporting chat: {str(e)}")
+        raise HTTPException(
+            status_code=500,
+            detail=f"Failed to export chat: {str(e)}"
+        )
+
+@router.get("/chat-summary")
+async def chat_summary(
+    request: Request,
+    format: str = Query("text", regex="^(txt|pdf|docx)$"),
+    chat_session_id: str = Query(None, description="Optional: specific chat session ID to summarize"),
+    current_user: User = Depends(get_current_active_user)
+):
+    """
+    Generate and return a summary of chat messages.
+    If chat_session_id is provided, summarizes that specific stored chat session.
+    Otherwise, summarizes the current in-memory session.
+    Can return as plain txt, PDF, or DOCX.
+    """
+    try:
+        messages = []
+        
+        if chat_session_id:
+            # Summarize specific stored chat session
+            db = get_database()
+            session_data = await db.chat_sessions.find_one({
+                "_id": ObjectId(chat_session_id),
+                "user_id": current_user.id,
+                "is_active": True
+            })
+            
+            if not session_data:
+                raise HTTPException(
+                    status_code=404, 
+                    detail="Chat session not found or you don't have permission to access it"
+                )
+            
+            raw_messages = session_data.get("messages", [])
+            # Convert stored message format for summary generation
+            messages = convert_messages_for_export(raw_messages)
+        else:
+            # Summarize current in-memory session (existing behavior)
+            session_id = await get_or_create_session_for_request_async(request)  # FIXED: Added await
+            session = session_manager.get_session(session_id)
+            # Convert in-memory messages
+            messages = convert_messages_for_export(session.messages)
+
+        if not messages:
+            return {"error": "No messages in this session."}
+
+        try:
+            llm = next(iter(chat_orchestrator.personas.values())).llm
+            summary_text = await generate_summary_from_messages(messages, llm)
+
+            if format == "txt":
+                # Use improved formatting for text export
+                formatted_summary = format_summary_for_text_export(summary_text)
+                return prepare_export_response(formatted_summary, "txt", filename_prefix="chat_summary")
+
+            elif format == "docx":
+                # Use improved formatting for DOCX export
+                formatted_summary = format_summary_for_text_export(summary_text)
+                return prepare_export_response(formatted_summary, "docx", filename_prefix="chat_summary")
+
+            elif format == "pdf":
+                # Parse and render using block formatting
+                blocks = [{"type": "heading", "text": "Chat Summary"}] + parse_summary_to_blocks(summary_text)
+
+                file_stream = generate_pdf_file_from_blocks(blocks)
+                return StreamingResponse(
+                    file_stream,
+                    media_type="application/pdf",
+                    headers={"Content-Disposition": "attachment; filename=chat_summary.pdf"}
+                )
+        except Exception as summary_error:
+            logger.error(f"Error generating summary: {str(summary_error)}")
+            # Try with simplified content
+            try:
+                # Create a basic text summary if AI summary fails
+                basic_summary = "Chat Summary\n\n"
+                for msg in messages:
+                    if msg.get('role') == 'user':
+                        basic_summary += f"User: {msg.get('content', '')[:200]}...\n\n"
+                    elif msg.get('role') == 'assistant':
+                        advisor_name = msg.get('advisor_name', 'Advisor')
+                        basic_summary += f"{advisor_name}: {msg.get('content', '')[:200]}...\n\n"
+                
+                if format == "txt":
+                    return prepare_export_response(basic_summary, "txt", filename_prefix="chat_summary")
+                elif format == "docx":
+                    return prepare_export_response(basic_summary, "docx", filename_prefix="chat_summary")
+                elif format == "pdf":
+                    blocks = [{"type": "heading", "text": "Chat Summary"}, {"type": "paragraph", "text": basic_summary}]
+                    file_stream = generate_pdf_file_from_blocks(blocks)
+                    return StreamingResponse(
+                        file_stream,
+                        media_type="application/pdf",
+                        headers={"Content-Disposition": "attachment; filename=chat_summary.pdf"}
+                    )
+            except Exception as fallback_error:
+                logger.error(f"Fallback summary export also failed: {str(fallback_error)}")
+                raise HTTPException(
+                    status_code=500,
+                    detail=f"Summary generation failed due to content formatting issues. Please try a different format."
+                )
+
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error in chat-summary endpoint: {str(e)}")
+        raise HTTPException(
+            status_code=500,
+            detail=f"Summary generation failed: {str(e)}"
+        )
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/api/routes/journey.py b/multi_llm_chatbot_backend/app/api/routes/journey.py
new file mode 100644
index 0000000000000000000000000000000000000000..08ba3a362db3267d25b66b13ddedc77db7ea372f
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/journey.py
@@ -0,0 +1,257 @@
+"""Security Journey API — track definitions and per-user progress."""
+
+from __future__ import annotations
+
+import logging
+from datetime import datetime
+from typing import Any, Dict, List, Optional
+
+from bson import ObjectId
+from fastapi import APIRouter, Depends, HTTPException, status
+
+from app.core.auth import get_current_active_user
+from app.core.database import get_database
+from app.core.tracks_loader import (
+    compute_progress,
+    get_track,
+    list_track_summaries,
+    load_tracks,
+)
+from app.models.journey import (
+    AssessmentCreate,
+    AssessmentResponse,
+    Track,
+    TrackSummary,
+    UserTrackProgressResponse,
+    UserTrackProgressUpdate,
+)
+from app.models.user import User
+
+LOG = logging.getLogger(__name__)
+
+router = APIRouter()
+
+
+def _uid_str(user: User) -> str:
+    return str(user.id)
+
+
+def _progress_doc(user: User) -> Dict[str, Any]:
+    return {
+        "user_id": user.id,
+        "active_track_id": None,
+        "checked_item_ids": [],
+        "updated_at": datetime.utcnow(),
+    }
+
+
+async def _get_or_create_progress(user: User) -> Dict[str, Any]:
+    db = get_database()
+    doc = await db.goal_tracks.find_one({"user_id": user.id})
+    if doc:
+        return doc
+    seed = _progress_doc(user)
+    await db.goal_tracks.update_one(
+        {"user_id": user.id},
+        {"$setOnInsert": {**seed, "_id": ObjectId()}},
+        upsert=True,
+    )
+    return await db.goal_tracks.find_one({"user_id": user.id}) or seed
+
+
+def _to_progress_response(user: User, doc: Dict[str, Any]) -> UserTrackProgressResponse:
+    track_id = doc.get("active_track_id")
+    checked = list(doc.get("checked_item_ids") or [])
+    track = get_track(track_id) if track_id else None
+    level_id, level_name, level_index, level_count, pct_overall, pct_in_level = compute_progress(
+        track, checked
+    )
+    return UserTrackProgressResponse(
+        user_id=_uid_str(user),
+        active_track_id=track_id,
+        checked_item_ids=checked,
+        level_id=level_id,
+        level_name=level_name,
+        level_index=level_index,
+        level_count=level_count,
+        pct_overall=pct_overall,
+        pct_in_level=pct_in_level,
+        updated_at=doc.get("updated_at"),
+    )
+
+
+def _find_item_track(item_id: str) -> Optional[str]:
+    """Return track id that owns ``item_id``, if any."""
+    for track in load_tracks().values():
+        for lvl in track.levels:
+            for it in lvl.items:
+                if it.id == item_id:
+                    return track.id
+    return None
+
+
+@router.get("/journey/tracks", response_model=List[Track])
+async def list_journey_tracks(
+    current_user: User = Depends(get_current_active_user),
+) -> List[Track]:
+    """List all track definitions (full levels + items)."""
+    _ = current_user
+    return list(load_tracks().values())
+
+
+@router.get("/journey/tracks/summary", response_model=List[TrackSummary])
+async def list_journey_track_summaries(
+    current_user: User = Depends(get_current_active_user),
+) -> List[TrackSummary]:
+    _ = current_user
+    return list_track_summaries()
+
+
+@router.get("/journey/me", response_model=UserTrackProgressResponse)
+async def get_my_journey(
+    current_user: User = Depends(get_current_active_user),
+) -> UserTrackProgressResponse:
+    doc = await _get_or_create_progress(current_user)
+    return _to_progress_response(current_user, doc)
+
+
+@router.put("/journey/me", response_model=UserTrackProgressResponse)
+async def update_my_journey(
+    updates: UserTrackProgressUpdate,
+    current_user: User = Depends(get_current_active_user),
+) -> UserTrackProgressResponse:
+    db = get_database()
+    await _get_or_create_progress(current_user)
+
+    set_fields: Dict[str, Any] = {"updated_at": datetime.utcnow()}
+
+    if updates.active_track_id is not None:
+        if updates.active_track_id == "":
+            set_fields["active_track_id"] = None
+        else:
+            if not get_track(updates.active_track_id):
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail=f"Unknown track: {updates.active_track_id}",
+                )
+            set_fields["active_track_id"] = updates.active_track_id
+
+    if updates.checked_item_ids is not None:
+        # Deduplicate while preserving order
+        seen = set()
+        ordered: List[str] = []
+        for iid in updates.checked_item_ids:
+            if iid not in seen:
+                seen.add(iid)
+                ordered.append(iid)
+        set_fields["checked_item_ids"] = ordered
+
+    await db.goal_tracks.update_one(
+        {"user_id": current_user.id},
+        {"$set": set_fields},
+    )
+    doc = await db.goal_tracks.find_one({"user_id": current_user.id}) or _progress_doc(current_user)
+    return _to_progress_response(current_user, doc)
+
+
+@router.post("/journey/me/items/{item_id}/complete", response_model=UserTrackProgressResponse)
+async def complete_journey_item(
+    item_id: str,
+    current_user: User = Depends(get_current_active_user),
+) -> UserTrackProgressResponse:
+    if not _find_item_track(item_id):
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Unknown item")
+
+    db = get_database()
+    doc = await _get_or_create_progress(current_user)
+    checked = list(doc.get("checked_item_ids") or [])
+    if item_id not in checked:
+        checked.append(item_id)
+
+    # Auto-set active track from the item if none selected
+    active = doc.get("active_track_id")
+    owner_track = _find_item_track(item_id)
+    if not active and owner_track:
+        active = owner_track
+
+    await db.goal_tracks.update_one(
+        {"user_id": current_user.id},
+        {
+            "$set": {
+                "checked_item_ids": checked,
+                "active_track_id": active,
+                "updated_at": datetime.utcnow(),
+            }
+        },
+    )
+    doc = await db.goal_tracks.find_one({"user_id": current_user.id}) or doc
+    return _to_progress_response(current_user, doc)
+
+
+@router.post("/journey/me/items/{item_id}/uncomplete", response_model=UserTrackProgressResponse)
+async def uncomplete_journey_item(
+    item_id: str,
+    current_user: User = Depends(get_current_active_user),
+) -> UserTrackProgressResponse:
+    db = get_database()
+    doc = await _get_or_create_progress(current_user)
+    checked = [iid for iid in (doc.get("checked_item_ids") or []) if iid != item_id]
+    await db.goal_tracks.update_one(
+        {"user_id": current_user.id},
+        {"$set": {"checked_item_ids": checked, "updated_at": datetime.utcnow()}},
+    )
+    doc = await db.goal_tracks.find_one({"user_id": current_user.id}) or doc
+    return _to_progress_response(current_user, doc)
+
+
+@router.post("/journey/me/assessments", response_model=AssessmentResponse)
+async def create_assessment(
+    body: AssessmentCreate,
+    current_user: User = Depends(get_current_active_user),
+) -> AssessmentResponse:
+    db = get_database()
+    progress = await _get_or_create_progress(current_user)
+    track_id = body.track_id or progress.get("active_track_id")
+    if track_id and not get_track(track_id):
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="Unknown track")
+
+    assessment_id = ObjectId()
+    created_at = datetime.utcnow()
+    doc = {
+        "_id": assessment_id,
+        "user_id": current_user.id,
+        "track_id": track_id,
+        "scores": body.scores or {},
+        "notes": body.notes,
+        "created_at": created_at,
+    }
+    await db.assessments.insert_one(doc)
+    return AssessmentResponse(
+        id=str(assessment_id),
+        user_id=_uid_str(current_user),
+        track_id=track_id,
+        scores=doc["scores"],
+        notes=body.notes,
+        created_at=created_at,
+    )
+
+
+@router.get("/journey/me/assessments", response_model=List[AssessmentResponse])
+async def list_assessments(
+    current_user: User = Depends(get_current_active_user),
+) -> List[AssessmentResponse]:
+    db = get_database()
+    cursor = db.assessments.find({"user_id": current_user.id}).sort("created_at", -1)
+    results: List[AssessmentResponse] = []
+    async for doc in cursor:
+        results.append(
+            AssessmentResponse(
+                id=str(doc.get("_id")),
+                user_id=str(doc.get("user_id", current_user.id)),
+                track_id=doc.get("track_id"),
+                scores=doc.get("scores") or {},
+                notes=doc.get("notes"),
+                created_at=doc.get("created_at"),
+            )
+        )
+    return results
diff --git a/multi_llm_chatbot_backend/app/api/routes/onboarding.py b/multi_llm_chatbot_backend/app/api/routes/onboarding.py
new file mode 100644
index 0000000000000000000000000000000000000000..98da98b9f79474261e334cf563ce8a87996495bd
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/onboarding.py
@@ -0,0 +1,152 @@
+# NEON AI (TM) SOFTWARE, Software Development Kit & Application Framework
+# All Rights Reserved 2008-2025
+# Licensed under the BSD 3-Clause License
+# https://opensource.org/licenses/BSD-3-Clause
+#
+# Copyright (c) 2008-2025, Neongecko.com Inc.
+#
+# Redistribution and use in source and binary forms, with or without
+# modification, are permitted provided that the following conditions are met:
+# 1. Redistributions of source code must retain the above copyright notice,
+#    this list of conditions and the following disclaimer.
+# 2. Redistributions in binary form must reproduce the above copyright notice,
+#    this list of conditions and the following disclaimer in the documentation
+#    and/or other materials provided with the distribution.
+# 3. Neither the name of the copyright holder nor the names of its contributors
+#    may be used to endorse or promote products derived from this software
+#    without specific prior written permission.
+#
+# THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+# AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+# IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+# ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
+# LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+# CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+# SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+# INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+# CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+# ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+# POSSIBILITY OF SUCH DAMAGE.
+
+import logging
+from datetime import datetime
+from typing import Any, Dict, Optional
+
+from fastapi import APIRouter, Depends
+from pydantic import BaseModel
+
+from app.api.routes.user_profile import _is_field_filled, enrich_profile_from_user
+from app.core.auth import get_current_active_user
+from app.core.bootstrap import create_llm_client
+from app.core.database import get_database
+from app.core.onboarding_agent import OnboardingAgent, PROFILE_FIELDS
+from app.models.user import User
+
+LOG = logging.getLogger(__name__)
+
+router = APIRouter()
+
+ONBOARDING_COLLECTION = "onboarding_conversations"
+
+
+class OnboardingMessage(BaseModel):
+    user_input: str
+
+
+def _progress(profile: Dict[str, Any]) -> int:
+    filled = sum(1 for k, *_ in PROFILE_FIELDS if _is_field_filled(profile.get(k)))
+    return int(filled / len(PROFILE_FIELDS) * 100)
+
+
+def _next_missing_question(profile: Dict[str, Any]) -> Optional[str]:
+    """Return the human-friendly question for the first unfilled field."""
+    for key, question, _desc in PROFILE_FIELDS:
+        if not _is_field_filled(profile.get(key)):
+            return question
+    return None
+
+
+@router.get("/onboarding/start")
+async def onboarding_start(
+    current_user: User = Depends(get_current_active_user),
+) -> Dict[str, Any]:
+    """Return conversation history (if any) and current progress.
+
+    If the user has an in-progress conversation it is returned so the
+    frontend can restore the chat.  Otherwise a fresh contextual welcome
+    message is generated based on which fields are still missing.
+    """
+    db = get_database()
+    doc = await db.user_profiles.find_one({"user_id": current_user.id})
+    profile = enrich_profile_from_user(doc, current_user)
+    progress = _progress(profile)
+
+    if progress >= 100:
+        await db[ONBOARDING_COLLECTION].delete_many({"user_id": current_user.id})
+        return {
+            "messages": [{"role": "agent",
+                          "text": "Your profile is already complete! Feel free to update anything by chatting here."}],
+            "progress": 100,
+            "complete": True,
+        }
+
+    conv = await db[ONBOARDING_COLLECTION].find_one({"user_id": current_user.id})
+
+    if conv and conv.get("messages"):
+        return {
+            "messages": conv["messages"],
+            "progress": progress,
+            "complete": False,
+        }
+
+    next_q = _next_missing_question(profile)
+    if progress == 0:
+        greeting = (
+            f"Hey {current_user.firstName}! I'd like to learn a bit about your security background so "
+            "your advisors can tailor depth and examples. "
+            f"Let's start — {next_q.lower() if next_q else 'tell me about your role and goals!'}"
+        )
+    else:
+        greeting = (
+            f"Welcome back, {current_user.firstName}! You're {progress}% done. "
+            f"Let's pick up where we left off — {next_q.lower() if next_q else 'what else can you tell me?'}"
+        )
+
+    messages = [{"role": "agent", "text": greeting}]
+    await db[ONBOARDING_COLLECTION].update_one(
+        {"user_id": current_user.id},
+        {"$set": {"messages": messages, "updated_at": datetime.utcnow()},
+         "$setOnInsert": {"user_id": current_user.id}},
+        upsert=True,
+    )
+
+    return {"messages": messages, "progress": progress, "complete": False}
+
+
+@router.post("/onboarding/chat")
+async def onboarding_chat(
+    msg: OnboardingMessage,
+    current_user: User = Depends(get_current_active_user),
+) -> Dict[str, Any]:
+    db = get_database()
+    doc = await db.user_profiles.find_one({"user_id": current_user.id})
+    profile = enrich_profile_from_user(doc, current_user)
+
+    agent = OnboardingAgent(create_llm_client())
+    result = await agent.chat(msg.user_input, current_user.id, profile)
+
+    user_msg = {"role": "user", "text": msg.user_input}
+    agent_msg = {"role": "agent", "text": result["reply"]}
+
+    await db[ONBOARDING_COLLECTION].update_one(
+        {"user_id": current_user.id},
+        {"$push": {"messages": {"$each": [user_msg, agent_msg]}},
+         "$set": {"updated_at": datetime.utcnow()},
+         "$setOnInsert": {"user_id": current_user.id}},
+        upsert=True,
+    )
+
+    if result.get("complete"):
+        await db[ONBOARDING_COLLECTION].delete_many({"user_id": current_user.id})
+
+    return result
diff --git a/multi_llm_chatbot_backend/app/api/routes/phd_canvas.py b/multi_llm_chatbot_backend/app/api/routes/phd_canvas.py
new file mode 100644
index 0000000000000000000000000000000000000000..156d5728988f9a5fb2ce2004ee811f5c34552940
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/phd_canvas.py
@@ -0,0 +1,362 @@
+from fastapi import APIRouter, HTTPException, Depends, status, BackgroundTasks
+from typing import Dict, Optional
+from datetime import datetime
+import logging
+from bson import ObjectId
+
+from app.models.user import User
+from app.models.phd_canvas import (
+    PhdCanvas,
+    CanvasResponse,
+    UpdateCanvasRequest,
+    SaveWorkspaceRequest,
+    SaveDeliverablesRequest,
+)
+from app.core.auth import get_current_active_user
+from app.core.database import get_database
+
+from pydantic import BaseModel
+
+logger = logging.getLogger(__name__)
+router = APIRouter()
+
+# Request/Response models
+class CanvasStatsResponse(BaseModel):
+    total_insights: int
+    total_sections: int
+    last_updated: Optional[str] = None
+    last_chat_processed: Optional[str] = None
+    created_at: Optional[str] = None
+    auto_update: bool = True
+    sections_breakdown: Dict = {}
+
+class PrintCanvasResponse(BaseModel):
+    user_id: str
+    generated_at: str
+    total_insights: int
+    last_updated: Optional[str] = None
+    sections: list
+    metadata: Dict
+
+def get_canvas_manager():
+    """Lazy import to avoid circular dependency"""
+    from app.core.canvas_manager import get_canvas_manager
+    return get_canvas_manager()
+
+
+def _to_canvas_response(canvas: PhdCanvas) -> CanvasResponse:
+    return CanvasResponse(
+        id=str(canvas.id),
+        user_id=str(canvas.user_id),
+        sections=canvas.sections,
+        workspace=getattr(canvas, "workspace", None) or {},
+        deliverables=getattr(canvas, "deliverables", None) or {},
+        created_at=canvas.created_at,
+        last_updated=canvas.last_updated,
+        last_chat_processed=canvas.last_chat_processed,
+        total_insights=canvas.total_insights,
+        auto_update=canvas.auto_update,
+        print_optimized=canvas.print_optimized,
+    )
+
+@router.get("/phd-canvas", response_model=CanvasResponse)
+async def get_phd_canvas(
+    current_user: User = Depends(get_current_active_user)
+):
+    """Get the user's PhD Canvas, creating it if it doesn't exist"""
+    try:
+        canvas_manager = get_canvas_manager()
+        canvas = await canvas_manager.get_or_create_canvas(str(current_user.id))
+        return _to_canvas_response(canvas)
+        
+    except Exception as e:
+        logger.error(f"Error getting PhD canvas for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to retrieve PhD canvas"
+        )
+
+@router.put("/phd-canvas/workspace", response_model=CanvasResponse)
+async def put_canvas_workspace(
+    request: SaveWorkspaceRequest,
+    current_user: User = Depends(get_current_active_user),
+):
+    """Save workspace layout and widget states for the logged-in user."""
+    try:
+        canvas_manager = get_canvas_manager()
+        workspace = {
+            "layout": request.layout,
+            "states": request.states,
+        }
+        if request.view is not None:
+            workspace["view"] = request.view
+        if request.task_statuses is not None:
+            workspace["task_statuses"] = request.task_statuses
+        canvas = await canvas_manager.save_workspace(str(current_user.id), workspace)
+        return _to_canvas_response(canvas)
+    except Exception as e:
+        logger.error(f"Error saving workspace for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to save workspace",
+        )
+
+@router.put("/phd-canvas/deliverables", response_model=CanvasResponse)
+async def put_canvas_deliverables(
+    request: SaveDeliverablesRequest,
+    current_user: User = Depends(get_current_active_user),
+):
+    """Save Documents / deliverables store for the logged-in user."""
+    try:
+        canvas_manager = get_canvas_manager()
+        deliverables = {
+            "activeProjectId": request.activeProjectId,
+            "projects": request.projects or {},
+        }
+        canvas = await canvas_manager.save_deliverables(str(current_user.id), deliverables)
+        return _to_canvas_response(canvas)
+    except Exception as e:
+        logger.error(f"Error saving deliverables for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to save deliverables",
+        )
+
+@router.post("/phd-canvas/update", response_model=CanvasResponse)
+async def update_phd_canvas(
+    request: UpdateCanvasRequest,
+    background_tasks: BackgroundTasks,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Update the PhD Canvas with latest insights from chat sessions"""
+    try:
+        canvas_manager = get_canvas_manager()
+        
+        # For large updates, run in background
+        if request.force_full_update:
+            logger.info(f"Queuing background canvas update for user {current_user.id}")
+            background_tasks.add_task(
+                _background_canvas_update,
+                str(current_user.id),
+                request
+            )
+            
+            # Return current canvas immediately
+            canvas = await canvas_manager.get_or_create_canvas(str(current_user.id))
+        else:
+            # For incremental updates, process immediately
+            logger.info(f"Processing incremental canvas update for user {current_user.id}")
+            canvas = await canvas_manager.update_canvas(str(current_user.id), request)
+        
+        return _to_canvas_response(canvas)
+        
+    except Exception as e:
+        logger.error(f"Error updating PhD canvas for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to update PhD canvas"
+        )
+
+@router.get("/phd-canvas/stats", response_model=CanvasStatsResponse)
+async def get_canvas_stats(
+    current_user: User = Depends(get_current_active_user)
+):
+    """Get statistics about the user's PhD Canvas"""
+    try:
+        canvas_manager = get_canvas_manager()
+        stats = await canvas_manager.get_canvas_stats(str(current_user.id))
+        
+        return CanvasStatsResponse(
+            total_insights=stats.get("total_insights", 0),
+            total_sections=stats.get("total_sections", 0),
+            last_updated=stats.get("last_updated").isoformat() if stats.get("last_updated") else None,
+            last_chat_processed=stats.get("last_chat_processed").isoformat() if stats.get("last_chat_processed") else None,
+            created_at=stats.get("created_at").isoformat() if stats.get("created_at") else None,
+            auto_update=stats.get("auto_update", True),
+            sections_breakdown=stats.get("sections_breakdown", {})
+        )
+        
+    except Exception as e:
+        logger.error(f"Error getting canvas stats for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to retrieve canvas statistics"
+        )
+
+@router.get("/phd-canvas/print", response_model=PrintCanvasResponse)
+async def get_print_canvas(
+    current_user: User = Depends(get_current_active_user)
+):
+    """Get PhD Canvas formatted for printing"""
+    try:
+        canvas_manager = get_canvas_manager()
+        print_data = await canvas_manager.export_canvas_for_printing(str(current_user.id))
+        
+        return PrintCanvasResponse(
+            user_id=print_data["user_id"],
+            generated_at=print_data["generated_at"].isoformat(),
+            total_insights=print_data["total_insights"],
+            last_updated=print_data["last_updated"].isoformat() if print_data["last_updated"] else None,
+            sections=print_data["sections"],
+            metadata=print_data["metadata"]
+        )
+        
+    except Exception as e:
+        logger.error(f"Error exporting print canvas for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to export canvas for printing"
+        )
+
+@router.post("/phd-canvas/auto-update")
+async def trigger_auto_update(
+    background_tasks: BackgroundTasks,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Trigger automatic canvas update (typically called when user opens canvas page)"""
+    try:
+        canvas_manager = get_canvas_manager()
+        db = get_database()
+        
+        # Get current canvas to check if auto-update is needed
+        canvas = await canvas_manager.get_or_create_canvas(str(current_user.id))
+        
+        if not canvas.auto_update:
+            return {"message": "Auto-update is disabled for this canvas"}
+        
+        # Check if this is a first-time canvas (never processed any chats)
+        is_first_time_canvas = (
+            canvas.last_chat_processed is None and 
+            canvas.total_insights == 0
+        )
+        
+        if is_first_time_canvas:
+            logger.info(f"First-time canvas detected for user {current_user.id}, triggering full update")
+            
+            # For first-time canvas, always do full update to process all historical chats
+            background_tasks.add_task(
+                _background_canvas_update,
+                str(current_user.id),
+                UpdateCanvasRequest(force_full_update=True)
+            )
+            
+            return {
+                "message": "First-time canvas update initiated", 
+                "status": "processing",
+                "type": "full_update"
+            }
+        
+        # For existing canvas, check if there are actually new chats
+        user_object_id = ObjectId(str(current_user.id))
+        
+        # Count chats newer than last processed
+        query_filter = {
+            "user_id": user_object_id,
+            "is_active": {"$ne": False},
+            "deleted_at": {"$exists": False}
+        }
+        
+        if canvas.last_chat_processed:
+            query_filter["$or"] = [
+                {"created_at": {"$gt": canvas.last_chat_processed}},
+                {"updated_at": {"$gt": canvas.last_chat_processed}}
+            ]
+        
+        new_chat_count = await db.chat_sessions.count_documents(query_filter)
+        
+        if new_chat_count > 0:
+            logger.info(f"Found {new_chat_count} new/updated chats for user {current_user.id}, triggering incremental update")
+            
+            # Only update if there are actually new chats
+            background_tasks.add_task(
+                _background_canvas_update,
+                str(current_user.id),
+                UpdateCanvasRequest(force_full_update=False)
+            )
+            
+            return {
+                "message": f"Canvas update queued for {new_chat_count} new chats", 
+                "status": "updating",
+                "type": "incremental_update",
+                "new_chats": new_chat_count
+            }
+        else:
+            logger.info(f"No new chats found for user {current_user.id}, skipping update")
+            return {
+                "message": "Canvas is up to date", 
+                "status": "current",
+                "new_chats": 0
+            }
+            
+    except Exception as e:
+        logger.error(f"Error triggering auto-update for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to trigger canvas auto-update"
+        )
+
+@router.delete("/phd-canvas")
+async def delete_canvas(
+    current_user: User = Depends(get_current_active_user)
+):
+    """Delete the user's PhD Canvas"""
+    try:
+        canvas_manager = get_canvas_manager()
+        deleted = await canvas_manager.delete_canvas(str(current_user.id))
+        
+        if deleted:
+            return {"message": "PhD Canvas deleted successfully"}
+        else:
+            return {"message": "No canvas found to delete"}
+            
+    except Exception as e:
+        logger.error(f"Error deleting canvas for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to delete PhD canvas"
+        )
+
+@router.get("/phd-canvas/refresh")
+async def refresh_canvas_data(
+    background_tasks: BackgroundTasks,
+    current_user: User = Depends(get_current_active_user)
+):
+    """Force refresh canvas with full update from all chats"""
+    try:
+        logger.info(f"Force refreshing canvas for user {current_user.id}")
+        
+        # Queue full update in background
+        background_tasks.add_task(
+            _background_canvas_update,
+            str(current_user.id),
+            UpdateCanvasRequest(force_full_update=True)
+        )
+        
+        return {
+            "message": "Full canvas refresh initiated",
+            "status": "processing",
+            "estimated_completion": "2-3 minutes"
+        }
+        
+    except Exception as e:
+        logger.error(f"Error refreshing canvas for user {current_user.id}: {e}")
+        raise HTTPException(
+            status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+            detail="Failed to refresh PhD canvas"
+        )
+
+# Background task functions
+async def _background_canvas_update(user_id: str, request: UpdateCanvasRequest):
+    """Background task to update canvas without blocking the API response"""
+    try:
+        logger.info(f"Starting background canvas update for user {user_id}")
+        canvas_manager = get_canvas_manager()
+        
+        updated_canvas = await canvas_manager.update_canvas(user_id, request)
+        
+        logger.info(f"Background canvas update completed for user {user_id}. Total insights: {updated_canvas.total_insights}")
+        
+    except Exception as e:
+        logger.error(f"Error in background canvas update for user {user_id}: {e}")
+        import traceback
+        logger.error(f"Traceback: {traceback.format_exc()}")
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/api/routes/provider.py b/multi_llm_chatbot_backend/app/api/routes/provider.py
new file mode 100644
index 0000000000000000000000000000000000000000..35582ef320905e3cba2b3fb738f3b20cb5cea651
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/provider.py
@@ -0,0 +1,141 @@
+from fastapi import APIRouter, Body, HTTPException, Query
+from app.models.default_personas import get_default_personas
+from app.core import bootstrap
+from app.core.bootstrap import chat_orchestrator
+from app.core.model_status import get_model_status
+from pydantic import BaseModel
+import logging
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+
+class ProviderSwitch(BaseModel):
+    provider: str
+
+
+def _model_name(client) -> str:
+    name = getattr(client, "model_name", None)
+    if not name:
+        # ResilientLLMClient wraps the primary client
+        primary = getattr(client, "primary", None)
+        name = getattr(primary, "model_name", None)
+    return name or "unknown"
+
+
+@router.get("/current-provider")
+async def get_current_provider():
+    return {
+        "current_provider": bootstrap.current_provider,
+        "available_providers": bootstrap.available_providers,
+        "model_info": {
+            "name": _model_name(bootstrap.llm),
+            "provider": bootstrap.current_provider,
+        },
+    }
+
+
+@router.post("/switch-provider")
+async def switch_provider(provider_data: ProviderSwitch):
+    if provider_data.provider not in bootstrap.available_providers:
+        raise HTTPException(
+            status_code=400,
+            detail=(
+                f"Unknown provider: {provider_data.provider}. "
+                f"Available: {bootstrap.available_providers}"
+            ),
+        )
+
+    # Fail closed (plan §10): refuse to switch to a provider whose health
+    # probe says it is not online. If the probe itself fails, fail open so a
+    # broken status checker can't lock the user out of switching.
+    try:
+        payload = await get_model_status(force_refresh=False)
+        entry = next(
+            (
+                m for m in (payload.get("models") or [])
+                if m.get("provider") == provider_data.provider
+            ),
+            None,
+        )
+        if entry and entry.get("status") != "online":
+            raise HTTPException(
+                status_code=409,
+                detail=(
+                    f"Provider '{provider_data.provider}' is "
+                    f"{entry.get('status', 'unavailable')} right now; refusing to switch. "
+                    "Refresh Model Status and try again."
+                ),
+            )
+    except HTTPException:
+        raise
+    except Exception as exc:
+        logger.warning("Provider health gate skipped (probe failed): %s", exc)
+
+    previous = bootstrap.current_provider
+    try:
+        bootstrap.set_current_provider(provider_data.provider)
+        new_llm = bootstrap.create_orchestrator_llm()
+        bootstrap.llm = new_llm
+        chat_orchestrator.llm_client = new_llm
+
+        persona_llm = bootstrap.create_persona_llm()
+        new_personas = get_default_personas(persona_llm)
+        chat_orchestrator.personas.clear()
+        for persona in new_personas:
+            chat_orchestrator.register_persona(persona)
+
+        return {
+            "message": f"Successfully switched to {bootstrap.current_provider}",
+            "current_provider": bootstrap.current_provider,
+            "model_info": {
+                "name": _model_name(new_llm),
+                "provider": bootstrap.current_provider,
+            },
+        }
+
+    except Exception as e:
+        bootstrap.set_current_provider(previous)
+        raise HTTPException(
+            status_code=500,
+            detail=f"Failed to switch to {provider_data.provider}: {str(e)}",
+        )
+
+
+@router.post("/switch-model")
+async def switch_model(model_name: str = Body(...)):
+    if "gemini" in model_name.lower():
+        return await switch_provider(ProviderSwitch(provider="gemini"))
+    else:
+        return await switch_provider(ProviderSwitch(provider="ollama"))
+
+
+@router.get("/current-model")
+async def get_current_model():
+    return {
+        "model": _model_name(bootstrap.llm),
+        "provider": bootstrap.current_provider,
+    }
+
+
+@router.get("/models/status")
+async def models_status(refresh: bool = Query(False, description="Bypass short-lived probe cache")):
+    """Probe configured LLM APIs using the same generate() path as chat traffic.
+
+    Returns per-model status (online / unavailable / error). On total probe
+    failure, returns ``check_failed: true`` so the UI can fail open
+    (keep the unfiltered provider list).
+    """
+    try:
+        return await get_model_status(force_refresh=refresh)
+    except Exception as exc:
+        logger.warning("Model status check failed entirely: %s", exc)
+        return {
+            "models": [],
+            "online_providers": None,
+            "checked_at": None,
+            "cached": False,
+            "check_failed": True,
+            "error": str(exc)[:200],
+        }
diff --git a/multi_llm_chatbot_backend/app/api/routes/root.py b/multi_llm_chatbot_backend/app/api/routes/root.py
new file mode 100644
index 0000000000000000000000000000000000000000..28ba78b75b0621f88ffe30d9310af129a83daa33
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/root.py
@@ -0,0 +1,28 @@
+from fastapi import APIRouter
+from app.config import get_settings
+from app.version import __version__
+
+import logging
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+
+@router.get("/health")
+def health():
+    """Backend heartbeat — kept off ``/`` so the SPA can own the Space root."""
+    title = get_settings().app.title
+    return {
+        "message": f"{title} Backend is up and running",
+        "version": __version__,
+        "features": [
+            "Configurable Personas",
+            "Improved Session Management",
+            "Unified Context Handling",
+            "Ollama Support",
+            "Gemini API Support",
+            "Provider Switching",
+        ],
+    }
+
diff --git a/multi_llm_chatbot_backend/app/api/routes/sessions.py b/multi_llm_chatbot_backend/app/api/routes/sessions.py
new file mode 100644
index 0000000000000000000000000000000000000000..cf3c1a2869d63c5a4c88560cea278354019469e6
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/sessions.py
@@ -0,0 +1,265 @@
+from fastapi import APIRouter, Request, HTTPException, Depends
+from app.core.session_manager import get_session_manager
+from app.api.utils import get_or_create_session_for_request_async
+from app.core.auth import get_current_active_user
+from app.models.user import User
+from pydantic import BaseModel
+from typing import Optional
+import logging
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+session_manager = get_session_manager()
+
+class ResetSessionRequest(BaseModel):
+    chat_session_id: Optional[str] = None
+    force_new: bool = False
+
+@router.get("/context")
+async def get_context(
+    request: Request,
+    chat_session_id: Optional[str] = None,
+    current_user: User = Depends(get_current_active_user)
+):
+    """
+    Get context for current session - ENHANCED with document access fix
+    Now properly handles different chat sessions and ensures document access
+    """
+    try:
+        # Determine which session to get context for with consistent session ID format
+        if chat_session_id:
+            # Getting context for a specific chat session - use consistent format
+            session_id = f"chat_{chat_session_id}"
+            logger.info(f"Getting context for specific chat session: {session_id}")
+            
+            # Ensure session is loaded in memory
+            if session_id not in session_manager.sessions:
+                logger.info(f"Chat session {session_id} not in memory, loading from database")
+                loaded_session_id = await get_or_create_session_for_request_async(
+                    request,
+                    chat_session_id=chat_session_id,
+                    user_id=str(current_user.id)
+                )
+                session_id = loaded_session_id
+                logger.info(f"Loaded session ID: {session_id}")
+        else:
+            # Getting context for current session
+            session_id = await get_or_create_session_for_request_async(request)
+            logger.info(f"Getting context for current session: {session_id}")
+        
+        session = session_manager.get_session(session_id)
+        rag_stats = session.get_rag_stats()
+        
+        #  Enhanced logging for document access debugging
+        logger.info(f"Retrieved context for session {session_id}:")
+        logger.info(f"  - Messages: {len(session.messages)}")
+        logger.info(f"  - Documents: {rag_stats.get('total_documents', 0)}")
+        logger.info(f"  - Chunks: {rag_stats.get('total_chunks', 0)}")
+        logger.info(f"  - Uploaded files: {len(session.uploaded_files)}")
+        
+        # Log document details if available
+        if rag_stats.get('documents'):
+            for doc in rag_stats['documents']:
+                logger.info(f"  - Available document: {doc.get('filename', 'unknown')} ({doc.get('chunks', 0)} chunks)")
+        
+        # Include session debugging info in response
+        context_response = {
+            "session_id": session_id,
+            "chat_session_id": chat_session_id,
+            "messages": session.messages,
+            "rag_info": {
+                "total_documents": rag_stats.get("total_documents", 0),
+                "total_chunks": rag_stats.get("total_chunks", 0),
+                "documents": rag_stats.get("documents", [])
+            },
+            "context_stats": {
+                "message_count": len(session.messages),
+                "user_messages": len([m for m in session.messages if m.get('role') == 'user']),
+                "uploaded_files": session.uploaded_files,
+                "total_upload_size": session.total_upload_size,
+                "created_at": session.created_at.isoformat(),
+                "last_accessed": session.last_accessed.isoformat()
+            },
+            # Add debugging info
+            "debug_info": {
+                "session_format": "chat_session" if chat_session_id else "new_session",
+                "session_in_memory": session_id in session_manager.sessions,
+                "document_access_working": rag_stats.get("total_documents", 0) > 0
+            }
+        }
+        
+        return context_response
+        
+    except Exception as e:
+        logger.error(f"Error getting context for session_id {session_id if 'session_id' in locals() else 'unknown'}: {str(e)}")
+        logger.error(f"Chat session ID: {chat_session_id}")
+        import traceback
+        logger.error(f"Full traceback: {traceback.format_exc()}")
+        
+        return {
+            "session_id": session_id if 'session_id' in locals() else None,
+            "chat_session_id": chat_session_id,
+            "messages": [], 
+            "rag_info": {"total_documents": 0, "total_chunks": 0, "documents": []},
+            "context_stats": {
+                "message_count": 0,
+                "user_messages": 0,
+                "uploaded_files": [],
+                "total_upload_size": 0
+            },
+            "error": str(e),
+            "debug_info": {
+                "error_occurred": True,
+                "error_type": type(e).__name__
+            }
+        }
+
+@router.post("/reset-session")
+async def reset_session(
+    reset_request: ResetSessionRequest,
+    request: Request,
+    current_user: User = Depends(get_current_active_user)
+):
+    """
+    Reset session - ENHANCED
+    Now properly handles different reset scenarios
+    """
+    try:
+        if reset_request.force_new:
+            # Force create a completely new session
+            session_id = session_manager.create_session()
+            session = session_manager.get_session(session_id)
+            session.clear_all_data()
+            
+            logger.info(f"Force created new session: {session_id}")
+            
+            return {
+                "status": "reset", 
+                "message": "New session created with fresh context",
+                "session_id": session_id,
+                "chat_session_id": None
+            }
+        
+        elif reset_request.chat_session_id:
+            # Reset a specific chat session context
+            session_id = f"chat_{reset_request.chat_session_id}"
+            
+            if session_id in session_manager.sessions:
+                success = session_manager.reset_session_completely(session_id)
+                message = "Chat session context reset successfully" if success else "Failed to reset chat session context"
+            else:
+                # Create fresh context for this chat
+                session = session_manager.get_session(session_id)
+                session.clear_all_data()
+                success = True
+                message = "Fresh context created for chat session"
+            
+            logger.info(f"Reset chat session {reset_request.chat_session_id}, memory session: {session_id}")
+            
+            return {
+                "status": "reset" if success else "error",
+                "message": message,
+                "session_id": session_id,
+                "chat_session_id": reset_request.chat_session_id
+            }
+        
+        else:
+            # Reset current session
+            session_id = await get_or_create_session_for_request_async(request)
+            success = session_manager.reset_session_completely(session_id)
+            
+            logger.info(f"Reset current session: {session_id}")
+            
+            return {
+                "status": "reset" if success else "error",
+                "message": "Current session reset successfully" if success else "Failed to reset current session",
+                "session_id": session_id
+            }
+            
+    except Exception as e:
+        logger.error(f"Error resetting session: {e}")
+        return {"status": "error", "message": f"Failed to reset session: {str(e)}"}
+
+@router.get("/session-stats")
+async def get_session_stats(
+    request: Request,
+    chat_session_id: Optional[str] = None,
+    current_user: User = Depends(get_current_active_user)
+):
+    """
+    Get session statistics - ENHANCED
+    Now provides detailed stats for different session types
+    """
+    try:
+        if chat_session_id:
+            # Stats for specific chat session
+            session_id = f"chat_{chat_session_id}"
+        else:
+            # Stats for current session
+            session_id = await get_or_create_session_for_request_async(request)
+        
+        stats = session_manager.get_session_stats(session_id)
+        
+        # Add additional context
+        stats["session_type"] = "chat_session" if chat_session_id else "current_session"
+        stats["chat_session_id"] = chat_session_id
+        
+        return stats
+        
+    except Exception as e:
+        logger.error(f"Error getting session stats: {str(e)}")
+        return {"error": str(e)}
+
+@router.get("/active-sessions")
+async def get_active_sessions(current_user: User = Depends(get_current_active_user)):
+    """
+    Get all active sessions for debugging
+    """
+    try:
+        active_count = session_manager.get_active_session_count()
+        
+        # Get overview of sessions (don't return full content for privacy)
+        session_overview = {}
+        for session_id, session in session_manager.sessions.items():
+            session_overview[session_id] = {
+                "message_count": len(session.messages),
+                "uploaded_files": len(session.uploaded_files),
+                "created_at": session.created_at.isoformat(),
+                "last_accessed": session.last_accessed.isoformat(),
+                "is_chat_session": session_id.startswith("chat_")
+            }
+        
+        return {
+            "active_session_count": active_count,
+            "sessions": session_overview
+        }
+        
+    except Exception as e:
+        logger.error(f"Error getting active sessions: {str(e)}")
+        return {"error": str(e)}
+
+@router.post("/cleanup-sessions")
+async def cleanup_expired_sessions(current_user: User = Depends(get_current_active_user)):
+    """
+    Manually trigger session cleanup
+    """
+    try:
+        initial_count = session_manager.get_active_session_count()
+        
+        # Force cleanup
+        session_manager._cleanup_expired_sessions()
+        
+        final_count = session_manager.get_active_session_count()
+        cleaned_count = initial_count - final_count
+        
+        return {
+            "status": "success",
+            "message": f"Cleaned up {cleaned_count} expired sessions",
+            "sessions_before": initial_count,
+            "sessions_after": final_count
+        }
+        
+    except Exception as e:
+        logger.error(f"Error during session cleanup: {str(e)}")
+        return {"status": "error", "message": str(e)}
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/api/routes/user_knowledge.py b/multi_llm_chatbot_backend/app/api/routes/user_knowledge.py
new file mode 100644
index 0000000000000000000000000000000000000000..a7eb72f3eb898e94ab202d121f7976902d8bfff3
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/user_knowledge.py
@@ -0,0 +1,140 @@
+"""HTTP routes for user facts and dual summaries."""
+
+import logging
+from typing import Optional
+
+from bson import ObjectId
+from bson.errors import InvalidId
+from fastapi import APIRouter, Depends, HTTPException, Query, status
+
+from app.core.auth import get_current_active_user
+from app.core.bootstrap import create_llm_client
+from app.core import user_knowledge as uk
+from app.models.user import User
+from app.models.user_knowledge import (
+    UserFactCreate,
+    UserFactListResponse,
+    UserFactResponse,
+    UserFactUpdate,
+    UserSummaryResponse,
+)
+
+LOG = logging.getLogger(__name__)
+
+router = APIRouter()
+
+
+def _fact_response(doc: dict) -> UserFactResponse:
+    return UserFactResponse(
+        id=str(doc.get("_id") or doc.get("id")),
+        user_id=str(doc.get("user_id")),
+        category=doc["category"],
+        key=doc["key"],
+        value=doc["value"],
+        source=doc["source"],
+        confidence=doc.get("confidence"),
+        evidence=doc.get("evidence"),
+        created_at=doc.get("created_at"),
+        updated_at=doc.get("updated_at"),
+    )
+
+
+@router.get("/users/me/facts", response_model=UserFactListResponse)
+async def list_my_facts(
+    source: Optional[str] = Query(None, description="Filter: stated | inferred"),
+    current_user: User = Depends(get_current_active_user),
+) -> UserFactListResponse:
+    if source is not None and source not in ("stated", "inferred"):
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="source must be 'stated' or 'inferred'",
+        )
+    docs = await uk.list_facts(current_user.id, source=source)
+    return UserFactListResponse(facts=[_fact_response(d) for d in docs])
+
+
+@router.post("/users/me/facts", response_model=UserFactResponse, status_code=status.HTTP_201_CREATED)
+async def create_my_fact(
+    body: UserFactCreate,
+    current_user: User = Depends(get_current_active_user),
+) -> UserFactResponse:
+    if not body.key.strip() or not body.value.strip():
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="key and value are required",
+        )
+    doc = await uk.create_stated_fact(
+        current_user.id,
+        category=body.category,
+        key=body.key,
+        value=body.value,
+        evidence=body.evidence,
+    )
+    return _fact_response(doc)
+
+
+@router.put("/users/me/facts/{fact_id}", response_model=UserFactResponse)
+async def update_my_fact(
+    fact_id: str,
+    body: UserFactUpdate,
+    current_user: User = Depends(get_current_active_user),
+) -> UserFactResponse:
+    try:
+        ObjectId(fact_id)
+    except (InvalidId, TypeError):
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="Invalid fact id")
+    updates = {k: v for k, v in body.dict().items() if v is not None}
+    if not updates:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="No fields to update",
+        )
+    doc = await uk.update_fact(current_user.id, fact_id, updates)
+    if not doc:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Fact not found")
+    return _fact_response(doc)
+
+
+@router.delete("/users/me/facts/{fact_id}", status_code=status.HTTP_204_NO_CONTENT)
+async def delete_my_fact(
+    fact_id: str,
+    current_user: User = Depends(get_current_active_user),
+) -> None:
+    try:
+        ObjectId(fact_id)
+    except (InvalidId, TypeError):
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="Invalid fact id")
+    deleted = await uk.delete_fact(current_user.id, fact_id)
+    if not deleted:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Fact not found")
+
+
+@router.get("/users/me/summaries", response_model=UserSummaryResponse)
+async def get_my_summaries(
+    current_user: User = Depends(get_current_active_user),
+) -> UserSummaryResponse:
+    doc = await uk.get_summaries_doc(current_user.id)
+    if not doc:
+        return UserSummaryResponse(user_id=str(current_user.id), short="", long="")
+    return UserSummaryResponse(
+        user_id=str(current_user.id),
+        short=doc.get("short") or "",
+        long=doc.get("long") or "",
+        generated_at=doc.get("generated_at"),
+        version=doc.get("version"),
+    )
+
+
+@router.post("/users/me/summaries/regenerate", response_model=UserSummaryResponse)
+async def regenerate_my_summaries(
+    current_user: User = Depends(get_current_active_user),
+) -> UserSummaryResponse:
+    llm = create_llm_client()
+    doc = await uk.regenerate_summaries(current_user.id, llm)
+    return UserSummaryResponse(
+        user_id=str(current_user.id),
+        short=doc.get("short") or "",
+        long=doc.get("long") or "",
+        generated_at=doc.get("generated_at"),
+        version=doc.get("version"),
+    )
diff --git a/multi_llm_chatbot_backend/app/api/routes/user_profile.py b/multi_llm_chatbot_backend/app/api/routes/user_profile.py
new file mode 100644
index 0000000000000000000000000000000000000000..9fba019a07efc2f9a65713a5c2376e4a27746dde
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/user_profile.py
@@ -0,0 +1,213 @@
+import logging
+from datetime import datetime
+from typing import Any, Dict, List, Optional
+
+from fastapi import APIRouter, Depends
+from pydantic import BaseModel
+
+from app.core.auth import get_current_active_user
+from app.core.database import get_database
+from app.models.user import User
+from app.models.user_profile import UserProfileResponse, UserProfileUpdate
+
+LOG = logging.getLogger(__name__)
+
+router = APIRouter()
+
+PROFILE_FIELDS = [
+    "knowledge_level",
+    "timezone",
+    "cyber_role",
+    "organization_type",
+    "primary_domains",
+    "certifications",
+    "tools_stack",
+    "compliance_focus",
+    "current_goals",
+    "learning_preferences",
+]
+
+LIST_FIELDS = {"primary_domains", "certifications", "tools_stack"}
+
+_SELECT_OPTIONS: Dict[str, List[str]] = {
+    "cyber_role": [
+        "Student / Learner",
+        "Career changer",
+        "SOC analyst",
+        "Security engineer",
+        "Architect / lead",
+        "Manager / director",
+        "Consultant",
+        "Other",
+    ],
+    "organization_type": [
+        "Startup",
+        "Mid-size company",
+        "Enterprise",
+        "Government / public sector",
+        "Education",
+        "MSP / MSSP",
+        "Independent / job seeker",
+    ],
+}
+
+
+def _is_field_filled(value: Any) -> bool:
+    if value is None:
+        return False
+    if isinstance(value, str):
+        return bool(value.strip())
+    if isinstance(value, list):
+        return len(value) > 0
+    return bool(value)
+
+
+def enrich_profile_from_user(
+    doc: Optional[Dict[str, Any]], user: User
+) -> Dict[str, Any]:
+    """Merge account signup fields into the profile when profile slots are empty."""
+    merged = dict(doc or {})
+    if user.academicStage and not _is_field_filled(merged.get("knowledge_level")):
+        merged["knowledge_level"] = user.academicStage
+    if user.researchArea and not _is_field_filled(merged.get("timezone")):
+        merged["timezone"] = user.researchArea
+    return merged
+
+
+def _calc_completion(doc: Dict[str, Any]) -> int:
+    filled = sum(1 for f in PROFILE_FIELDS if _is_field_filled(doc.get(f)))
+    return int(filled / len(PROFILE_FIELDS) * 100)
+
+
+def _profile_response(doc: Dict[str, Any], user: User) -> UserProfileResponse:
+    enriched = enrich_profile_from_user(doc, user)
+    fields = {k: _normalize_field(k, enriched.get(k)) for k in PROFILE_FIELDS}
+    return UserProfileResponse(
+        user_id=str(enriched.get("user_id", user.id)),
+        **fields,
+        advisor_notes=enriched.get("advisor_notes"),
+        updated_at=enriched.get("updated_at"),
+        completion_pct=_calc_completion(enriched),
+    )
+
+
+_SELECT_LOOKUP: Dict[str, Dict[str, str]] = {
+    field: {opt.lower(): opt for opt in opts}
+    for field, opts in _SELECT_OPTIONS.items()
+}
+
+
+def _normalize_select(key: str, value: str) -> str:
+    lookup = _SELECT_LOOKUP.get(key)
+    if not lookup or not isinstance(value, str):
+        return value
+    v = value.strip()
+    if v.lower() in lookup:
+        return lookup[v.lower()]
+    for canonical_lower, canonical in lookup.items():
+        if canonical_lower in v.lower():
+            return canonical
+    return v
+
+
+def _normalize_field(key: str, value: Any) -> Any:
+    if key in LIST_FIELDS:
+        if isinstance(value, str):
+            return [s.strip() for s in value.split(",") if s.strip()]
+        if isinstance(value, list):
+            return value
+        return []
+    if key in _SELECT_OPTIONS:
+        return _normalize_select(key, value)
+    if isinstance(value, list):
+        return ", ".join(str(v) for v in value if v)
+    return value
+
+
+async def _sync_profile_to_user(user: User, update_data: Dict[str, Any]) -> None:
+    """Keep users.academicStage / researchArea aligned with profile edits."""
+    user_updates: Dict[str, Any] = {}
+    if "knowledge_level" in update_data:
+        user_updates["academicStage"] = update_data["knowledge_level"] or None
+    if "timezone" in update_data:
+        user_updates["researchArea"] = update_data["timezone"] or None
+    if user_updates:
+        db = get_database()
+        await db.users.update_one({"_id": user.id}, {"$set": user_updates})
+
+
+@router.get("/users/me/profile", response_model=UserProfileResponse)
+async def get_my_profile(
+    current_user: User = Depends(get_current_active_user),
+) -> UserProfileResponse:
+    db = get_database()
+    doc = await db.user_profiles.find_one({"user_id": current_user.id})
+    if not doc:
+        doc = {"user_id": current_user.id}
+    return _profile_response(doc, current_user)
+
+
+@router.put("/users/me/profile", response_model=UserProfileResponse)
+async def update_my_profile(
+    updates: UserProfileUpdate,
+    current_user: User = Depends(get_current_active_user),
+) -> UserProfileResponse:
+    db = get_database()
+    update_data = {k: v for k, v in updates.dict().items() if v is not None}
+    update_data["updated_at"] = datetime.utcnow()
+    await db.user_profiles.update_one(
+        {"user_id": current_user.id},
+        {"$set": update_data, "$setOnInsert": {"user_id": current_user.id}},
+        upsert=True,
+    )
+    await _sync_profile_to_user(current_user, update_data)
+    doc = await db.user_profiles.find_one({"user_id": current_user.id}) or {
+        "user_id": current_user.id
+    }
+    return _profile_response(doc, current_user)
+
+
+class ClearDataRequest(BaseModel):
+    profile: bool = False
+    chats: bool = False
+    canvas: bool = False
+    journey: bool = False
+
+
+@router.post("/users/me/clear-data")
+async def clear_user_data(
+    req: ClearDataRequest,
+    current_user: User = Depends(get_current_active_user),
+) -> Dict[str, List[str]]:
+    db = get_database()
+    cleared: List[str] = []
+
+    if req.profile:
+        await db.user_profiles.delete_many({"user_id": current_user.id})
+        await db.onboarding_conversations.delete_many({"user_id": current_user.id})
+        # "Profile" from the user's point of view includes everything the
+        # panel knows about them — the About You facts and generated summaries.
+        await db.user_facts.delete_many({"user_id": current_user.id})
+        await db.user_summaries.delete_many({"user_id": current_user.id})
+        cleared.append("profile")
+
+    if req.chats:
+        result = await db.chat_sessions.update_many(
+            {"user_id": current_user.id, "is_active": True},
+            {"$set": {"is_active": False, "updated_at": datetime.utcnow()}},
+        )
+        cleared.append(f"chats ({result.modified_count})")
+
+    if req.canvas:
+        # Canvas docs exist with both ObjectId and string user_id depending on
+        # which code path created them (canvas_manager vs guest seed) — clear both.
+        await db.phd_canvases.delete_many({"user_id": current_user.id})
+        await db.phd_canvases.delete_many({"user_id": str(current_user.id)})
+        cleared.append("canvas")
+
+    if req.journey:
+        await db.goal_tracks.delete_many({"user_id": current_user.id})
+        await db.assessments.delete_many({"user_id": current_user.id})
+        cleared.append("journey")
+
+    return {"cleared": cleared}
diff --git a/multi_llm_chatbot_backend/app/api/routes/voice.py b/multi_llm_chatbot_backend/app/api/routes/voice.py
new file mode 100644
index 0000000000000000000000000000000000000000..2a32ba92ec0b1b87c54673bc8b4a0885ceaa2870
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/routes/voice.py
@@ -0,0 +1,270 @@
+import asyncio
+import html as html_module
+import logging
+import re
+import struct
+import subprocess
+import tempfile
+from pathlib import Path
+from typing import Dict, List, Optional
+from urllib.parse import quote
+
+import httpx
+from fastapi import APIRouter, Depends, File, HTTPException, UploadFile
+from fastapi.responses import Response
+from pydantic import BaseModel
+
+from app.core.auth import get_current_active_user
+from app.models.user import User
+from app.config import get_settings
+
+logger = logging.getLogger(__name__)
+
+router = APIRouter()
+
+voice_settings = get_settings().voice
+TTS_BASE = voice_settings.tts_endpoint
+STT_BASE = voice_settings.stt_endpoint
+
+HTTP_TIMEOUT = 120
+# Coqui uses GET /synthesize/{text}; keep chunks small for URL limits.
+MAX_SYNTH_CHUNK = 200
+
+_SECTION_HEADERS = re.compile(
+    r"\b(Thought|What to do|Next step)\s*[:.]?\s*", flags=re.IGNORECASE
+)
+
+
+class TTSRequest(BaseModel):
+    text: str
+
+
+def _rough_spoken_text(raw: str) -> str:
+    """Light cleanup so model markdown is tolerable for TTS (no extra deps)."""
+    t = raw.strip()
+    t = re.sub(r"```[\s\S]*?```", " ", t)
+    t = re.sub(r"`([^`]+)`", r"\1", t)
+    t = re.sub(r"\[([^\]]+)\]\([^)]+\)", r"\1", t)
+    t = re.sub(r"!\[([^\]]*)\]\([^)]+\)", r"\1", t)
+    t = re.sub(r"^#{1,6}\s+", "", t, flags=re.MULTILINE)
+    t = re.sub(r"[*_]{1,3}", "", t)
+    t = html_module.unescape(t)
+    t = _SECTION_HEADERS.sub(" ", t)
+    t = re.sub(r"\s+", " ", t).strip()
+    return t
+
+
+def _text_chunks(text: str, max_len: int = MAX_SYNTH_CHUNK) -> List[str]:
+    text = text.strip()
+    if not text:
+        return []
+    out: List[str] = []
+    while text:
+        if len(text) <= max_len:
+            out.append(text)
+            break
+        cut = text.rfind(" ", 0, max_len)
+        if cut <= 0:
+            cut = max_len
+        piece = text[:cut].strip()
+        if piece:
+            out.append(piece)
+        text = text[cut:].strip()
+    return out
+
+
+async def _synthesize_one(client: httpx.AsyncClient, chunk: str) -> Optional[bytes]:
+    url = f"{TTS_BASE}/synthesize/{quote(chunk, safe='')}"
+    try:
+        r = await client.get(url)
+        r.raise_for_status()
+        return r.content
+    except Exception as exc:
+        logger.warning("TTS chunk failed (%s chars): %s", len(chunk), exc)
+        return None
+
+
+def _concat_wav(segments: List[bytes]) -> bytes:
+    if len(segments) == 1:
+        return segments[0]
+
+    pcm_parts: List[bytes] = []
+    first_header = b""
+
+    for i, seg in enumerate(segments):
+        # PCM WAV files begin with a 44-byte header; if the segment is shorter,
+        # then it cannot be valid WAV audio
+        if len(seg) < 44:
+            continue
+        if i == 0:
+            first_header = seg[:44]
+        data_offset = 44
+        idx = seg.find(b"data")
+        if idx != -1 and idx + 8 <= len(seg):
+            data_offset = idx + 8
+        pcm_parts.append(seg[data_offset:])
+
+    if not pcm_parts or not first_header:
+        return segments[0] if segments else b""
+
+    all_pcm = b"".join(pcm_parts)
+    pcm_len = len(all_pcm)
+
+    header = bytearray(first_header)
+    struct.pack_into("<I", header, 4, pcm_len + 36)
+    struct.pack_into("<I", header, 40, pcm_len)
+    return bytes(header) + all_pcm
+
+
+def _convert_to_wav(audio_bytes: bytes, src_mime: str) -> bytes:
+    with tempfile.TemporaryDirectory() as tmp:
+        ext = "webm" if "webm" in (src_mime or "") else "ogg"
+        src = Path(tmp) / f"in.{ext}"
+        dst = Path(tmp) / "out.wav"
+        src.write_bytes(audio_bytes)
+        result = subprocess.run(
+            [
+                "ffmpeg",
+                "-y",
+                "-i",
+                str(src),
+                "-ar",
+                "16000",
+                "-ac",
+                "1",
+                "-f",
+                "wav",
+                str(dst),
+            ],
+            capture_output=True,
+            timeout=30,
+        )
+        if result.returncode != 0:
+            logger.warning(
+                "ffmpeg stderr: %s",
+                result.stderr.decode(errors="replace")[-500:],
+            )
+            raise RuntimeError("ffmpeg conversion failed")
+        return dst.read_bytes()
+
+
+@router.get("/voice/status")
+async def voice_status(
+    current_user: User = Depends(get_current_active_user),
+) -> Dict[str, bool]:
+    tts_ready = False
+    stt_ready = False
+    async with httpx.AsyncClient(timeout=5) as client:
+        if TTS_BASE not in ("", None):
+            try:
+                resp = await client.get(f"{TTS_BASE}/status")
+                tts_ready = resp.status_code == 200
+            except Exception:
+                tts_ready = False
+        if STT_BASE not in ("", None):
+            try:
+                resp = await client.get(f"{STT_BASE}/status")
+                stt_ready = resp.status_code == 200
+            except Exception:
+                stt_ready = False
+    return {"tts_ready": tts_ready, "stt_ready": stt_ready}
+
+
+@router.post("/voice/transcribe")
+async def transcribe_audio(
+    audio: UploadFile = File(...),
+    current_user: User = Depends(get_current_active_user),
+) -> Dict[str, str]:
+    """
+    Transcribe an uploaded audio file and return the text.
+    @param audio: The uploaded audio file (from a browser recording)
+    @param current_user: The authenticated user making the request
+    @return: A dictionary with the transcribed text under key "text"
+    """
+    contents = await audio.read()
+    if not contents:
+        return {"text": ""}
+
+    mime = audio.content_type or "audio/webm"
+    logger.info("STT: received %s bytes (%s)", len(contents), mime)
+
+    need_convert = "wav" not in mime.lower()
+    if need_convert:
+        try:
+            loop = asyncio.get_running_loop()
+            wav_bytes = await loop.run_in_executor(
+                None, _convert_to_wav, contents, mime
+            )
+            logger.info("STT: converted to WAV (%s bytes)", len(wav_bytes))
+        except Exception as e:
+            logger.error("STT conversion error: %s", e)
+            raise HTTPException(status_code=500, detail="Audio conversion failed")
+    else:
+        wav_bytes = contents
+
+    try:
+        async with httpx.AsyncClient(timeout=HTTP_TIMEOUT) as client:
+            resp = await client.post(
+                f"{STT_BASE}/stt",
+                content=wav_bytes,
+                headers={"Content-Type": "audio/wav"},
+            )
+            resp.raise_for_status()
+            text = resp.text.strip().strip('"')
+            logger.info("STT result: %r", text[:100])
+            return {"text": text}
+    except httpx.TimeoutException:
+        raise HTTPException(status_code=504, detail="STT service timed out")
+    except Exception as e:
+        logger.error("STT proxy error: %s", e)
+        raise HTTPException(status_code=502, detail="STT service unavailable")
+
+
+@router.post("/voice/tts")
+async def text_to_speech(
+    req: TTSRequest,
+    current_user: User = Depends(get_current_active_user),
+) -> Response:
+    """
+    Generate spoken audio for the input text
+    @param req: A TTSRequest containing the text to synthesize
+    @param current_user: The authenticated user making the request
+    @return: A Response containing the synthesized audio in WAV format
+    """
+    raw = req.text.strip()
+    if not raw:
+        raise HTTPException(status_code=400, detail="Text is required")
+
+    if len(raw) > 5000:
+        raw = raw[:5000]
+
+    spoken = _rough_spoken_text(raw)
+    chunks = _text_chunks(spoken)
+    logger.info(
+        "TTS: %s chunk(s) from %s input chars → %s spoken chars",
+        len(chunks),
+        len(req.text),
+        len(spoken),
+    )
+
+    try:
+        async with httpx.AsyncClient(timeout=HTTP_TIMEOUT) as client:
+            results = await asyncio.gather(
+                *[_synthesize_one(client, c) for c in chunks]
+            )
+            wav_segments = [r for r in results if r and len(r) > 44]
+
+            if not wav_segments:
+                raise HTTPException(
+                    status_code=502, detail="TTS synthesis failed for all chunks"
+                )
+
+            combined = _concat_wav(wav_segments)
+            return Response(content=combined, media_type="audio/wav")
+    except HTTPException:
+        raise
+    except httpx.TimeoutException:
+        raise HTTPException(status_code=504, detail="TTS service timed out")
+    except Exception as e:
+        logger.error("TTS proxy error: %s", e)
+        raise HTTPException(status_code=502, detail="TTS service unavailable")
diff --git a/multi_llm_chatbot_backend/app/api/utils.py b/multi_llm_chatbot_backend/app/api/utils.py
new file mode 100644
index 0000000000000000000000000000000000000000..ebff8327c001cb575938862f3f23bb7a74d6eaf3
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/api/utils.py
@@ -0,0 +1,130 @@
+from typing import Optional
+from fastapi import Request
+from app.core.session_manager import get_session_manager
+from app.core.database import get_database
+from bson import ObjectId
+import logging
+
+logger = logging.getLogger(__name__)
+session_manager = get_session_manager()
+
+async def load_chat_session_into_context(chat_session_id: str, user_id: str) -> str:
+    """
+    Load a chat session from MongoDB into memory context - ENHANCED DEBUG VERSION
+    """
+    try:
+        db = get_database()
+        
+        # Add enhanced debugging
+        logger.info(f"=== LOADING CHAT SESSION DEBUG ===")
+        logger.info(f"Attempting to load chat_session_id: {chat_session_id}")
+        logger.info(f"For user_id: {user_id}")
+        
+        # Try to find the session with enhanced debugging
+        chat_session = await db.chat_sessions.find_one({
+            "_id": ObjectId(chat_session_id),
+            "user_id": ObjectId(user_id),
+            "deleted_at": {"$exists": False}
+        })
+        
+        if not chat_session:
+            logger.warning(f"Chat session {chat_session_id} not found for user {user_id}")
+            
+            # Debug: Check if session exists for any user
+            try:
+                session_exists = await db.chat_sessions.find_one({"_id": ObjectId(chat_session_id)})
+                if session_exists:
+                    logger.warning(f"Session exists but for different user: {session_exists.get('user_id')}")
+                    logger.warning(f"Expected user: {user_id}")
+                    logger.warning(f"Session user: {session_exists.get('user_id')}")
+                    logger.warning(f"User ID types - Expected: {type(user_id)}, Found: {type(session_exists.get('user_id'))}")
+                else:
+                    logger.warning(f"Session {chat_session_id} does not exist in database at all")
+            except Exception as debug_error:
+                logger.error(f"Error during session debug: {debug_error}")
+            
+            # Debug: List recent sessions for this user
+            try:
+                recent_sessions = await db.chat_sessions.find(
+                    {"user_id": ObjectId(user_id), "deleted_at": {"$exists": False}}
+                ).limit(5).to_list(5)
+                logger.info(f"Recent sessions for user {user_id}: {[str(s['_id']) for s in recent_sessions]}")
+            except Exception as debug_error:
+                logger.error(f"Error listing recent sessions: {debug_error}")
+            
+            return None
+
+        logger.info(f"✅ Found chat session: {chat_session.get('title', 'Untitled')}")
+        logger.info(f"✅ Message count: {len(chat_session.get('messages', []))}")
+        
+        # Create consistent memory session ID  
+        memory_session_id = f"chat_{chat_session_id}"
+        logger.info(f"✅ Creating memory session: {memory_session_id}")
+        
+        # Get session manager and create memory session
+        session_manager = get_session_manager()
+        memory_session = session_manager.get_session(memory_session_id)
+        
+        # Clear any existing data
+        memory_session.clear_all_data()
+        
+        # Load messages into memory session
+        messages = chat_session.get('messages', [])
+        for msg_data in messages:
+            try:
+                message = {
+                    'id': msg_data.get('id', 'unknown'),
+                    'role': 'user' if msg_data.get('type') == 'user' else 'assistant',
+                    'content': msg_data.get('content', ''),
+                    'timestamp': msg_data.get('timestamp', '')
+                }
+                memory_session.append_message(message['role'], message['content'])
+                
+                # Store original message for export
+                if not hasattr(memory_session, 'original_messages'):
+                    memory_session.original_messages = []
+                
+                memory_session.original_messages.append(message)
+            except Exception as msg_error:
+                logger.error(f"Error loading message: {msg_error}")
+                continue
+        
+        logger.info(f"Loaded {len(messages)} messages into session {memory_session_id}")
+        return memory_session_id
+        
+    except Exception as e:
+        logger.error(f"Error loading chat session into context: {e}")
+        import traceback
+        logger.error(f"Full traceback: {traceback.format_exc()}")
+        return None
+
+async def get_or_create_session_for_request_async(
+    request: Request, 
+    session_id_override: Optional[str] = None,
+    chat_session_id: Optional[str] = None,
+    user_id: Optional[str] = None
+) -> str:
+    """
+    Async version that properly handles chat session loading
+    """
+    
+    # Case 1: Loading an existing chat session
+    if chat_session_id and user_id:
+        memory_session_id = await load_chat_session_into_context(chat_session_id, user_id)
+        if memory_session_id:
+            return memory_session_id
+        # If loading failed, create new session
+    
+    # Case 2: Explicit session ID provided
+    if session_id_override:
+        return session_id_override
+
+    # Case 3: Check for session header
+    session_header = request.headers.get("X-Session-ID")
+    if session_header:
+        return session_header
+
+    # Case 4: Create a truly new session
+    new_session_id = session_manager.create_session()
+    logger.info(f"Created new session: {new_session_id}")
+    return new_session_id
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/assets/avatars/advisor1.png b/multi_llm_chatbot_backend/app/assets/avatars/advisor1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac03b8d64e4d8ac25609c34c950a1cd00a0bac34
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/assets/avatars/advisor1.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8def49b76592eb14f37b308542534720dd5df516fe8c9b95dff00f2534f51727
+size 5792062
diff --git a/multi_llm_chatbot_backend/app/assets/avatars/advisor2.png b/multi_llm_chatbot_backend/app/assets/avatars/advisor2.png
new file mode 100644
index 0000000000000000000000000000000000000000..53108576b3123bb67aacb3990038ce9130fb2979
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/assets/avatars/advisor2.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:676f77e3d01c0a905658e965be55f3b6d3a91370debc1ba930f9e5a7ed7a80a2
+size 5326706
diff --git a/multi_llm_chatbot_backend/app/assets/avatars/advisor3.png b/multi_llm_chatbot_backend/app/assets/avatars/advisor3.png
new file mode 100644
index 0000000000000000000000000000000000000000..85d5ce3016022af88fcfed804a5425f4c38944ab
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/assets/avatars/advisor3.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3e4e59ac55e3bc490f36b5f85b03c8634ebe1ae7727e888093c4b7e1879c4473
+size 5573017
diff --git a/multi_llm_chatbot_backend/app/assets/avatars/advisor4.png b/multi_llm_chatbot_backend/app/assets/avatars/advisor4.png
new file mode 100644
index 0000000000000000000000000000000000000000..831b011494d59aa693498e9eec84b06cca94f490
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/assets/avatars/advisor4.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b97c9f62b1cfb8d4ce6e57c187dbad6a6fab69b24e446af31dec8999ce800306
+size 5326776
diff --git a/multi_llm_chatbot_backend/app/assets/avatars/advisor5.png b/multi_llm_chatbot_backend/app/assets/avatars/advisor5.png
new file mode 100644
index 0000000000000000000000000000000000000000..5dd4b66cb7a3c1985cbb70f7feaec6f58194ad90
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/assets/avatars/advisor5.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:769b6a6461cdb2f92e3e71fbbcd2b1361b560fd7c49617f3a476eaf1a6bf9199
+size 5042882
diff --git a/multi_llm_chatbot_backend/app/assets/avatars/advisor6.png b/multi_llm_chatbot_backend/app/assets/avatars/advisor6.png
new file mode 100644
index 0000000000000000000000000000000000000000..608f527fd077023e3f8cddee9568db07009a1a1a
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/assets/avatars/advisor6.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5d066f008dffcb0332642e35e3f4805ed30598c03055ac149ab9c5c2892f1c8b
+size 5299628
diff --git a/multi_llm_chatbot_backend/app/assets/avatars/advisor7.png b/multi_llm_chatbot_backend/app/assets/avatars/advisor7.png
new file mode 100644
index 0000000000000000000000000000000000000000..2dffedb495ed70920466b6f7aa732cd644b3a342
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/assets/avatars/advisor7.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d7ef861863ee750e201e7ee5eb483494b7dbadc975d0f2fb5cb9fdc0f428e0e6
+size 4280063
diff --git a/multi_llm_chatbot_backend/app/config.py b/multi_llm_chatbot_backend/app/config.py
new file mode 100644
index 0000000000000000000000000000000000000000..290cad5254944b743e47bc15bb522b02daa71431
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/config.py
@@ -0,0 +1,525 @@
+"""
+Centralized application configuration.
+
+Reads ``config.yaml`` from the project root (two levels above this file) and
+validates it with Pydantic models.  Every setting falls back to environment
+variables when the YAML value is empty, so existing ``.env`` workflows keep
+working.
+"""
+
+import os
+import logging
+import colorsys
+from pathlib import Path
+from typing import Any, Dict, List, Optional
+from colorhash import ColorHash
+
+import httpx
+import yaml
+from pydantic import BaseModel, validator, Field, model_validator
+
+from app.utils.avatar_helpers import get_bundled_avatar_path
+
+logger = logging.getLogger(__name__)
+
+# ---------------------------------------------------------------------------
+# Pydantic models
+# ---------------------------------------------------------------------------
+
+class _IconValidatorMixin(BaseModel):
+    """Validates that the ``icon`` field is a known Lucide icon name."""
+
+    @model_validator(mode="after")
+    def _validate_icon(self):
+        from app.utils.lucide_icons import get_valid_icon_names
+
+        valid = get_valid_icon_names()
+        if valid and self.icon not in valid:
+            raise ValueError(
+                f"Unknown icon {self.icon!r}. "
+                f"Must be a valid Lucide icon name."
+            )
+        return self
+
+
+class FeatureConfig(_IconValidatorMixin):
+    title: str = ""
+    description: str = ""
+    icon: str = "HelpCircle"
+
+
+class UserAvatarOption(BaseModel):
+    id: str
+    icon: str = "User"
+    color: str = "#2563EB"
+    bg: str = "#EFF6FF"
+
+
+class AppConfig(BaseModel):
+    title: str = "Advisor Canvas"
+    subtitle: str = "AI-Powered Guidance"
+    primary_color: str = "#7C3AED"
+    footer_text: str = ""
+    user_avatars: List[UserAvatarOption] = []
+
+
+class HomepageConfig(BaseModel):
+    headline_prefix: str = "Get Guidance from"
+    headline_highlight: str = "Advisor Personas"
+    description: str = ""
+    features_title: str = "Why Choose Our Advisory Panel?"
+    features: List[FeatureConfig] = []
+
+
+class AcademicStage(BaseModel):
+    value: str = ""
+    label: str = ""
+
+
+class LoginConfig(BaseModel):
+    subtitle: str = "Sign in to continue"
+    signup_subtitle: str = "Create your account to get personalized guidance from expert advisors"
+    academic_stages: List[AcademicStage] = []
+    knowledge_levels: List[AcademicStage] = []
+    timezones: List[AcademicStage] = []
+
+
+class ExampleCategory(_IconValidatorMixin):
+    title: str
+    icon: str = "BookOpen"
+    color: str = "#3B82F6"
+    bg_color: str = "#EFF6FF"
+    suggestions: List[str] = []
+
+
+class IntakeChipConfig(BaseModel):
+    id: str
+    label: str
+    prompt: str = ""
+    free_text: bool = False
+
+
+class IntakeConfig(BaseModel):
+    greeting: str = (
+        "You've contacted me today — what is it that I can help you with in cybersecurity?"
+    )
+    chips: List[IntakeChipConfig] = []
+    # Optional persona-keyed chip lists for Explore-as-guest (personal|business|other)
+    by_persona: Dict[str, List[IntakeChipConfig]] = {}
+
+
+class ChatPageConfig(BaseModel):
+    placeholder: str = "Ask your advisors anything..."
+    examples: List[ExampleCategory] = []
+    # Optional persona-keyed example grids for Explore-as-guest
+    examples_by_persona: Dict[str, List[ExampleCategory]] = {}
+    intake: IntakeConfig = IntakeConfig()
+
+
+class PersonaItemConfig(_IconValidatorMixin):
+    id: str
+    name: str
+    enabled: bool = True
+    role: str = ""
+    summary: str = ""
+    color: Optional[str] = None
+    bg_color: Optional[str] = None
+    dark_color: Optional[str] = None
+    dark_bg_color: Optional[str] = None
+    icon: str = "HelpCircle"
+    avatar: Optional[str] = None
+    temperature: int = 5
+    persona_prompt: str = ""
+
+    @model_validator(mode='after')
+    def _auto_generate_colors(self):
+        if self.color is None:
+            generated = generate_persona_colors(self.name)
+            self.color = generated["color"]
+            self.bg_color = generated["bg_color"]
+            self.dark_color = generated["dark_color"]
+            self.dark_bg_color = generated["dark_bg_color"]
+        return self
+
+    def _resolve_image(self) -> str:
+        """Resolve the persona's visual representation as a URI string.
+
+        Returns the avatar as a URI the frontend can dispatch on by scheme:
+
+        - ``https://…`` / ``http://…`` - external image URL
+        - ``/api/avatars/bundled/…`` - server-relative path for a bundled file
+        - ``icon://<LucideIconName>`` - render a Lucide icon component
+
+        Falls back to ``icon://`` when a bundled avatar name doesn't match a
+        file on disk or when an external URL is unreachable.
+        """
+        if self.avatar is None:
+            return f"icon://{self.icon}"
+        if self.avatar.startswith(("http://", "https://")):
+            try:
+                resp = httpx.head(self.avatar, timeout=5, follow_redirects=True)
+                if resp.is_success:
+                    return self.avatar
+                logger.warning(
+                    "Avatar URL %r returned status %d for persona %r, falling back to icon.",
+                    self.avatar, resp.status_code, self.id,
+                )
+            except httpx.HTTPError as exc:
+                logger.warning(
+                    "Avatar URL %r unreachable for persona %r (%s), falling back to icon.",
+                    self.avatar, self.id, exc,
+                )
+            return f"icon://{self.icon}"
+        if get_bundled_avatar_path(self.avatar) is None:
+            logger.warning(
+                "Bundled avatar %r not found for persona %r, falling back to icon.",
+                self.avatar, self.id,
+            )
+            return f"icon://{self.icon}"
+        # Default to empty string (→ relative URL) so single-origin Spaces
+        # deployments serve avatars off the same host as the SPA. Local
+        # ``npm start`` development setups can still set REACT_APP_API_URL
+        # explicitly to point at the backend on a different port.
+        base = os.getenv("REACT_APP_API_URL", "").rstrip("/")
+        return f"{base}/api/avatars/bundled/{self.avatar}"
+
+    def to_frontend_config(self) -> dict:
+        return {
+            "id": self.id,
+            "name": self.name,
+            "role": self.role,
+            "summary": self.summary,
+            "color": self.color,
+            "bg_color": self.bg_color,
+            "dark_color": self.dark_color,
+            "dark_bg_color": self.dark_bg_color,
+            "image": self._resolve_image(),
+            }
+
+
+class PersonasConfig(BaseModel):
+    base_prompt: str = ""
+    personas_dir: str = ""
+    config_dir: str = ""
+    items: List[PersonaItemConfig] = []
+
+    @model_validator(mode='after')
+    def _load_personas_from_directory(self):
+        if self.personas_dir:
+            dir_path = Path(self.personas_dir)
+            if not dir_path.is_absolute() and self.config_dir:
+                dir_path = Path(self.config_dir) / dir_path
+            loaded = load_personas_from_dir(str(dir_path))
+            if loaded:
+                self.items = loaded
+                logger.info(f"Loaded {len(loaded)} personas.")
+            else:
+                logger.warning(f"No personas found in {self.personas_dir}. falling back to personas.items config")
+        return self
+
+
+class OrchestratorConfig(BaseModel):
+    min_words_without_keywords: int = 6
+    conversation_history_token_threshold: int = 4000
+    specific_keywords: List[str] = []
+    # Advisor always included in the responding panel (the required lead).
+    required_advisor: str = "jerry_huaute"
+    # Advisor pulled to the front when an active incident (triage) is detected.
+    triage_advisor: str = "incident_responder"
+    # Number of generated follow-up chips after each panel response (0 = off).
+    followup_count: int = 3
+    clarification_questions: List[str] = [
+            "Could you provide more details about what you need help with?"]
+    clarification_suggestions: List[str] = [
+            "Provide more details about your question."]
+
+    @model_validator(mode="after")
+    def validate_clarificaiton_questions(self):
+        if len(self.clarification_questions) < 1:
+            raise ValueError("At least one clarification question is required.")
+        return self
+
+
+class AuthConfig(BaseModel):
+    jwt_secret: str = Field(default=os.getenv("JWT_SECRET_KEY", ""))
+    algorithm: str = "HS256"
+    token_expiry_minutes: int = 43200  # 30 days
+
+    @model_validator(mode="after")
+    def _validate_jwt_secret(self):
+        if not self.jwt_secret:
+            logger.warning(
+                    "Insecure default JWT secret will be used. "
+                    "Set auth.jwt_secret in config.yaml for production use.")
+            self.jwt_secret = "your-secret-key-change-me"
+        return self
+
+
+class MongoDBConfig(BaseModel):
+    connection_string: str = Field(default=os.getenv("MONGODB_CONNECTION_STRING")) 
+    database_name: str = "phd_advisor"
+
+    @model_validator(mode="after")
+    def _warn_connection_envvar(self):
+        if os.getenv("MONGODB_CONNECTION_STRING"):
+            if self.connection_string != os.getenv("MONGODB_CONNECTION_STRING"):
+                logger.warning(
+                    "MONGODB_CONNECTION_STRING envvar is overridden in "
+                    "config.yaml"
+                )
+            else:
+                logger.warning(
+                    "MongoDB connection string not set in config.yaml. "
+                    "Falling back to MONGODB_CONNECTION_STRING envvar."
+                )
+        return self
+
+
+class GeminiConfig(BaseModel):
+    api_key: str = Field(default=os.getenv("GEMINI_API_KEY"))
+    model: str = "gemini-2.5-flash"
+
+    @model_validator(mode="after")
+    def _warn_gemini_envvar(self):
+        if os.getenv("GEMINI_API_KEY"):
+            if self.api_key != os.getenv("GEMINI_API_KEY"):
+                logger.warning(
+                    "GEMINI_API_KEY envvar is overridden in config.yaml"
+                )
+            else:
+                logger.warning(
+                    "Gemini API key not set in config.yaml. "
+                    "Falling back to GEMINI_API_KEY environment variable."
+                )
+        return self
+
+
+class OllamaConfig(BaseModel):
+    model: str = "llama3.2:1b"
+    # TODO: Drop support for `OLLAMA_BASE_URL` envvar handling
+    base_url: str = Field(default=os.getenv("OLLAMA_BASE_URL", "http://localhost:11434"))
+
+
+class VllmConfig(BaseModel):
+    api_url: str = ""
+    api_key: str = Field(default=os.getenv("VLLM_API_KEY", ""))
+    api_username: str = Field(default=os.getenv("VLLM_API_USERNAME", ""))
+    model_id: str = ""
+    neon_persona_orchestrator: str = "vanilla"
+    neon_persona_advisors: str = "CybersecurityExpert"
+
+
+class OpenAIConfig(BaseModel):
+    api_key: str = Field(default=os.getenv("OPENAI_API_KEY", ""))
+    model: str = "gpt-5.4"
+    orchestrator_reasoning_effort: str = "low"
+    persona_reasoning_effort: str = "none"
+
+
+class ResilientConfig(BaseModel):
+    race_timeout_seconds: float = 3.0
+
+
+class LLMConfig(BaseModel):
+    provider: str = "gemini"
+    gemini: GeminiConfig = GeminiConfig()
+    ollama: OllamaConfig = OllamaConfig()
+    vllm: VllmConfig = VllmConfig()
+    openai: OpenAIConfig = OpenAIConfig()
+    resilient: ResilientConfig = ResilientConfig()
+
+
+class RAGConfig(BaseModel):
+    embedding_model: str = "all-MiniLM-L6-v2"
+    chroma_collection: str = "phd_advisor_documents"
+
+
+class ToolsConfig(BaseModel):
+    model_config = {"extra": "allow"}
+
+    def get_enabled_names(self) -> List[str]:
+        """Return tool names whose config has ``enabled: true``."""
+        return [
+            name
+            for name, cfg in self.__pydantic_extra__.items()
+            if isinstance(cfg, dict) and cfg.get("enabled", True)
+        ]
+
+    def get_tool_config(self, name: str) -> Dict[str, Any]:
+        """Return the raw config dict for a single tool, or ``{}``."""
+        cfg = self.__pydantic_extra__.get(name, {})
+        return cfg if isinstance(cfg, dict) else {}
+
+
+class VoiceConfig(BaseModel):
+    stt_endpoint: str = "https://whisper.neonaiservices.com"
+    tts_endpoint: str = "https://coqui.neonaiservices.com"
+
+
+class UserKnowledgeConfig(BaseModel):
+    short_summary_max_tokens: int = 150
+    long_summary_max_tokens: int = 600
+    small_model_context_budget: int = 4096
+    extract_on_every_message: bool = True
+    # Providers that receive the short summary (small context window).
+    small_context_providers: List[str] = ["vllm", "ollama"]
+
+
+class AppSettings(BaseModel):
+    """Top-level container that mirrors the YAML structure."""
+    app: AppConfig = AppConfig()
+    homepage: HomepageConfig = HomepageConfig()
+    login: LoginConfig = LoginConfig()
+    chat_page: ChatPageConfig = ChatPageConfig()
+    personas: PersonasConfig = PersonasConfig()
+    orchestrator: OrchestratorConfig = OrchestratorConfig()
+    auth: AuthConfig = AuthConfig()
+    mongodb: MongoDBConfig = MongoDBConfig()
+    llm: LLMConfig = LLMConfig()
+    rag: RAGConfig = RAGConfig()
+    tools: ToolsConfig = ToolsConfig()
+    voice: VoiceConfig = VoiceConfig()
+    user_knowledge: UserKnowledgeConfig = UserKnowledgeConfig()
+
+    # ------------------------------------------------------------------
+    # Convenience helpers
+    # ------------------------------------------------------------------
+
+    def get_frontend_config(self) -> dict:
+        """Return the subset of configuration safe to expose to the frontend
+        via ``GET /api/config``.  Secrets are excluded."""
+        return {
+            "app": self.app.dict(),
+            "homepage": self.homepage.dict(),
+            "login": self.login.dict(),
+            "chat_page": self.chat_page.dict(),
+            "personas": {
+                "items": [p.to_frontend_config() for p in self.personas.items],
+            },
+            "user_knowledge": {
+                "short_summary_max_tokens": self.user_knowledge.short_summary_max_tokens,
+                "long_summary_max_tokens": self.user_knowledge.long_summary_max_tokens,
+                "small_model_context_budget": self.user_knowledge.small_model_context_budget,
+            },
+        }
+
+
+# ---------------------------------------------------------------------------
+# Singleton loader
+# ---------------------------------------------------------------------------
+
+_settings: Optional[AppSettings] = None
+
+
+def load_settings(config_path: Optional[str] = None) -> AppSettings:
+    """Load and validate ``config.yaml``, returning an ``AppSettings`` object.
+
+    The result is cached as a module-level singleton so subsequent calls are
+    free.  Pass *config_path* to override the auto-detected location (useful
+    for tests).
+    """
+    global _settings
+    if _settings is not None:
+        return _settings
+
+    config_path = config_path or os.getenv("CONFIG_PATH")
+    if not config_path:
+        logger.warning("No CONFIG_PATH specified. Using default values")
+        raw = {}
+    else:
+        path = Path(config_path)
+        if not path.exists():
+            raise FileNotFoundError(f"Configuration file not found at {config_path}")
+        logger.info(f"Loading configuration from {path}")
+        with open(path, "r", encoding="utf-8") as fh:
+            raw = yaml.safe_load(fh) or {}
+
+    personas_cfg = raw.setdefault("personas", {})
+
+    if config_path:
+        personas_cfg["config_dir"] = str(Path(config_path).parent)
+
+    _settings = AppSettings(**raw)
+    logger.info(f"Configuration loaded: app.title={_settings.app.title}")
+    return _settings
+
+
+def get_settings() -> AppSettings:
+    """Return the cached settings singleton (loads on first call)."""
+    return load_settings()
+
+
+# ---------------------------------------------------------------------------
+# Helper Functions
+# ---------------------------------------------------------------------------
+
+
+def load_personas_from_dir(personas_dir: str) -> List[PersonaItemConfig]:
+    """Load persona configs from individual YAML files in a directory.
+    
+    Each file is validated independently — invalid files are skipped with a
+    warning.  Duplicate ids/names and disabled personas are filtered out.
+    """
+
+    dir_path = Path(personas_dir)
+    if not dir_path.is_dir():
+        logger.warning(f"Personas directory not found: {personas_dir}")
+        return []
+
+    personas: List[PersonaItemConfig] = []
+    seen_ids: dict[str, str] = {}     # id -> filename that defined it
+    seen_names: dict[str, str] = {}   # name -> filename that defined it
+
+    # sorting files alphabetically ensures consistent and predictable loading order
+    for filepath in sorted(dir_path.glob("*.yaml")):
+        try:
+            with open(filepath, "r", encoding="utf-8") as fh:
+                raw = yaml.safe_load(fh) or {}
+            persona = PersonaItemConfig(**raw)
+        except Exception as exc:
+            logger.warning(f"Skipping invalid persona file {filepath.name}: {exc}")
+            continue
+
+        if not persona.enabled:
+            logger.info(f"Persona '{persona.id}' is disabled, skipping")
+            continue
+
+        if persona.id in seen_ids:
+            logger.warning(
+                f"Duplicate persona id '{persona.id}' in {filepath.name} "
+                f"(already defined in {seen_ids[persona.id]}), skipping"
+            )
+            continue
+
+        if persona.name in seen_names:
+            logger.warning(
+                f"Duplicate persona name '{persona.name}' in {filepath.name} "
+                f"(already defined in {seen_names[persona.name]}), skipping"
+            )
+            continue
+
+        seen_ids[persona.id] = filepath.name
+        seen_names[persona.name] = filepath.name
+        personas.append(persona)
+
+    logger.info(f"Loaded {len(personas)} persona(s) from {personas_dir}")
+    return personas
+
+
+def generate_persona_colors(name: str) -> dict:
+    """Deterministically generate four theme colors from a persona name."""
+
+    ch = ColorHash(name.lower(), lightness=[0.55], saturation=[0.65])
+    hue = ch.hsl[0]  # grab the hue colorhash picked
+    h = hue / 360
+
+    def hsl_to_hex(h, s, l):
+        r, g, b = colorsys.hls_to_rgb(h, l, s)
+        return f"#{int(r*255):02X}{int(g*255):02X}{int(b*255):02X}"
+
+    return {
+        "color":         hsl_to_hex(h, 0.65, 0.55),
+        "bg_color":      hsl_to_hex(h, 0.60, 0.95),
+        "dark_color":    hsl_to_hex(h, 0.70, 0.70),
+        "dark_bg_color": hsl_to_hex(h, 0.65, 0.25),
+    }
diff --git a/multi_llm_chatbot_backend/app/core/README.md b/multi_llm_chatbot_backend/app/core/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..187f2c4dc4073f16445d8215408cbb7aa661103e
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/README.md
@@ -0,0 +1,49 @@
+# `app/core` – Application Core Logic
+
+Central logic of the cybersecurity advisor panel: orchestration, personas,
+context management, document RAG, sessions, user knowledge, and startup.
+
+## Modules
+
+| Module | Responsibility |
+|--------|----------------|
+| `auth.py` | Authentication (JWT, password hashing, user resolution) |
+| `bootstrap.py` | Startup: provider selection, LLM clients, persona registration |
+| `context_manager.py` | Token estimation and context windowing |
+| `db.py` | SQLite persistence behind a Mongo-shaped async shim |
+| `improved_orchestrator.py` | Routing engine: urgency + advisor ranking, persona responses, RAG context, follow-ups |
+| `rag_manager.py` | ChromaDB document RAG: chunking, storage, semantic search |
+| `session_manager.py` | In-memory chat session lifecycle with RAG hooks |
+| `user_knowledge.py` | Stated/inferred fact store, dual user summaries, regeneration triggers |
+| `model_status.py` | Provider health probes for Model Status |
+| `tracks_loader.py` | Security Journey track definitions from `tracks/*.yaml` |
+| `guest_demo.py` | Guest sample data seeding and cleanup |
+
+## `improved_orchestrator.py`
+
+The main message routing engine, used by `/chat-stream` and `/reply-to-advisor`.
+
+- `route_message()` – one LLM call classifying urgency (`triage` / `advisory`
+  / `program`) and ranking advisors with the user profile in the prompt.
+  Post-processing guarantees the required lead advisor (config
+  `orchestrator.required_advisor`, Jerry) is on the panel and pulls the
+  triage advisor (`orchestrator.triage_advisor`) to the front on incidents.
+- `generate_single_persona_response()` – persona response with document-aware
+  context.
+- `_build_enhanced_context_for_persona()` – system prompt + user summary +
+  urgency note + conversation history. Small-context providers (vLLM/Ollama)
+  are capped by `user_knowledge.small_model_context_budget` (4096 by
+  default); long conversations are summarized with the recent turns kept
+  verbatim.
+- `generate_followups()` – 3 generated follow-up chips after each panel
+  response.
+- `needs_clarification_improved()` / `generate_contextual_clarification()` –
+  LLM-driven clarification with config fallback.
+
+## Flow
+
+```text
+User input → route_message (urgency + advisors)
+           → per advisor: RAG retrieval → context build → persona.respond
+           → follow-up chips → user-summary regeneration (background)
+```
diff --git a/multi_llm_chatbot_backend/app/core/auth.py b/multi_llm_chatbot_backend/app/core/auth.py
new file mode 100644
index 0000000000000000000000000000000000000000..9d21281153b709efeb4479e895d0fe1a6da7c581
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/auth.py
@@ -0,0 +1,121 @@
+import os
+from datetime import datetime, timedelta
+from typing import Optional
+from fastapi import HTTPException, Depends, status
+from fastapi.security import HTTPBearer, HTTPAuthorizationCredentials
+from passlib.context import CryptContext
+from jose import JWTError, jwt
+from bson import ObjectId
+from app.core.database import get_database
+from app.models.user import User, UserResponse
+from app.config import get_settings
+
+# Password hashing
+pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
+
+# JWT settings — driven by config.yaml with env-var fallback
+_cfg = get_settings().auth
+SECRET_KEY = _cfg.jwt_secret
+ALGORITHM = _cfg.algorithm
+ACCESS_TOKEN_EXPIRE_MINUTES = _cfg.token_expiry_minutes
+
+# Security scheme
+security = HTTPBearer()
+
+def verify_password(plain_password: str, hashed_password: str) -> bool:
+    """Verify a password against its hash"""
+    return pwd_context.verify(plain_password, hashed_password)
+
+def get_password_hash(password: str) -> str:
+    """Hash a password"""
+    return pwd_context.hash(password)
+
+def create_access_token(data: dict, expires_delta: Optional[timedelta] = None):
+    """Create a JWT access token"""
+    to_encode = data.copy()
+    if expires_delta:
+        expire = datetime.utcnow() + expires_delta
+    else:
+        expire = datetime.utcnow() + timedelta(minutes=ACCESS_TOKEN_EXPIRE_MINUTES)
+    
+    to_encode.update({"exp": expire})
+    encoded_jwt = jwt.encode(to_encode, SECRET_KEY, algorithm=ALGORITHM)
+    return encoded_jwt
+
+async def get_user_by_email(email: str) -> Optional[User]:
+    """Get user by email from database"""
+    db = get_database()
+    user_data = await db.users.find_one({"email": email})
+    if user_data:
+        return User(**user_data)
+    return None
+
+async def get_user_by_id(user_id: str) -> Optional[User]:
+    """Get user by ID from database"""
+    try:
+        db = get_database()
+        user_data = await db.users.find_one({"_id": ObjectId(user_id)})
+        if user_data:
+            return User(**user_data)
+        return None
+    except Exception:
+        return None
+
+async def authenticate_user(email: str, password: str) -> Optional[User]:
+    """Authenticate user with email and password"""
+    user = await get_user_by_email(email)
+    if not user:
+        return None
+    if not verify_password(password, user.hashed_password):
+        return None
+    return user
+
+async def get_current_user(credentials: HTTPAuthorizationCredentials = Depends(security)) -> User:
+    """Get current user from JWT token"""
+    credentials_exception = HTTPException(
+        status_code=status.HTTP_401_UNAUTHORIZED,
+        detail="Could not validate credentials",
+        headers={"WWW-Authenticate": "Bearer"},
+    )
+    
+    try:
+        payload = jwt.decode(credentials.credentials, SECRET_KEY, algorithms=[ALGORITHM])
+        user_id: str = payload.get("sub")
+        if user_id is None:
+            raise credentials_exception
+    except JWTError:
+        raise credentials_exception
+    
+    user = await get_user_by_id(user_id)
+    if user is None:
+        raise credentials_exception
+    
+    if not user.is_active:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Inactive user"
+        )
+    return user
+
+async def get_current_active_user(current_user: User = Depends(get_current_user)) -> User:
+    """Get current active user"""
+    if not current_user.is_active:
+        raise HTTPException(status_code=400, detail="Inactive user")
+    return current_user
+
+def create_user_response(user: User) -> UserResponse:
+    """Create user response model"""
+    return UserResponse(
+        id=str(user.id),
+        firstName=user.firstName,
+        lastName=user.lastName,
+        email=user.email,
+        academicStage=user.academicStage,
+        researchArea=user.researchArea,
+        avatarId=user.avatarId,
+        created_at=user.created_at,
+        last_login=user.last_login,
+        is_guest=bool(getattr(user, "is_guest", False)),
+        guest_persona=getattr(user, "guest_persona", None),
+        guest_label=getattr(user, "guest_label", None),
+    )
diff --git a/multi_llm_chatbot_backend/app/core/bootstrap.py b/multi_llm_chatbot_backend/app/core/bootstrap.py
new file mode 100644
index 0000000000000000000000000000000000000000..95554b39f40154aa28d2e2966a9893a8c76c2a6b
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/bootstrap.py
@@ -0,0 +1,176 @@
+# app/core/bootstrap.py
+import os
+from pathlib import Path
+
+from app.core.env_loader import load_application_env
+
+load_application_env()
+
+from app.config import get_settings
+from app.llm.improved_gemini_client import ImprovedGeminiClient
+from app.llm.improved_ollama_client import ImprovedOllamaClient
+from app.llm.improved_vllm_client import ImprovedVllmClient
+from app.llm.openai_fallback_client import OpenAIFallbackClient
+from app.llm.resilient_client import ResilientLLMClient
+from app.core.improved_orchestrator import ImprovedChatOrchestrator
+from app.models.default_personas import get_default_personas
+
+settings = get_settings()
+
+current_provider = settings.llm.provider or "vllm"
+available_providers = ["ollama", "gemini", "vllm"]
+
+
+def set_current_provider(provider: str) -> None:
+    """Update the active provider. Always read it as ``bootstrap.current_provider``
+    (module attribute) — a ``from bootstrap import current_provider`` at module
+    load captures a stale copy that never sees switches."""
+    global current_provider
+    current_provider = provider
+
+
+def _load_shared_env_var(name: str) -> str:
+    explicit = os.environ.get("SHARED_ENV", "").strip()
+    candidates = [Path(explicit)] if explicit else []
+    candidates.append(Path.home() / ".secrets" / "shared.env")
+    prefix = f"{name}="
+    for shared in candidates:
+        if not shared.is_file():
+            continue
+        for line in shared.read_text(encoding="utf-8").splitlines():
+            line = line.strip()
+            if line.startswith(prefix):
+                return line.split("=", 1)[1].strip()
+    return ""
+
+
+def _vllm_bearer_key() -> str:
+    """Bearer token for Neon vLLM (preferred auth for 4090-x1-3)."""
+    return (
+        settings.llm.vllm.api_key
+        or os.getenv("VLLM_API_KEY", "")
+        or _load_shared_env_var("VLLM_API_KEY")
+    )
+
+
+def _vllm_api_username() -> str:
+    """Optional HTTP Basic auth username for the vLLM endpoint.
+
+    Prefer Bearer ``VLLM_API_KEY`` when present — the current Neon
+    BrainForge/Security endpoint at 4090-x1-3 authenticates that way and
+    rejects HANA Basic. Only fall back to HANA_USERNAME_KLATCHAT when no
+    Bearer key is available. Explicit ``api_username`` / VLLM_API_USERNAME
+    still forces Basic.
+    """
+    explicit = (
+        settings.llm.vllm.api_username
+        or os.getenv("VLLM_API_USERNAME", "")
+    )
+    if explicit:
+        return explicit
+    if _vllm_bearer_key():
+        return ""
+    return _load_shared_env_var("HANA_USERNAME_KLATCHAT")
+
+
+def _vllm_api_key() -> str:
+    """vLLM key/password. Prefer Bearer ``VLLM_API_KEY``; only use
+    HANA_KLATCHAT_PASSWORD when Basic auth username is active and no
+    Bearer key is configured.
+    """
+    bearer = _vllm_bearer_key()
+    if _vllm_api_username():
+        if bearer:
+            return bearer
+        return (
+            os.getenv("HANA_KLATCHAT_PASSWORD", "")
+            or _load_shared_env_var("HANA_KLATCHAT_PASSWORD")
+        )
+    return bearer
+
+
+def _openai_api_key() -> str:
+    return (
+        settings.llm.openai.api_key
+        or os.getenv("OPENAI_API_KEY", "")
+        or _load_shared_env_var("OPENAI_API_KEY")
+    )
+
+
+def _build_neon_vllm(neon_persona: str | None) -> ImprovedVllmClient:
+    vllm = settings.llm.vllm
+    if not vllm.api_url:
+        raise ValueError("No vLLM endpoint configured. Set llm.vllm.api_url in your config.")
+    model_name = vllm.model_id or None
+    return ImprovedVllmClient(
+        api_url=vllm.api_url,
+        api_key=_vllm_api_key(),
+        model_name=model_name,
+        neon_persona=neon_persona,
+        api_username=_vllm_api_username() or None,
+    )
+
+
+def _build_openai(reasoning_effort: str) -> OpenAIFallbackClient | None:
+    api_key = _openai_api_key()
+    if not api_key:
+        return None
+    return OpenAIFallbackClient(
+        api_key=api_key,
+        model=settings.llm.openai.model,
+        reasoning_effort=reasoning_effort,
+    )
+
+
+def _wrap_resilient(primary: ImprovedVllmClient, fallback: OpenAIFallbackClient | None, label: str):
+    if fallback is None:
+        return primary
+    return ResilientLLMClient(
+        primary=primary,
+        fallback=fallback,
+        race_timeout_seconds=settings.llm.resilient.race_timeout_seconds,
+        primary_label=label,
+    )
+
+
+def create_llm_client(provider=None):
+    if provider is None:
+        provider = current_provider
+    if provider == "gemini":
+        return ImprovedGeminiClient(model_name=settings.llm.gemini.model)
+    if provider == "vllm":
+        neon = settings.llm.vllm.neon_persona_orchestrator
+        primary = _build_neon_vllm(neon if neon != "vanilla" else None)
+        fallback = _build_openai(settings.llm.openai.orchestrator_reasoning_effort)
+        return _wrap_resilient(primary, fallback, "orchestrator")
+    return ImprovedOllamaClient(
+        model_name=settings.llm.ollama.model,
+        base_url=settings.llm.ollama.base_url,
+    )
+
+
+def create_orchestrator_llm():
+    if current_provider != "vllm":
+        return create_llm_client()
+    neon = settings.llm.vllm.neon_persona_orchestrator
+    primary = _build_neon_vllm(neon if neon != "vanilla" else None)
+    fallback = _build_openai(settings.llm.openai.orchestrator_reasoning_effort)
+    return _wrap_resilient(primary, fallback, "orchestrator")
+
+
+def create_persona_llm():
+    if current_provider != "vllm":
+        return create_llm_client()
+    neon = settings.llm.vllm.neon_persona_advisors
+    primary = _build_neon_vllm(neon)
+    fallback = _build_openai(settings.llm.openai.persona_reasoning_effort)
+    return _wrap_resilient(primary, fallback, "persona")
+
+
+llm = create_orchestrator_llm()
+chat_orchestrator = ImprovedChatOrchestrator(llm_client=llm)
+
+persona_llm = create_persona_llm() if current_provider == "vllm" else llm
+DEFAULT_PERSONAS = get_default_personas(persona_llm)
+for persona in DEFAULT_PERSONAS:
+    chat_orchestrator.register_persona(persona)
diff --git a/multi_llm_chatbot_backend/app/core/canvas_analysis.py b/multi_llm_chatbot_backend/app/core/canvas_analysis.py
new file mode 100644
index 0000000000000000000000000000000000000000..ba374dcb8afd7481a1e962b714bdd06cd7f3be66
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/canvas_analysis.py
@@ -0,0 +1,287 @@
+import re
+import json
+import logging
+from typing import Dict, List
+from collections import defaultdict
+
+from app.models.phd_canvas import CanvasInsight
+from app.config import get_settings
+
+logger = logging.getLogger(__name__)
+
+class CanvasAnalysisService:
+    """Service for extracting and categorizing insights from chat messages"""
+    
+    def __init__(self, llm_client=None):
+        self.llm_client = llm_client
+        
+        # Predefined section mappings for semantic analysis
+        self.section_keywords = {
+            "research_progress": [
+                "progress", "milestone", "completed", "finished", "accomplished", 
+                "achieved", "timeline", "deadline", "chapter", "draft", "version"
+            ],
+            "methodology": [
+                "method", "methodology", "approach", "design", "data collection",
+                "survey", "interview", "experiment", "analysis", "statistical", 
+                "qualitative", "quantitative", "mixed methods"
+            ],
+            "theoretical_framework": [
+                "theory", "theoretical", "framework", "concept", "model",
+                "literature", "author", "philosophy", "paradigm", "assumption"
+            ],
+            "challenges_obstacles": [
+                "challenge", "problem", "difficulty", "obstacle", "stuck",
+                "confused", "frustrated", "struggle", "barrier", "issue"
+            ],
+            "next_steps": [
+                "next", "plan", "should", "will", "going to", "need to",
+                "action", "step", "priority", "focus", "goal", "objective"
+            ],
+            "writing_communication": [
+                "write", "writing", "paper", "thesis", "dissertation", "publication",
+                "communication", "presentation", "defense", "draft", "revision"
+            ],
+            "career_development": [
+                "career", "job", "position", "networking", "conference",
+                "skills", "CV", "resume", "application", "fellowship", "grant"
+            ],
+            "literature_review": [
+                "literature", "sources", "papers", "articles", "bibliography",
+                "citation", "author", "study", "research", "gap", "review"
+            ],
+            "data_analysis": [
+                "data", "analysis", "results", "findings", "statistics",
+                "coding", "software", "tool", "visualization", "pattern"
+            ],
+            "motivation_mindset": [
+                "motivation", "confidence", "stress", "anxiety", "balance",
+                "mental health", "mindset", "support", "overwhelmed", "burnout"
+            ]
+        }
+    
+    async def extract_insights_from_messages(self, messages: List[Dict], chat_session_id: str) -> List[CanvasInsight]:
+        """Extract actionable insights from chat messages using semantic analysis"""
+        try:
+            insights = []
+            
+            for message in messages:
+                # Handle the actual stored message format from your database
+                msg_type = message.get("type", "")
+                
+                if msg_type == "advisor":
+                    # This is the format used in your database
+                    content = message.get("content", "")
+                    persona_id = message.get("advisorName", message.get("persona", "advisor"))
+                    message_id = message.get("id", str(message.get("_id", "")))
+                    
+                    if content and len(content.strip()) > 20:  # Only process substantial content
+                        persona_insights = await self._extract_insights_from_content(
+                            content, persona_id, message_id, chat_session_id
+                        )
+                        insights.extend(persona_insights)
+                        logger.debug(f"Extracted {len(persona_insights)} insights from {persona_id} message")
+                        
+                elif msg_type == "assistant" and "responses" in message:
+                    # Handle multi-persona responses (if this format exists)
+                    for response in message.get("responses", []):
+                        persona_insights = await self._extract_insights_from_persona_response(
+                            response, message.get("id"), chat_session_id
+                        )
+                        insights.extend(persona_insights)
+                        
+                elif message.get("role") == "assistant" and message.get("content"):
+                    # Handle converted message format (from export functions)
+                    persona_insights = await self._extract_insights_from_content(
+                        message.get("content", ""), "assistant", 
+                        message.get("id"), chat_session_id
+                    )
+                    insights.extend(persona_insights)
+            
+            # Remove duplicates and low-confidence insights
+            unique_insights = self._deduplicate_insights(insights)
+            high_confidence_insights = [i for i in unique_insights if i.confidence_score >= 0.5]  # Lowered threshold
+            
+            logger.info(f"Extracted {len(high_confidence_insights)} insights from {len(messages)} messages")
+            return high_confidence_insights
+            
+        except Exception as e:
+            logger.error(f"Error extracting insights from messages: {e}")
+            import traceback
+            logger.error(f"Full traceback: {traceback.format_exc()}")
+            return []
+    
+    async def _extract_insights_from_persona_response(self, response: Dict, message_id: str, chat_session_id: str) -> List[CanvasInsight]:
+        """Extract insights from a single persona response"""
+        persona_id = response.get("persona_id", "unknown")
+        content = response.get("content", "")
+        
+        return await self._extract_insights_from_content(content, persona_id, message_id, chat_session_id)
+    
+    async def _extract_insights_from_content(self, content: str, persona_id: str, message_id: str, chat_session_id: str) -> List[CanvasInsight]:
+        """Extract actionable insights from content using LLM analysis"""
+        if not content or len(content.strip()) < 30:
+            return []
+        
+        try:
+            app_title = get_settings().app.title
+            extraction_prompt = f"""
+            Extract actionable insights from this {app_title} advisor response that would be valuable for a user's progress summary:
+
+            PERSONA: {persona_id}
+            CONTENT: {content}
+
+            Return a JSON list of insights. Each insight should be:
+            - Actionable and specific to the user's progress
+            - 1-2 sentences long
+            - Valuable for advisor meetings
+            - Not generic advice
+
+            Format: [{{"insight": "specific actionable insight here", "keywords": ["keyword1", "keyword2"]}}]
+            
+            Return ONLY the JSON array, no other text.
+            """
+
+            if self.llm_client:
+                try:
+                    llm_response = await self.llm_client.generate(
+                        system_prompt=f"You are an expert at extracting actionable guidance from {app_title} advisor responses.",
+                        context=[{"role": "user", "content": extraction_prompt}],
+                        temperature=0.3,
+                        max_tokens=1000,
+                        response_mime_type="application/json"
+                    )
+
+                    insights_data = json.loads(llm_response)
+                    insights = []
+
+                    for item in insights_data:
+                        if isinstance(item, dict) and "insight" in item:
+                            insight = CanvasInsight(
+                                content=item["insight"],
+                                source_persona=persona_id,
+                                source_message_id=message_id,
+                                source_chat_session=chat_session_id,
+                                confidence_score=0.8,  # High confidence from LLM extraction
+                                keywords=item.get("keywords", [])
+                            )
+                            insights.append(insight)
+                    
+                    if insights:
+                        logger.debug(f"LLM extracted {len(insights)} insights from {persona_id}")
+                        return insights
+                    
+                    logger.warning(f"LLM returned no parseable insights for {persona_id}, falling back to rule-based")
+                    
+                except Exception as llm_error:
+                    logger.warning(f"LLM extraction failed for {persona_id}: {llm_error}")
+            
+            # Fallback if no LLM available
+            return self._extract_insights_rule_based(content, persona_id, message_id, chat_session_id)
+            
+        except Exception as e:
+            logger.error(f"Error extracting insights from {persona_id} content: {e}")
+            return []
+    
+    def _extract_insights_rule_based(self, content: str, persona_id: str, message_id: str, chat_session_id: str) -> List[CanvasInsight]:
+        """Fallback rule-based insight extraction"""
+        insights = []
+        
+        # Extract actionable sentences
+        sentences = re.split(r'[.!?]+', content)
+        actionable_patterns = [
+            r"(?:you should|consider|try|focus on|prioritize|next step|recommended?|suggest)",
+            r"(?:action item|goal|objective|plan|strategy)",
+            r"(?:deadline|timeline|schedule|by \w+)",
+            r"(?:complete|finish|work on|tackle|address)"
+        ]
+        
+        for sentence in sentences:
+            sentence = sentence.strip()
+            if len(sentence) < 15:  # Lowered minimum length
+                continue
+                
+            match_count = sum(1 for pattern in actionable_patterns if re.search(pattern, sentence, re.IGNORECASE))
+            
+            if match_count > 0:
+                keywords = self._extract_keywords_from_sentence(sentence)
+                confidence = round(0.55 + min(match_count * 0.05, 0.15), 2)
+                
+                insight = CanvasInsight(
+                    content=sentence,
+                    source_persona=persona_id,
+                    source_message_id=message_id,
+                    source_chat_session=chat_session_id,
+                    confidence_score=confidence,
+                    keywords=keywords
+                )
+                insights.append(insight)
+        
+        logger.debug(f"Rule-based extracted {len(insights)} insights from {persona_id}")
+        return insights[:3]  # Limit to 3 insights per message to avoid noise
+    
+    def _extract_keywords_from_sentence(self, sentence: str) -> List[str]:
+        """Extract relevant keywords from a sentence"""
+        # Simple keyword extraction
+        words = re.findall(r'\b\w{4,}\b', sentence.lower())  # Words with 4+ chars
+        
+        # Filter out common words
+        stop_words = {
+            "should", "could", "would", "your", "research", "work", "study", 
+            "consider", "think", "important", "also", "really", "maybe",
+            "probably", "definitely", "certainly", "particular", "specific"
+        }
+        
+        keywords = [word for word in words if word not in stop_words]
+        return keywords[:5]  # Limit to 5 keywords
+    
+    def categorize_insights(self, insights: List[CanvasInsight]) -> Dict[str, List[CanvasInsight]]:
+        """Categorize insights into canvas sections using semantic analysis"""
+        categorized = defaultdict(list)
+        
+        for insight in insights:
+            section = self._determine_section(insight)
+            categorized[section].append(insight)
+        
+        return dict(categorized)
+    
+    def _determine_section(self, insight: CanvasInsight) -> str:
+        """Determine which section an insight belongs to"""
+        content_lower = insight.content.lower()
+        keywords_lower = [k.lower() for k in insight.keywords]
+        all_text = content_lower + " " + " ".join(keywords_lower)
+        
+        # Score each section based on keyword matches
+        section_scores = {}
+        for section, keywords in self.section_keywords.items():
+            score = sum(1 for keyword in keywords if keyword in all_text)
+            if score > 0:
+                section_scores[section] = score
+        
+        # Return the section with highest score, or default
+        if section_scores:
+            return max(section_scores, key=section_scores.get)
+        else:
+            return "general_notes"  # Default section
+    
+    def prioritize_insights(self, insights: List[CanvasInsight]) -> List[CanvasInsight]:
+        """Sort insights by priority (confidence score and recency)"""
+        return sorted(insights, key=lambda x: (x.confidence_score, x.extracted_at), reverse=True)
+    
+    def _deduplicate_insights(self, insights: List[CanvasInsight]) -> List[CanvasInsight]:
+        """Remove duplicate or very similar insights"""
+        if not insights:
+            return insights
+        
+        unique_insights = []
+        seen_content = set()
+        
+        for insight in insights:
+            # Simple deduplication based on content similarity
+            content_key = insight.content.lower().strip()[:100]  # First 100 chars
+            
+            if content_key not in seen_content:
+                seen_content.add(content_key)
+                unique_insights.append(insight)
+        
+        return unique_insights
diff --git a/multi_llm_chatbot_backend/app/core/canvas_database.py b/multi_llm_chatbot_backend/app/core/canvas_database.py
new file mode 100644
index 0000000000000000000000000000000000000000..0b1e8a4612a2cb624c424924ed236e3650baae41
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/canvas_database.py
@@ -0,0 +1,35 @@
+"""PhD Canvas database setup — SQLite-shim aware.
+
+The original implementation was a Mongo-only module that created compound
+indexes and a TTL index on the ``phd_canvases`` collection at startup. With
+the SQLite-on-HF-bucket persistence shim, the schema (including the
+``user_id`` index) is declared once at connection time inside
+``app.core.db``, so this module becomes a compatibility no-op.
+
+We keep the function signatures so any caller that still imports
+``setup_canvas_collections`` or ``cleanup_old_canvas_data`` keeps working.
+"""
+
+import logging
+from typing import Any
+
+logger = logging.getLogger(__name__)
+
+
+async def setup_canvas_collections(db: Any) -> None:
+    """No-op on the SQLite shim — indexes are created by ``app.core.db``."""
+    logger.info(
+        "PhD Canvas setup: schema and indexes are managed by the SQLite shim; "
+        "skipping legacy Mongo index creation."
+    )
+
+
+async def cleanup_old_canvas_data(db: Any) -> None:
+    """Maintenance helper — disabled on the SQLite shim.
+
+    The original used a Mongo ``$lookup`` aggregation against the ``users``
+    collection, which the in-process aggregation runner doesn't support. If
+    you need the orphan cleanup, run it via a separate script that does two
+    passes (``users``, then ``phd_canvases``) and calls ``delete_many``.
+    """
+    logger.info("cleanup_old_canvas_data is a no-op on the SQLite shim.")
diff --git a/multi_llm_chatbot_backend/app/core/canvas_manager.py b/multi_llm_chatbot_backend/app/core/canvas_manager.py
new file mode 100644
index 0000000000000000000000000000000000000000..987beb01927368f4fa36a471078b91ff99d62688
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/canvas_manager.py
@@ -0,0 +1,424 @@
+import logging
+from typing import Any, Dict, List, Optional
+from datetime import datetime, timedelta
+from bson import ObjectId
+import asyncio
+import hashlib
+
+from app.models.phd_canvas import PhdCanvas, CanvasInsight, UpdateCanvasRequest
+from app.core.canvas_analysis import CanvasAnalysisService
+from app.core.bootstrap import llm
+
+logger = logging.getLogger(__name__)
+
+class CanvasManager:
+    """Manages PhD Canvas creation, updates, and incremental processing"""
+    
+    def __init__(self):
+        self.analysis_service = CanvasAnalysisService(llm_client=llm)
+        self._db = None
+        # Add lock dictionary to prevent concurrent updates for the same user
+        self._update_locks = {}
+    
+    def get_database(self):
+        """Lazy database connection to avoid circular imports"""
+        if self._db is None:
+            # Import here to avoid circular import
+            from app.core.database import get_database
+            self._db = get_database()
+        return self._db
+    
+    async def get_or_create_canvas(self, user_id: str) -> PhdCanvas:
+        """Get existing canvas or create new one for user"""
+        try:
+            db = self.get_database()
+            user_object_id = ObjectId(user_id)
+            
+            # Try to find existing canvas
+            canvas_doc = await db.phd_canvases.find_one({"user_id": user_object_id})
+            
+            if canvas_doc:
+                # Convert to PhdCanvas model
+                canvas = PhdCanvas(**canvas_doc)
+                logger.info(f"Found existing canvas for user {user_id} with {canvas.total_insights} insights")
+                return canvas
+            else:
+                # Create new canvas
+                canvas = PhdCanvas(user_id=user_object_id)
+                
+                # Insert into database
+                result = await db.phd_canvases.insert_one(canvas.dict(by_alias=True))
+                canvas.id = result.inserted_id
+                
+                logger.info(f"Created new canvas for user {user_id}")
+                return canvas
+                
+        except Exception as e:
+            logger.error(f"Error getting/creating canvas for user {user_id}: {e}")
+            # Return empty canvas as fallback
+            return PhdCanvas(user_id=ObjectId(user_id))
+    
+    async def update_canvas(self, user_id: str, request: UpdateCanvasRequest) -> PhdCanvas:
+        """Update canvas with latest insights from chat sessions"""
+        
+        # Get or create a lock for this user
+        if user_id not in self._update_locks:
+            self._update_locks[user_id] = asyncio.Lock()
+        
+        # Check if an update is already in progress
+        if self._update_locks[user_id].locked():
+            logger.warning(f"Canvas update already in progress for user {user_id}, skipping duplicate request")
+            # Return current canvas without updating
+            return await self.get_or_create_canvas(user_id)
+        
+        # Acquire lock to prevent concurrent updates
+        async with self._update_locks[user_id]:
+            try:
+                db = self.get_database()
+                canvas = await self.get_or_create_canvas(user_id)
+                
+                logger.info(f"Updating canvas for user {user_id}, force_full={request.force_full_update}")
+                
+                # IMPORTANT: Auto-detect if this should be a full update for first-time canvas
+                is_first_time_update = (
+                    canvas.last_chat_processed is None and 
+                    canvas.total_insights == 0 and
+                    not request.force_full_update
+                )
+                
+                if is_first_time_update:
+                    logger.info(f"Auto-detecting first-time canvas update for user {user_id}. Converting to full update.")
+                    request.force_full_update = True
+                
+                # Store the timestamp BEFORE we start processing
+                update_started_at = datetime.utcnow()
+                
+                # Determine which chats to process
+                if request.force_full_update:
+                    # Process all chats
+                    chat_sessions = await self._get_all_user_chat_sessions(user_id)
+                    logger.info(f"Force full update: processing {len(chat_sessions)} total chat sessions")
+                else:
+                    # Process only chats created/updated after last canvas update
+                    chat_sessions = await self._get_new_chat_sessions(user_id, canvas.last_chat_processed)
+                    logger.info(f"Incremental update: processing {len(chat_sessions)} new chat sessions since {canvas.last_chat_processed}")
+                
+                if not chat_sessions:
+                    logger.info("No new chat sessions to process")
+                    return canvas
+                
+                # Filter chat sessions if specific ones requested
+                if request.include_chat_sessions:
+                    chat_sessions = [
+                        chat for chat in chat_sessions 
+                        if str(chat["_id"]) in request.include_chat_sessions
+                    ]
+                    logger.info(f"Filtered to {len(chat_sessions)} specifically requested chat sessions")
+                
+                # Track processed chat+message combinations to prevent duplicates
+                processed_sources = set()
+                
+                # Get existing processed sources from canvas
+                for section in canvas.sections.values():
+                    for insight in section.insights:
+                        if insight.source_chat_session and insight.source_message_id:
+                            processed_sources.add((insight.source_chat_session, insight.source_message_id))
+                
+                # Process each chat session for insights
+                all_new_insights = []
+                processed_chat_ids = []
+                
+                for chat_session in chat_sessions:
+                    try:
+                        chat_id = str(chat_session["_id"])
+                        messages = chat_session.get("messages", [])
+                        
+                        if not messages:
+                            continue
+                        
+                        # Check if we've already processed these messages
+                        messages_to_process = []
+                        for msg in messages:
+                            msg_id = msg.get('id', '')
+                            if (chat_id, msg_id) not in processed_sources:
+                                messages_to_process.append(msg)
+                        
+                        if not messages_to_process:
+                            logger.info(f"All messages from chat {chat_id} already processed, skipping")
+                            continue
+                        
+                        logger.info(f"Processing {len(messages_to_process)} new messages from chat {chat_id}")
+                        
+                        # Extract insights from new messages only
+                        session_insights = await self.analysis_service.extract_insights_from_messages(
+                            messages_to_process, chat_id
+                        )
+                        
+                        if session_insights:
+                            all_new_insights.extend(session_insights)
+                            processed_chat_ids.append(chat_id)
+                            logger.info(f"Extracted {len(session_insights)} insights from chat {chat_id}")
+                        
+                    except Exception as e:
+                        logger.error(f"Error processing chat session {chat_session.get('_id')}: {e}")
+                        continue
+                
+                if all_new_insights:
+                    # Categorize insights by section
+                    categorized_insights = self.analysis_service.categorize_insights(all_new_insights)
+                    
+                    # Update canvas sections
+                    sections_updated = 0
+                    for section_key, insights in categorized_insights.items():
+                        if request.exclude_sections and section_key in request.exclude_sections:
+                            continue
+                        
+                        # Prioritize insights before adding
+                        prioritized_insights = self.analysis_service.prioritize_insights(insights)
+                        
+                        # Limit insights per section to avoid overwhelming canvas
+                        max_insights_per_section = 10
+                        limited_insights = prioritized_insights[:max_insights_per_section]
+                        
+                        if limited_insights:
+                            canvas.update_section(section_key, limited_insights)
+                            sections_updated += 1
+                            logger.info(f"Updated section '{section_key}' with {len(limited_insights)} insights")
+                    
+                    # Update canvas metadata with the timestamp from BEFORE processing
+                    canvas.last_chat_processed = update_started_at
+                    canvas.last_updated = datetime.utcnow()
+                    
+                    # Save updated canvas to database
+                    await self._save_canvas(canvas)
+                    
+                    logger.info(f"Canvas update completed: {len(all_new_insights)} new insights, {sections_updated} sections updated")
+                else:
+                    logger.info("No insights extracted from chat sessions")
+                
+                return canvas
+                
+            except Exception as e:
+                logger.error(f"Error updating canvas for user {user_id}: {e}")
+                import traceback
+                logger.error(f"Full traceback: {traceback.format_exc()}")
+                raise
+            finally:
+                # Clean up lock if no longer needed
+                if user_id in self._update_locks and not self._update_locks[user_id].locked():
+                    # Remove lock after some time to prevent memory buildup
+                    pass  # Keep lock for potential future use
+    
+    async def _get_all_user_chat_sessions(self, user_id: str) -> List[Dict]:
+        """Get all chat sessions for a user"""
+        try:
+            db = self.get_database()
+            user_object_id = ObjectId(user_id)
+            
+            cursor = db.chat_sessions.find({
+                "user_id": user_object_id,
+                "is_active": {"$ne": False},  # Include active sessions
+                "deleted_at": {"$exists": False}  # Exclude deleted sessions
+            }).sort("created_at", -1)  # Most recent first
+            
+            chat_sessions = await cursor.to_list(length=100)  # Limit to last 100 chats
+            return chat_sessions
+            
+        except Exception as e:
+            logger.error(f"Error getting all chat sessions for user {user_id}: {e}")
+            return []
+    
+    async def _get_new_chat_sessions(self, user_id: str, since: Optional[datetime]) -> List[Dict]:
+        """Get chat sessions created or updated after a specific time"""
+        try:
+            db = self.get_database()
+            user_object_id = ObjectId(user_id)
+            
+            # Build query filter
+            query_filter = {
+                "user_id": user_object_id,
+                "is_active": {"$ne": False},
+                "deleted_at": {"$exists": False}
+            }
+            
+            if since:
+                # Get chats created or updated after the since timestamp
+                query_filter["$or"] = [
+                    {"created_at": {"$gt": since}},
+                    {"updated_at": {"$gt": since}}
+                ]
+            else:
+                # IMPORTANT FIX: If no since time and this is being called for incremental update,
+                # we should still get more chats for proper first-time processing
+                # The caller should handle the force_full_update logic properly
+                
+                # For now, get chats from last 30 days instead of 7 as a safer fallback
+                # But ideally, first-time canvas should always use force_full_update=True
+                one_month_ago = datetime.utcnow() - timedelta(days=30)
+                query_filter["created_at"] = {"$gte": one_month_ago}
+                
+                logger.warning(f"Getting new chat sessions for user {user_id} with no 'since' timestamp. "
+                             f"This should only happen for incremental updates. Consider using force_full_update=True for first-time canvas.")
+            
+            # Increase limit for incremental updates to catch more historical chats
+            limit = 100  # Increased from 50
+            cursor = db.chat_sessions.find(query_filter).sort("created_at", -1)
+            chat_sessions = await cursor.to_list(length=limit)
+            
+            return chat_sessions
+            
+        except Exception as e:
+            logger.error(f"Error getting new chat sessions for user {user_id}: {e}")
+            return []
+    
+    async def _save_canvas(self, canvas: PhdCanvas):
+        """Save canvas to database"""
+        try:
+            db = self.get_database()
+            
+            # Update existing canvas
+            await db.phd_canvases.replace_one(
+                {"_id": canvas.id},
+                canvas.dict(by_alias=True),
+                upsert=True
+            )
+            
+            logger.info(f"Saved canvas {canvas.id} to database")
+            
+        except Exception as e:
+            logger.error(f"Error saving canvas to database: {e}")
+            raise
+    
+    async def delete_canvas(self, user_id: str) -> bool:
+        """Delete canvas for a user"""
+        try:
+            db = self.get_database()
+            user_object_id = ObjectId(user_id)
+            
+            result = await db.phd_canvases.delete_one({"user_id": user_object_id})
+            
+            if result.deleted_count > 0:
+                logger.info(f"Deleted canvas for user {user_id}")
+                return True
+            else:
+                logger.info(f"No canvas found to delete for user {user_id}")
+                return False
+                
+        except Exception as e:
+            logger.error(f"Error deleting canvas for user {user_id}: {e}")
+            return False
+    
+    async def get_canvas_stats(self, user_id: str) -> Dict:
+        """Get statistics about the user's PhD Canvas"""
+        try:
+            canvas = await self.get_or_create_canvas(user_id)
+            
+            # Calculate section breakdown
+            sections_breakdown = {}
+            for section_key, section in canvas.sections.items():
+                sections_breakdown[section_key] = {
+                    "title": section.title,
+                    "insight_count": len(section.insights),
+                    "priority": section.priority,
+                    "last_updated": section.updated_at
+                }
+            
+            return {
+                "total_insights": canvas.total_insights,
+                "total_sections": len(canvas.sections),
+                "last_updated": canvas.last_updated,
+                "last_chat_processed": canvas.last_chat_processed,
+                "created_at": canvas.created_at,
+                "auto_update": canvas.auto_update,
+                "sections_breakdown": sections_breakdown
+            }
+            
+        except Exception as e:
+            logger.error(f"Error getting canvas stats for user {user_id}: {e}")
+            return {
+                "total_insights": 0,
+                "total_sections": 0,
+                "sections_breakdown": {}
+            }
+    
+    async def export_canvas_for_printing(self, user_id: str) -> Dict:
+        """Export canvas in a format optimized for printing"""
+        try:
+            canvas = await self.get_or_create_canvas(user_id)
+            
+            # Format sections for printing
+            sections = []
+            for section_key, section in canvas.sections.items():
+                formatted_section = {
+                    "title": section.title,
+                    "description": section.description,
+                    "insights": [
+                        {
+                            "content": insight.content,
+                            "source": insight.source_persona,
+                            "confidence": insight.confidence_score
+                        }
+                        for insight in section.insights[:5]  # Limit to top 5 for printing
+                    ]
+                }
+                sections.append(formatted_section)
+            
+            return {
+                "user_id": str(canvas.user_id),
+                "generated_at": datetime.utcnow(),
+                "total_insights": canvas.total_insights,
+                "last_updated": canvas.last_updated,
+                "sections": sections,
+                "metadata": {
+                    "created_at": canvas.created_at,
+                    "last_chat_processed": canvas.last_chat_processed,
+                    "print_optimized": True
+                }
+            }
+            
+        except Exception as e:
+            logger.error(f"Error exporting canvas for printing for user {user_id}: {e}")
+            raise
+    
+    async def toggle_auto_update(self, user_id: str, enabled: bool) -> bool:
+        """Toggle auto-update setting for a canvas"""
+        try:
+            db = self.get_database()
+            user_object_id = ObjectId(user_id)
+            
+            result = await db.phd_canvases.update_one(
+                {"user_id": user_object_id},
+                {"$set": {"auto_update": enabled}}
+            )
+            
+            return result.modified_count > 0
+            
+        except Exception as e:
+            logger.error(f"Error toggling auto-update for user {user_id}: {e}")
+            return False
+
+    async def save_workspace(self, user_id: str, workspace: Dict[str, Any]) -> PhdCanvas:
+        """Persist workspace layout / widget states for a user."""
+        canvas = await self.get_or_create_canvas(user_id)
+        canvas.workspace = workspace or {}
+        canvas.last_updated = datetime.utcnow()
+        await self._save_canvas(canvas)
+        return canvas
+
+    async def save_deliverables(self, user_id: str, deliverables: Dict[str, Any]) -> PhdCanvas:
+        """Persist Documents / deliverables project store for a user."""
+        canvas = await self.get_or_create_canvas(user_id)
+        canvas.deliverables = deliverables or {}
+        canvas.last_updated = datetime.utcnow()
+        await self._save_canvas(canvas)
+        return canvas
+
+# Singleton instance
+_canvas_manager_instance = None
+
+def get_canvas_manager() -> CanvasManager:
+    """Get singleton instance of CanvasManager"""
+    global _canvas_manager_instance
+    if _canvas_manager_instance is None:
+        _canvas_manager_instance = CanvasManager()
+    return _canvas_manager_instance
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/core/context.py b/multi_llm_chatbot_backend/app/core/context.py
new file mode 100644
index 0000000000000000000000000000000000000000..28185dd2f5d12b7c9e86bbf6a838b7a360d6181e
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/context.py
@@ -0,0 +1,17 @@
+# Global context storage
+class GlobalSessionContext:
+    def __init__(self):
+        self.full_log: list[dict] = []
+        self.uploaded_files: list[str] = []
+        self.total_upload_size: int = 0
+
+    def append(self, role: str, content: str):
+        self.full_log.append({"role": role, "content": content})
+
+    def filter_by_persona(self, persona_id: str):
+        return self.full_log
+
+    def clear(self):
+        self.full_log = []
+        self.uploaded_files = []
+        self.total_upload_size = 0
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/core/context_manager.py b/multi_llm_chatbot_backend/app/core/context_manager.py
new file mode 100644
index 0000000000000000000000000000000000000000..4233db1d047fd316596bb9e3dde613833543c721
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/context_manager.py
@@ -0,0 +1,301 @@
+from typing import List, Dict, Optional, Tuple
+from dataclasses import dataclass
+import re
+from datetime import datetime
+
+@dataclass
+class ContextWindow:
+    """Represents a context window for LLM processing"""
+    messages: List[dict]
+    total_tokens: int
+    truncated: bool = False
+    
+class ContextManager:
+    """Unified context management for consistent LLM behavior"""
+    
+    def __init__(self, 
+                 max_context_tokens: int = 8000,
+                 preserve_recent_messages: int = 5,
+                 chars_per_token: float = 4.0):
+        self.max_context_tokens = max_context_tokens
+        self.preserve_recent_messages = preserve_recent_messages
+        self.chars_per_token = chars_per_token
+    
+    def prepare_context_for_llm(self, 
+                               messages: List[dict], 
+                               system_prompt: str,
+                               llm_provider: str = "gemini") -> ContextWindow:
+        """
+        Prepare context for LLM with intelligent windowing and formatting
+        """
+        # Calculate token budget
+        system_tokens = self._estimate_tokens(system_prompt)
+        available_tokens = self.max_context_tokens - system_tokens - 500  # Reserve for response
+        
+        # Get relevant context window
+        context_messages = self._get_optimal_context_window(messages, available_tokens)
+        
+        # Format for specific LLM provider
+        formatted_messages = self._format_for_provider(context_messages, system_prompt, llm_provider)
+        
+        return ContextWindow(
+            messages=formatted_messages,
+            total_tokens=self._estimate_tokens_for_messages(formatted_messages),
+            truncated=len(context_messages) < len(messages)
+        )
+    
+    def _get_optimal_context_window(self, messages: List[dict], token_budget: int) -> List[dict]:
+        """
+        Select optimal messages for context window using recency + relevance
+        """
+        if not messages:
+            return []
+        
+        # Always preserve the most recent messages
+        recent_messages = messages[-self.preserve_recent_messages:]
+        recent_tokens = self._estimate_tokens_for_messages(recent_messages)
+        
+        if recent_tokens >= token_budget:
+            # If recent messages exceed budget, truncate to fit
+            return self._truncate_to_fit(recent_messages, token_budget)
+        
+        # Add older messages if we have token budget remaining
+        remaining_budget = token_budget - recent_tokens
+        older_messages = messages[:-self.preserve_recent_messages] if len(messages) > self.preserve_recent_messages else []
+        
+        # Score older messages by relevance and recency
+        scored_messages = self._score_messages_for_relevance(older_messages, messages[-1]['content'] if messages else "")
+        
+        # Add highest scoring messages that fit in budget
+        selected_older = []
+        for message, score in scored_messages:
+            message_tokens = self._estimate_tokens(message['content'])
+            if message_tokens <= remaining_budget:
+                selected_older.append(message)
+                remaining_budget -= message_tokens
+            else:
+                break
+        
+        # Combine in chronological order
+        return selected_older + recent_messages
+    
+    def _score_messages_for_relevance(self, messages: List[dict], current_query: str) -> List[Tuple[dict, float]]:
+        """
+        Score messages by relevance to current query and recency
+        """
+        scored = []
+        current_query_lower = current_query.lower()
+        
+        for i, message in enumerate(messages):
+            score = 0.0
+            content_lower = message['content'].lower()
+            
+            # Recency score (more recent = higher score)
+            recency_score = (i + 1) / len(messages) * 0.3
+            
+            # Keyword overlap score
+            current_words = set(current_query_lower.split())
+            message_words = set(content_lower.split())
+            overlap = len(current_words.intersection(message_words))
+            keyword_score = min(overlap / max(len(current_words), 1) * 0.4, 0.4)
+            
+            # Role importance (user questions and document content more important)
+            role_score = 0.3 if message['role'] in ['user', 'document'] else 0.1
+            
+            score = recency_score + keyword_score + role_score
+            scored.append((message, score))
+        
+        # Sort by score descending
+        return sorted(scored, key=lambda x: x[1], reverse=True)
+    
+    def _truncate_to_fit(self, messages: List[dict], token_budget: int) -> List[dict]:
+        """
+        Truncate messages to fit within token budget, preserving most recent
+        """
+        result = []
+        current_tokens = 0
+        
+        # Add messages from most recent backward
+        for message in reversed(messages):
+            message_tokens = self._estimate_tokens(message['content'])
+            if current_tokens + message_tokens <= token_budget:
+                result.insert(0, message)
+                current_tokens += message_tokens
+            else:
+                break
+        
+        return result
+    
+    def _format_for_provider(self, messages: List[dict], system_prompt: str, provider: str) -> List[dict]:
+        """
+        Format messages for specific LLM provider
+        """
+        if provider.lower() == "gemini":
+            return self._format_for_gemini(messages, system_prompt)
+        elif provider.lower() in ["ollama", "mistral"]:
+            return self._format_for_ollama(messages, system_prompt)
+        elif provider.lower() == "vllm":
+            return self._format_for_vllm(messages, system_prompt)
+        else:
+            # Default format
+            return [{"role": "system", "content": system_prompt}] + messages
+
+    def _format_for_vllm(self, messages: List[dict], system_prompt: str) -> List[dict]:
+        """
+        Format messages for vLLM's OpenAI-compatible API.
+        Normalizes custom persona roles to 'assistant' since the API
+        only accepts system/user/assistant.
+
+        System messages in the context are PRESERVED: the orchestrator puts
+        session context (documents, user profile, knowledge summary, rolling
+        conversation summary) into a leading system message, and dropping it
+        here silently blinded the default vLLM path to all of it.
+        """
+        formatted = []
+        if system_prompt:
+            formatted.append({"role": "system", "content": system_prompt})
+        for message in messages:
+            role = message["role"]
+            content = message["content"]
+            if role not in ("system", "user", "assistant"):
+                content = f"[{role.title()} Advisor]: {content}"
+                role = "assistant"
+            formatted.append({"role": role, "content": content})
+        return formatted
+
+    def _format_for_gemini(self, messages: List[dict], system_prompt: str) -> List[dict]:
+        """
+        Format messages for Gemini API (uses user/model roles with parts structure)
+        FIXED VERSION - Better handles system messages and document context
+        """
+        formatted = []
+        
+        # Process all messages, handling system messages properly
+        system_message_content = ""
+        conversation_messages = []
+        
+        # Add initial system prompt if provided
+        if system_prompt:
+            system_message_content = system_prompt
+        
+        for message in messages:
+            role = message['role']
+            content = message['content']
+            
+            if role == 'system':
+                # Accumulate system messages
+                if system_message_content:
+                    system_message_content += "\n\n" + content
+                else:
+                    system_message_content = content
+            else:
+                conversation_messages.append(message)
+        
+        # Add accumulated system content as initial exchange
+        if system_message_content:
+            formatted.extend([
+                {
+                    "role": "user",
+                    "parts": [{"text": system_message_content}]
+                },
+                {
+                    "role": "model",
+                    "parts": [{"text": "I understand. I'll follow these instructions and use the document context you've provided."}]
+                }
+            ])
+        
+        # Convert conversation messages to Gemini format
+        for message in conversation_messages:
+            role = message['role']
+            content = message['content']
+            
+            if role == 'user':
+                formatted.append({
+                    "role": "user",
+                    "parts": [{"text": content}]
+                })
+            elif role == 'document':
+                formatted.append({
+                    "role": "user",
+                    "parts": [{"text": f"[Context Document] {content}"}]
+                })
+            else:
+                formatted.append({
+                    "role": "model",
+                    "parts": [{"text": content}]
+                })
+
+        return formatted
+    
+    def _format_for_ollama(self, messages: List[dict], system_prompt: str) -> str:
+        """
+        Format messages for Ollama (returns formatted prompt string)
+        """
+        parts = [system_prompt] if system_prompt else []
+        
+        for message in messages:
+            role = message['role'].capitalize()
+            content = message['content']
+            
+            if role == 'Document':
+                parts.append(f"Context: {content}")
+            else:
+                parts.append(f"{role}: {content}")
+        
+        parts.append("Assistant:")
+        return "\n\n".join(parts)
+    
+    def _estimate_tokens(self, text: str) -> int:
+        """
+        Estimate token count for text
+        """
+        return int(len(text) / self.chars_per_token)
+    
+    def _estimate_tokens_for_messages(self, messages: List[dict]) -> int:
+        """
+        Estimate total tokens for list of messages
+        """
+        if isinstance(messages, str):
+            return self._estimate_tokens(messages)
+        
+        total = 0
+        for message in messages:
+            if isinstance(message, dict):
+                if 'content' in message:
+                    total += self._estimate_tokens(message['content'])
+                elif 'parts' in message:
+                    # Gemini format
+                    for part in message['parts']:
+                        if 'text' in part:
+                            total += self._estimate_tokens(part['text'])
+            else:
+                total += self._estimate_tokens(str(message))
+        
+        return total
+    
+    def get_context_summary(self, messages: List[dict]) -> Dict[str, any]:
+        """
+        Get summary information about context
+        """
+        if not messages:
+            return {"total_messages": 0, "estimated_tokens": 0, "roles": {}}
+        
+        role_counts = {}
+        for message in messages:
+            role = message.get('role', 'unknown')
+            role_counts[role] = role_counts.get(role, 0) + 1
+        
+        return {
+            "total_messages": len(messages),
+            "estimated_tokens": self._estimate_tokens_for_messages(messages),
+            "roles": role_counts,
+            "oldest_message": messages[0].get('timestamp', 'unknown') if messages else None,
+            "newest_message": messages[-1].get('timestamp', 'unknown') if messages else None
+        }
+
+# Global context manager instance
+context_manager = ContextManager()
+
+def get_context_manager() -> ContextManager:
+    """Get the global context manager instance"""
+    return context_manager
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/core/database.py b/multi_llm_chatbot_backend/app/core/database.py
new file mode 100644
index 0000000000000000000000000000000000000000..6f33d67d73699eb4dd24c99ccf80581ea29e9764
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/database.py
@@ -0,0 +1,50 @@
+"""Database connection facade.
+
+Used to wrap pymongo / motor against a real MongoDB instance. For Hugging
+Face Spaces deployment we now back the same public API with SQLite on a HF
+Storage Bucket mount (see ``app.core.db``). The shim emulates the Mongo
+idioms the routers and services use, so this module simply forwards to it
+and keeps the legacy ``connect_to_mongo`` / ``close_mongo_connection`` /
+``get_database`` API intact for ``main.py`` and the route files.
+"""
+
+import logging
+
+from app.core.db import _close, _open, get_database as _get_database
+
+logger = logging.getLogger(__name__)
+
+
+async def connect_to_mongo() -> None:
+    """Open the SQLite-backed database and run schema bootstrap."""
+    await _open()
+    logger.info("SQLite-backed database ready (Mongo API shim active).")
+    # Legacy hook: previously called ``setup_canvas_collections`` here.
+    # The phd_canvases table is already declared in the shim's schema, so
+    # the call below is a no-op but kept for symmetry with the original
+    # startup path.
+    try:
+        from app.core.canvas_database import setup_canvas_collections
+
+        await setup_canvas_collections(_get_database())
+        logger.info("Canvas database initialization completed (no-op on SQLite shim).")
+    except Exception as canvas_error:  # pragma: no cover
+        logger.error(f"Canvas database initialization failed: {canvas_error}")
+
+
+async def close_mongo_connection() -> None:
+    """Best-effort connection close on FastAPI shutdown."""
+    await _close()
+    logger.info("Disconnected from SQLite-backed database.")
+
+
+async def create_indexes() -> None:
+    """Index creation is handled by the shim's schema bootstrap; kept for
+    backwards compatibility so any out-of-process maintenance script that
+    imports this name keeps working."""
+    return None
+
+
+def get_database():
+    """Return the SQLite-backed Mongo-API-compatible Database object."""
+    return _get_database()
diff --git a/multi_llm_chatbot_backend/app/core/db.py b/multi_llm_chatbot_backend/app/core/db.py
new file mode 100644
index 0000000000000000000000000000000000000000..3c82cfda6289f9fe7c2570f5f89dbaffca74011e
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/db.py
@@ -0,0 +1,711 @@
+"""Persistent storage facade backed by SQLite + filesystem on a Hugging Face
+Storage Bucket mount.
+
+Background
+----------
+This Space used to require MongoDB (via Motor / GridFS). On Hugging Face
+Spaces the container has no Mongo, the legacy ``/data`` Persistent Storage
+was retired, and the user does not want to use Atlas (or any paid third
+party). The replacement is a single Hugging Face Storage Bucket mounted into
+the Space at ``$DATA_DIR`` (default ``/data``). Everything durable lives
+there:
+
+  ${DATA_DIR}/cybersecurity_panel.db   — SQLite database (users, chat
+                                          sessions, profiles, onboarding,
+                                          PhD canvases)
+
+A single ``hf buckets sync hf://buckets/<org>/<bucket> ./backup`` therefore
+captures the full state and can be restored before the next redeploy.
+
+Design
+------
+This module exposes the **subset** of the Motor / pymongo API that the
+existing routers and services already call (``find_one``, ``find``,
+``insert_one``, ``update_one``, ``update_many``, ``delete_one``,
+``delete_many``, ``replace_one``, ``count_documents``,
+``find_one_and_delete``, ``aggregate`` with ``$match``/``$group``/``$in``).
+The on-disk format is plain JSON-encoded documents in SQLite tables (one row
+per document, with an indexed ``_id`` primary key, optional ``email`` UNIQUE
+column on ``users``, and an indexed/UNIQUE ``user_id`` column on the user
+scoped collections).
+
+Why not full SQL? The router code uses Mongo idioms (``$in``, ``$set``,
+``find_one_and_delete``, an aggregation pipeline) and ``bson.ObjectId`` IDs.
+A small in-process query engine over JSON dicts keeps the routers untouched
+while still benefiting from SQLite's durability and crash safety on the
+bucket mount.
+
+Why SQLite and not pure JSON files? Atomic commit, crash-consistent writes,
+unique constraints (email, user-scoped profile/onboarding), and one
+mongodump-style salvage file. WAL mode is *attempted* but if the bucket
+FUSE doesn't support the required fcntl/mmap semantics SQLite falls back to
+the default rollback journal automatically and this module logs a warning.
+
+Errors from the underlying storage are re-raised as
+``pymongo.errors.PyMongoError`` (or ``DuplicateKeyError`` for unique-index
+violations) so the existing 5xx / DuplicateKey handlers keep working
+unchanged.
+"""
+
+from __future__ import annotations
+
+import asyncio
+import json
+import logging
+import os
+from datetime import datetime, timezone
+from pathlib import Path
+from typing import Any, AsyncIterator, Mapping, Sequence
+
+import aiosqlite
+from bson import ObjectId
+from pymongo.errors import DuplicateKeyError, PyMongoError
+
+LOG = logging.getLogger(__name__)
+
+
+# ---------------------------------------------------------------------------
+# Schema
+# ---------------------------------------------------------------------------
+
+# Each entry: (table name, has_unique_email_column, user_id_unique).
+# users have a UNIQUE email column. user_profiles, onboarding_conversations,
+# user_summaries, and goal_tracks have a UNIQUE user_id column (one record
+# per user). chat_sessions, phd_canvases, user_facts, and assessments keep
+# user_id only as an index (many records per user).
+_TABLES: tuple[tuple[str, bool, bool], ...] = (
+    ("users",                       True,  False),
+    ("chat_sessions",               False, False),
+    ("user_profiles",               False, True),
+    ("onboarding_conversations",    False, True),
+    ("phd_canvases",                False, False),
+    ("user_facts",                  False, False),
+    ("user_summaries",              False, True),
+    ("goal_tracks",                 False, True),
+    ("assessments",                 False, False),
+)
+
+_TABLE_NAMES = {t[0] for t in _TABLES}
+
+
+# ---------------------------------------------------------------------------
+# Paths
+# ---------------------------------------------------------------------------
+
+def _data_dir() -> Path:
+    raw = os.environ.get("DATA_DIR") or "/data"
+    p = Path(raw).expanduser()
+    p.mkdir(parents=True, exist_ok=True)
+    return p
+
+
+def _db_path() -> Path:
+    return _data_dir() / "cybersecurity_panel.db"
+
+
+# ---------------------------------------------------------------------------
+# JSON (de)serialization that round-trips ObjectId / datetime
+# ---------------------------------------------------------------------------
+
+def _enc(o: Any) -> Any:
+    if isinstance(o, ObjectId):
+        return {"$oid": str(o)}
+    if isinstance(o, datetime):
+        if o.tzinfo is None:
+            o = o.replace(tzinfo=timezone.utc)
+        return {"$date": o.isoformat()}
+    raise TypeError(f"Type {type(o)!r} is not JSON serialisable")
+
+
+def _hook(d: dict) -> Any:
+    if len(d) == 1:
+        if "$oid" in d:
+            return ObjectId(d["$oid"])
+        if "$date" in d:
+            return datetime.fromisoformat(d["$date"])
+    return d
+
+
+def _dumps(doc: Mapping) -> str:
+    return json.dumps(dict(doc), default=_enc)
+
+
+def _loads(text: str) -> dict:
+    return json.loads(text, object_hook=_hook)
+
+
+def _id_str(v: Any) -> str:
+    if isinstance(v, ObjectId):
+        return str(v)
+    if isinstance(v, str):
+        return v
+    return str(v)
+
+
+# ---------------------------------------------------------------------------
+# Connection management (single shared aiosqlite connection)
+# ---------------------------------------------------------------------------
+
+_conn: aiosqlite.Connection | None = None
+_open_lock = asyncio.Lock()
+
+
+async def _open() -> aiosqlite.Connection:
+    global _conn
+    if _conn is not None:
+        return _conn
+    async with _open_lock:
+        if _conn is not None:
+            return _conn
+        path = _db_path()
+        try:
+            conn = await aiosqlite.connect(str(path))
+        except (aiosqlite.OperationalError, OSError) as exc:
+            raise PyMongoError(f"Cannot open database at {path}: {exc}") from exc
+
+        # WAL gives concurrent readers; if the bucket FUSE doesn't support the
+        # mmap/lock semantics WAL needs, SQLite stays in the default rollback
+        # journal which still works on every filesystem we care about.
+        try:
+            cur = await conn.execute("PRAGMA journal_mode=WAL")
+            row = await cur.fetchone()
+            mode = (row[0] if row else "?")
+            if str(mode).lower() != "wal":
+                LOG.warning(
+                    "Could not enable WAL mode on %s (got %r); using rollback journal",
+                    path, mode,
+                )
+        except aiosqlite.OperationalError as exc:
+            LOG.warning("PRAGMA journal_mode=WAL failed (%s); using rollback journal", exc)
+
+        try:
+            await conn.execute("PRAGMA synchronous=NORMAL")
+            await conn.execute("PRAGMA foreign_keys=ON")
+        except aiosqlite.OperationalError:
+            pass
+
+        await _init_schema(conn)
+        await conn.commit()
+        LOG.info("SQLite ready at %s", path)
+        _conn = conn
+        return _conn
+
+
+async def _init_schema(conn: aiosqlite.Connection) -> None:
+    parts: list[str] = []
+    for name, has_email, user_id_unique in _TABLES:
+        if has_email:
+            parts.append(
+                f"""
+                CREATE TABLE IF NOT EXISTS {name} (
+                    _id TEXT PRIMARY KEY,
+                    email TEXT UNIQUE,
+                    doc TEXT NOT NULL
+                );
+                """
+            )
+        else:
+            uniq = "UNIQUE" if user_id_unique else ""
+            parts.append(
+                f"""
+                CREATE TABLE IF NOT EXISTS {name} (
+                    _id TEXT PRIMARY KEY,
+                    user_id TEXT {uniq},
+                    doc TEXT NOT NULL
+                );
+                CREATE INDEX IF NOT EXISTS idx_{name}_user_id ON {name}(user_id);
+                """
+            )
+    await conn.executescript("\n".join(parts))
+
+
+async def _close() -> None:
+    """Best-effort connection close (called from FastAPI lifespan teardown)."""
+    global _conn
+    if _conn is not None:
+        try:
+            await _conn.close()
+        except Exception:  # pragma: no cover - shutdown path
+            pass
+        _conn = None
+
+
+# ---------------------------------------------------------------------------
+# Filter matching (only the Mongo operators the routers actually use)
+# ---------------------------------------------------------------------------
+
+def _match_value(actual: Any, want: Any) -> bool:
+    if isinstance(want, dict) and len(want) == 1:
+        op, arg = next(iter(want.items()))
+        if op == "$in":
+            return actual in arg
+    return actual == want
+
+
+def _matches(doc: Mapping, query: Mapping) -> bool:
+    for k, v in query.items():
+        if not _match_value(doc.get(k), v):
+            return False
+    return True
+
+
+# ---------------------------------------------------------------------------
+# Result types (shaped like pymongo's so existing ``res.inserted_id`` etc. works)
+# ---------------------------------------------------------------------------
+
+class _InsertOneResult:
+    def __init__(self, inserted_id: ObjectId) -> None:
+        self.inserted_id = inserted_id
+
+
+class _UpdateResult:
+    def __init__(self, matched: int, modified: int, upserted_id: ObjectId | None = None) -> None:
+        self.matched_count = matched
+        self.modified_count = modified
+        self.upserted_id = upserted_id
+
+
+class _DeleteResult:
+    def __init__(self, deleted: int) -> None:
+        self.deleted_count = deleted
+
+
+# ---------------------------------------------------------------------------
+# Cursor / aggregation
+# ---------------------------------------------------------------------------
+
+def _sort_key_factory(field: str):
+    def keyfn(d: Mapping):
+        v = d.get(field)
+        return (v is None, v)
+    return keyfn
+
+
+class _Cursor:
+    """Lazy cursor: docs are fetched the first time you await iteration / to_list."""
+
+    def __init__(self, fetch):
+        self._fetch = fetch
+        self._sort_field: str | None = None
+        self._sort_dir: int = 1
+        self._limit: int | None = None
+        self._skip: int = 0
+
+    def sort(self, field: str | list[tuple[str, int]], direction: int = 1) -> "_Cursor":
+        # Routers also call .sort([("created_at", -1)]) — accept that form too,
+        # honoring only the first key (Mongo allows compound sort; for the
+        # routers we have, single-key sort is sufficient).
+        if isinstance(field, list) and field:
+            f, d = field[0]
+            self._sort_field = f
+            self._sort_dir = d
+        else:
+            self._sort_field = field  # type: ignore[assignment]
+            self._sort_dir = direction
+        return self
+
+    def limit(self, n: int) -> "_Cursor":
+        self._limit = int(n)
+        return self
+
+    def skip(self, n: int) -> "_Cursor":
+        self._skip = int(n)
+        return self
+
+    async def _materialize(self) -> list[dict]:
+        items = await self._fetch()
+        if self._sort_field is not None:
+            items.sort(key=_sort_key_factory(self._sort_field), reverse=self._sort_dir < 0)
+        if self._skip:
+            items = items[self._skip:]
+        if self._limit is not None:
+            items = items[: self._limit]
+        return items
+
+    async def to_list(self, length: int | None = None) -> list[dict]:
+        items = await self._materialize()
+        return items if length is None else items[:length]
+
+    def __aiter__(self) -> AsyncIterator[dict]:
+        async def _gen():
+            for d in await self._materialize():
+                yield d
+        return _gen()
+
+
+class _Aggregate:
+    """Tiny aggregation runner — supports the pipeline shapes the routers use:
+    ``$match`` and ``$group`` with ``_id: None`` plus ``$sum``.
+
+    More exotic shapes (``$lookup``) raise NotImplementedError; the only
+    caller is a maintenance ``cleanup_old_canvas_data`` function that isn't
+    on the request path, so this is safe.
+    """
+
+    def __init__(self, fetch, pipeline: Sequence[Mapping]):
+        self._fetch = fetch
+        self._pipeline = list(pipeline)
+
+    async def to_list(self, length: int | None = None) -> list[dict]:
+        items = await self._fetch()
+        for stage in self._pipeline:
+            if "$match" in stage:
+                items = [d for d in items if _matches(d, stage["$match"])]
+            elif "$group" in stage:
+                spec = stage["$group"]
+                gid = spec.get("_id")
+                if gid is not None:
+                    raise NotImplementedError("Only $group with _id: None is supported")
+                bucket: dict[str, Any] = {"_id": None}
+                for k, v in spec.items():
+                    if k == "_id":
+                        continue
+                    if not (isinstance(v, dict) and len(v) == 1):
+                        raise NotImplementedError(f"Unsupported $group field: {k}={v!r}")
+                    op, arg = next(iter(v.items()))
+                    if op == "$sum" and isinstance(arg, str) and arg.startswith("$"):
+                        field = arg[1:]
+                        bucket[k] = sum(int(d.get(field) or 0) for d in items)
+                    else:
+                        raise NotImplementedError(f"Unsupported $group op: {op}")
+                items = [bucket]
+            else:
+                raise NotImplementedError(f"Unsupported aggregation stage: {stage}")
+        return items if length is None else items[:length]
+
+
+# ---------------------------------------------------------------------------
+# Collection
+# ---------------------------------------------------------------------------
+
+class Collection:
+    def __init__(self, name: str) -> None:
+        self._name = name
+        self._has_email = name == "users"
+
+    # ----- low-level helpers ------------------------------------------------
+
+    async def _all(self, conn: aiosqlite.Connection) -> list[dict]:
+        cur = await conn.execute(f"SELECT doc FROM {self._name}")
+        rows = await cur.fetchall()
+        return [_loads(r[0]) for r in rows]
+
+    def _insert_params(self, _id: str, email: str | None, user_id: str | None, doc_json: str):
+        if self._has_email:
+            return (
+                "INSERT INTO users (_id, email, doc) VALUES (?, ?, ?)",
+                (_id, email, doc_json),
+            )
+        return (
+            f"INSERT INTO {self._name} (_id, user_id, doc) VALUES (?, ?, ?)",
+            (_id, user_id, doc_json),
+        )
+
+    async def _update_row(
+        self,
+        conn: aiosqlite.Connection,
+        _id: str,
+        email: str | None,
+        user_id: str | None,
+        doc_json: str,
+    ) -> None:
+        if self._has_email:
+            await conn.execute(
+                "UPDATE users SET email=?, doc=? WHERE _id=?",
+                (email, doc_json, _id),
+            )
+        else:
+            await conn.execute(
+                f"UPDATE {self._name} SET user_id=?, doc=? WHERE _id=?",
+                (user_id, doc_json, _id),
+            )
+
+    def _apply_update(self, doc: dict, update: Mapping, is_insert: bool = False) -> None:
+        for op, fields in update.items():
+            if op == "$set":
+                for k, v in fields.items():
+                    doc[k] = v
+            elif op == "$unset":
+                for k in fields:
+                    doc.pop(k, None)
+            elif op == "$inc":
+                for k, v in fields.items():
+                    doc[k] = (doc.get(k) or 0) + v
+            elif op == "$push":
+                # Supports {"$push": {"field": value}} and
+                # {"$push": {"field": {"$each": [v1, v2, ...]}}}.
+                for k, spec in fields.items():
+                    existing = doc.get(k)
+                    if not isinstance(existing, list):
+                        existing = []
+                        doc[k] = existing
+                    if isinstance(spec, Mapping) and "$each" in spec:
+                        items = list(spec["$each"])
+                    else:
+                        items = [spec]
+                    existing.extend(items)
+            elif op == "$setOnInsert":
+                # Only applies on the insert side of an upsert.
+                if is_insert:
+                    for k, v in fields.items():
+                        doc.setdefault(k, v)
+            else:
+                raise NotImplementedError(f"Unsupported update operator: {op}")
+
+    # ----- public API -------------------------------------------------------
+
+    async def find_one(self, query: Mapping | None = None, projection: Mapping | None = None) -> dict | None:
+        query = dict(query or {})
+        try:
+            conn = await _open()
+            # Fast paths for primary-key / unique-index lookups.
+            if list(query.keys()) == ["_id"] and isinstance(query["_id"], (ObjectId, str)):
+                cur = await conn.execute(
+                    f"SELECT doc FROM {self._name} WHERE _id = ?",
+                    (_id_str(query["_id"]),),
+                )
+                row = await cur.fetchone()
+                return _loads(row[0]) if row else None
+            if self._has_email and list(query.keys()) == ["email"]:
+                cur = await conn.execute(
+                    "SELECT doc FROM users WHERE email = ?",
+                    (query["email"],),
+                )
+                row = await cur.fetchone()
+                return _loads(row[0]) if row else None
+            for d in await self._all(conn):
+                if _matches(d, query):
+                    return d
+            return None
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"find_one({self._name}) failed: {exc}") from exc
+
+    def find(self, query: Mapping | None = None, projection: Mapping | None = None) -> _Cursor:
+        q = dict(query or {})
+
+        async def _go() -> list[dict]:
+            try:
+                conn = await _open()
+                docs = await self._all(conn)
+                return [d for d in docs if _matches(d, q)]
+            except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+                raise PyMongoError(f"find({self._name}) failed: {exc}") from exc
+
+        return _Cursor(_go)
+
+    def aggregate(self, pipeline: Sequence[Mapping]) -> _Aggregate:
+        async def _go() -> list[dict]:
+            try:
+                conn = await _open()
+                return await self._all(conn)
+            except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+                raise PyMongoError(f"aggregate({self._name}) failed: {exc}") from exc
+
+        return _Aggregate(_go, pipeline)
+
+    async def count_documents(self, filter: Mapping | None = None) -> int:
+        f = dict(filter or {})
+        try:
+            conn = await _open()
+            if not f:
+                cur = await conn.execute(f"SELECT COUNT(*) FROM {self._name}")
+                row = await cur.fetchone()
+                return int(row[0]) if row else 0
+            return sum(1 for d in await self._all(conn) if _matches(d, f))
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"count_documents({self._name}) failed: {exc}") from exc
+
+    async def insert_one(self, doc: Mapping) -> _InsertOneResult:
+        d = dict(doc)
+        if "_id" not in d or d["_id"] is None:
+            d["_id"] = ObjectId()
+        oid = d["_id"]
+        try:
+            conn = await _open()
+            email = d.get("email") if self._has_email else None
+            user_id = _id_str(d["user_id"]) if "user_id" in d else None
+            sql, params = self._insert_params(_id_str(oid), email, user_id, _dumps(d))
+            await conn.execute(sql, params)
+            await conn.commit()
+            return _InsertOneResult(oid)
+        except aiosqlite.IntegrityError as exc:
+            raise DuplicateKeyError(str(exc)) from exc
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"insert_one({self._name}) failed: {exc}") from exc
+
+    async def update_one(
+        self,
+        filter: Mapping,
+        update: Mapping,
+        upsert: bool = False,
+    ) -> _UpdateResult:
+        try:
+            conn = await _open()
+            doc = await self.find_one(filter)
+            if doc is None and not upsert:
+                return _UpdateResult(0, 0)
+            if doc is None and upsert:
+                base: dict[str, Any] = {}
+                for k, v in filter.items():
+                    if not (isinstance(v, dict) and any(str(kk).startswith("$") for kk in v)):
+                        base[k] = v
+                if "_id" not in base:
+                    base["_id"] = ObjectId()
+                self._apply_update(base, update, is_insert=True)
+                res = await self.insert_one(base)
+                return _UpdateResult(0, 0, upserted_id=res.inserted_id)
+            self._apply_update(doc, update)
+            email = doc.get("email") if self._has_email else None
+            user_id = _id_str(doc["user_id"]) if "user_id" in doc else None
+            await self._update_row(conn, _id_str(doc["_id"]), email, user_id, _dumps(doc))
+            await conn.commit()
+            return _UpdateResult(1, 1)
+        except aiosqlite.IntegrityError as exc:
+            raise DuplicateKeyError(str(exc)) from exc
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"update_one({self._name}) failed: {exc}") from exc
+
+    async def update_many(
+        self,
+        filter: Mapping,
+        update: Mapping,
+    ) -> _UpdateResult:
+        try:
+            conn = await _open()
+            docs = [d for d in await self._all(conn) if _matches(d, filter)]
+            if not docs:
+                return _UpdateResult(0, 0)
+            for doc in docs:
+                self._apply_update(doc, update)
+                email = doc.get("email") if self._has_email else None
+                user_id = _id_str(doc["user_id"]) if "user_id" in doc else None
+                await self._update_row(conn, _id_str(doc["_id"]), email, user_id, _dumps(doc))
+            await conn.commit()
+            return _UpdateResult(len(docs), len(docs))
+        except aiosqlite.IntegrityError as exc:
+            raise DuplicateKeyError(str(exc)) from exc
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"update_many({self._name}) failed: {exc}") from exc
+
+    async def replace_one(
+        self,
+        filter: Mapping,
+        replacement: Mapping,
+        upsert: bool = False,
+    ) -> _UpdateResult:
+        try:
+            conn = await _open()
+            existing = await self.find_one(filter)
+            new_doc = dict(replacement)
+            if existing is None and not upsert:
+                return _UpdateResult(0, 0)
+            if existing is None and upsert:
+                if "_id" not in new_doc or new_doc["_id"] is None:
+                    new_doc["_id"] = ObjectId()
+                res = await self.insert_one(new_doc)
+                return _UpdateResult(0, 0, upserted_id=res.inserted_id)
+            # Preserve the existing _id so the replacement updates the same row.
+            new_doc["_id"] = existing["_id"]
+            email = new_doc.get("email") if self._has_email else None
+            user_id = _id_str(new_doc["user_id"]) if "user_id" in new_doc else None
+            await self._update_row(conn, _id_str(existing["_id"]), email, user_id, _dumps(new_doc))
+            await conn.commit()
+            return _UpdateResult(1, 1)
+        except aiosqlite.IntegrityError as exc:
+            raise DuplicateKeyError(str(exc)) from exc
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"replace_one({self._name}) failed: {exc}") from exc
+
+    async def delete_one(self, filter: Mapping) -> _DeleteResult:
+        try:
+            conn = await _open()
+            doc = await self.find_one(filter)
+            if doc is None:
+                return _DeleteResult(0)
+            await conn.execute(
+                f"DELETE FROM {self._name} WHERE _id=?",
+                (_id_str(doc["_id"]),),
+            )
+            await conn.commit()
+            return _DeleteResult(1)
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"delete_one({self._name}) failed: {exc}") from exc
+
+    async def delete_many(self, filter: Mapping) -> _DeleteResult:
+        try:
+            conn = await _open()
+            docs = [d for d in await self._all(conn) if _matches(d, filter)]
+            for d in docs:
+                await conn.execute(
+                    f"DELETE FROM {self._name} WHERE _id=?",
+                    (_id_str(d["_id"]),),
+                )
+            if docs:
+                await conn.commit()
+            return _DeleteResult(len(docs))
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"delete_many({self._name}) failed: {exc}") from exc
+
+    async def find_one_and_delete(self, filter: Mapping) -> dict | None:
+        try:
+            conn = await _open()
+            doc = await self.find_one(filter)
+            if doc is None:
+                return None
+            await conn.execute(
+                f"DELETE FROM {self._name} WHERE _id=?",
+                (_id_str(doc["_id"]),),
+            )
+            await conn.commit()
+            return doc
+        except (aiosqlite.OperationalError, aiosqlite.DatabaseError, OSError) as exc:
+            raise PyMongoError(f"find_one_and_delete({self._name}) failed: {exc}") from exc
+
+    async def create_index(self, keys: Any, unique: bool = False, **_: Any) -> str:
+        # The schema already declares the indexes the routers rely on
+        # (PK on _id, UNIQUE on users.email and on user_profiles.user_id /
+        # onboarding_conversations.user_id, plain index on user_id elsewhere).
+        # Stays a no-op so legacy main.py / canvas_database.py calls keep
+        # working without changes.
+        return "ok"
+
+
+# ---------------------------------------------------------------------------
+# Database
+# ---------------------------------------------------------------------------
+
+class Database:
+    def __init__(self) -> None:
+        self._collections: dict[str, Collection] = {}
+
+    def _coll(self, name: str) -> Collection:
+        c = self._collections.get(name)
+        if c is None:
+            c = Collection(name)
+            self._collections[name] = c
+        return c
+
+    def __getattr__(self, name: str) -> Collection:
+        if name.startswith("_"):
+            raise AttributeError(name)
+        return self._coll(name)
+
+    def __getitem__(self, name: str) -> Collection:
+        return self._coll(name)
+
+
+_database: Database | None = None
+
+
+def get_database() -> Database:
+    global _database
+    if _database is None:
+        _database = Database()
+    return _database
+
+
+__all__ = [
+    "Collection",
+    "Database",
+    "get_database",
+]
diff --git a/multi_llm_chatbot_backend/app/core/env_loader.py b/multi_llm_chatbot_backend/app/core/env_loader.py
new file mode 100644
index 0000000000000000000000000000000000000000..d0e06e12908ad93225224b5f3a3b55c417cdfe94
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/env_loader.py
@@ -0,0 +1,31 @@
+"""Load local and shared environment files before LLM bootstrap."""
+
+from __future__ import annotations
+
+import os
+from pathlib import Path
+
+from dotenv import load_dotenv
+
+_BACKEND_ROOT = Path(__file__).resolve().parents[2]
+
+
+def _shared_env_paths() -> list[Path]:
+    paths: list[Path] = []
+    explicit = os.environ.get("SHARED_ENV", "").strip()
+    if explicit:
+        paths.append(Path(explicit))
+    paths.append(Path.home() / ".secrets" / "shared.env")
+    return paths
+
+
+def load_application_env() -> None:
+    """Load cwd .env, backend .env, then shared secrets (without overriding explicit env)."""
+    load_dotenv()
+    backend_env = _BACKEND_ROOT / ".env"
+    if backend_env.is_file():
+        load_dotenv(backend_env, override=False)
+    for path in _shared_env_paths():
+        if path.is_file():
+            load_dotenv(path, override=False)
+            return
diff --git a/multi_llm_chatbot_backend/app/core/guest_demo.py b/multi_llm_chatbot_backend/app/core/guest_demo.py
new file mode 100644
index 0000000000000000000000000000000000000000..2a49c4fc08be081da1296cdc20bf3a7e1da13bec
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/guest_demo.py
@@ -0,0 +1,576 @@
+"""Seed and clear Explore-as-guest demo data for temporary guest users."""
+
+from __future__ import annotations
+
+from datetime import datetime, timedelta
+from typing import Any, Dict, List, Literal, Optional
+from uuid import uuid4
+import re
+
+from bson import ObjectId
+
+from app.core.database import get_database
+from app.core import user_knowledge as uk
+from app.models.phd_canvas import PhdCanvas
+
+Persona = Literal["personal", "business", "other"]
+SAMPLE_EVIDENCE = "guest_sample"
+
+
+def resolve_persona(choice: str, free_text: Optional[str] = None) -> Persona:
+    c = (choice or "").strip().lower()
+    if c in ("personal", "individual", "home"):
+        return "personal"
+    if c in ("business", "organization", "org", "smb", "enterprise"):
+        return "business"
+    text = (free_text or "").lower()
+    biz_keywords = (
+        "business", "company", "org", "smb", "employee", "office", "audit",
+        "compliance", "hipaa", "soc 2", "nist", "ciso", "it manager", "firewall",
+        "vendor", "customers", "workforce",
+    )
+    if any(k in text for k in biz_keywords):
+        return "business"
+    return "other" if c in ("other", "custom", "something_else", "free") or free_text else "personal"
+
+
+_STOPWORDS = frozenset({
+    "a", "an", "the", "and", "or", "for", "to", "of", "my", "our", "i", "im", "i'm",
+    "we", "with", "on", "in", "at", "about", "help", "need", "want", "looking",
+    "something", "else", "please", "just", "this", "that", "from", "into", "am",
+    "is", "are", "be", "as", "it", "me", "us", "you", "your", "how", "what", "when",
+})
+
+
+def derive_guest_label(persona: Persona, free_text: Optional[str] = None) -> str:
+    """One-word sidebar label after 'Guest Explorer · '."""
+    if persona == "personal":
+        return "Personal"
+    if persona == "business":
+        return "Business"
+    text = (free_text or "").strip()
+    if not text:
+        return "Custom"
+    # Prefer a meaningful token: skip stopwords, keep alnum words 3+ chars
+    tokens = re.findall(r"[A-Za-z][A-Za-z0-9+\-]{2,}", text)
+    for tok in tokens:
+        if tok.lower() not in _STOPWORDS:
+            label = tok[:16]
+            return label[:1].upper() + label[1:].lower()
+    # Fallback: first non-trivial chunk
+    compact = re.sub(r"[^A-Za-z0-9]+", "", text)[:12]
+    if compact:
+        return compact[:1].upper() + compact[1:].lower()
+    return "Custom"
+
+
+def _now() -> datetime:
+    return datetime.utcnow()
+
+
+def _msg(msg_type: str, content: str, **extra: Any) -> Dict[str, Any]:
+    base = {
+        "id": str(uuid4()),
+        "type": msg_type,
+        "content": content,
+        "timestamp": _now().isoformat(),
+    }
+    base.update(extra)
+    return base
+
+
+async def seed_guest_demo(
+    user_id: Any,
+    persona: Persona,
+    *,
+    free_text: Optional[str] = None,
+) -> Dict[str, Any]:
+    """Populate profile, facts, journey, chat, and canvas with rich sample data."""
+    db = get_database()
+    uid = user_id if isinstance(user_id, ObjectId) else ObjectId(str(user_id))
+    now = _now()
+
+    if persona == "personal":
+        profile = {
+            "user_id": uid,
+            "cyber_role": "Individual / home user",
+            "knowledge_level": "Beginner",
+            "organization_type": "Independent",
+            "current_goals": "Harden personal accounts and backups",
+            "advisor_notes": "Demo guest — Personal Digital Security sample data",
+            "updated_at": now,
+        }
+        facts = [
+            ("person", "role", "Individual securing personal devices and accounts"),
+            ("person", "knowledge_level", "Beginner — comfortable with apps, newer to MFA depth"),
+            ("environment", "primary_os", "Windows PC"),
+            ("preferences", "communication", "Plain language, step-by-step checklists"),
+            ("needs", "priority", "Password manager + MFA, then reliable backups"),
+            ("needs", "urgency", "Advisory — prevent problems, not mid-incident"),
+            ("organization", "context", "Household / personal cloud accounts"),
+        ]
+        track_id = "personal_digital_security"
+        checked = ["pds_pm_1", "pds_pm_2", "pds_pm_3"]
+        chat_title = "Getting started with personal digital security"
+        user_q = (
+            "I want to stop reusing passwords and make sure I won't lose photos "
+            "if my laptop dies. Where should I start?"
+        )
+        jerry_resp = (
+            "**You've contacted me today — here's a clear starting order.**\n\n"
+            "1. **Password manager** — install one you will actually use; migrate "
+            "email and banking first.\n"
+            "2. **MFA on email** — authenticator app beats SMS when you can.\n"
+            "3. **Automated backups** — cloud or external drive for photos and tax docs, "
+            "then do one restore test.\n\n"
+            "I'm walking you through **Personal Digital Security** on your Journey. "
+            "Ask me about MFA apps, backup tools, or phishing next."
+        )
+        layout = [
+            {"id": "w-notes", "type": "notes", "size": "M"},
+            {"id": "w-kanban", "type": "kanban", "size": "L"},
+            {"id": "w-goals", "type": "goals", "size": "M"},
+        ]
+        states = {
+            "notes": {
+                "items": [
+                    {
+                        "id": "n1",
+                        "text": "Accounts to migrate: Email, bank, Google, Apple ID, social",
+                        "tag": "accounts",
+                        "at": int(now.timestamp() * 1000),
+                    },
+                    {
+                        "id": "n2",
+                        "text": "Backup folders: Photos, Documents/Taxes, Desktop/Work",
+                        "tag": "backups",
+                        "at": int(now.timestamp() * 1000) - 60000,
+                    },
+                ]
+            },
+            "kanban": {
+                "cols": [
+                    {"id": "todo", "label": "To Do"},
+                    {"id": "doing", "label": "Doing"},
+                    {"id": "stuck", "label": "Stuck"},
+                    {"id": "done", "label": "Done"},
+                ],
+                "cards": [
+                    {"id": "c1", "title": "Install password manager", "col": "todo", "priority": "high", "meta": "this week"},
+                    {"id": "c2", "title": "Enable MFA on email", "col": "todo", "priority": "high", "meta": "this week"},
+                    {"id": "c3", "title": "Turn on cloud photo backup", "col": "doing", "priority": "med", "meta": "in progress"},
+                ],
+            },
+            "goals": {
+                "items": [
+                    {"id": "g1", "label": "Unique passwords everywhere", "progress": 40, "due": ""},
+                    {"id": "g2", "label": "Verified restore from backup", "progress": 10, "due": ""},
+                ]
+            },
+        }
+        deliverables = {
+            "activeProjectId": "p-demo-personal",
+            "projects": {
+                "p-demo-personal": {
+                    "id": "p-demo-personal",
+                    "name": "Personal security checklist",
+                    "templateId": "meeting-prep",
+                    "sections": {
+                        "agenda": "- Password manager\n- MFA on email\n- Photo backup",
+                        "progress": "Installed manager; migrated 12 logins.",
+                        "blockers": "Need help choosing MFA app for phone.",
+                        "decisions": "Use authenticator over SMS for email.",
+                        "questions": "Is a hardware key worth it for banking?",
+                        "followup": "",
+                    },
+                    "versions": [],
+                    "aiNotes": None,
+                    "createdAt": int(now.timestamp() * 1000),
+                }
+            },
+        }
+        short_summary = (
+            "Guest demo: beginner individual focused on passwords/MFA and backups. "
+            "Prefer plain-language checklists. On Personal Digital Security track."
+        )
+        long_summary = short_summary + (
+            " Priority accounts: email and banking. Sample Journey items for password "
+            "manager and MFA already checked. Exploring the panel without a real account."
+        )
+
+    elif persona == "business":
+        profile = {
+            "user_id": uid,
+            "cyber_role": "IT / security lead (SMB)",
+            "knowledge_level": "Intermediate",
+            "organization_type": "Small–mid business",
+            "organization_size": "~80 employees",
+            "industry": "Professional services",
+            "current_goals": "IG1 hygiene and audit readiness",
+            "advisor_notes": "Demo guest — CIS IG / NIST sample data",
+            "updated_at": now,
+        }
+        facts = [
+            ("person", "role", "IT manager covering security for an 80-person firm"),
+            ("person", "knowledge_level", "Intermediate — knows firewalls/MFA, wants program structure"),
+            ("organization", "type", "SMB professional services"),
+            ("organization", "size", "~80 employees"),
+            ("organization", "compliance", "Considering SOC 2 / client security questionnaires"),
+            ("needs", "priority", "Essential cyber hygiene (CIS IG1) and clearer incident basics"),
+            ("preferences", "communication", "Practical controls first, frameworks second"),
+        ]
+        track_id = "cis_ig"
+        checked = ["cis_ig1_1", "cis_ig1_5", "cis_ig1_6"]
+        chat_title = "SMB security baseline and IG1"
+        user_q = (
+            "We have about 80 people and clients are sending security questionnaires. "
+            "What's the minimum stack we should finish this quarter?"
+        )
+        jerry_resp = (
+            "**You've contacted me today — treat this as an advisory engagement.**\n\n"
+            "For an ~80-person firm, finish **CIS IG1 essentials** before polish:\n"
+            "- Asset inventory (devices + SaaS)\n"
+            "- Unique accounts + MFA everywhere staff can\n"
+            "- Least-privilege access reviews\n"
+            "- Patch window + basic logging\n"
+            "- Written incident contacts (who to call, in what order)\n\n"
+            "Your Journey is on **CIS Controls (IG1→IG3)**. When questionnaires ask "
+            "about NIST, we map IG1 practices into CSF language — don't rebuild from scratch."
+        )
+        layout = [
+            {"id": "w-kanban", "type": "kanban", "size": "L"},
+            {"id": "w-notes", "type": "notes", "size": "M"},
+            {"id": "w-deadlines", "type": "deadlines", "size": "M"},
+            {"id": "w-goals", "type": "goals", "size": "M"},
+        ]
+        states = {
+            "kanban": {
+                "cols": [
+                    {"id": "todo", "label": "To Do"},
+                    {"id": "doing", "label": "Doing"},
+                    {"id": "stuck", "label": "Stuck"},
+                    {"id": "done", "label": "Done"},
+                ],
+                "cards": [
+                    {"id": "c1", "title": "Finish SaaS inventory", "col": "todo", "priority": "high", "meta": "IG1"},
+                    {"id": "c2", "title": "MFA enforcement for Microsoft 365", "col": "todo", "priority": "high", "meta": "IG1"},
+                    {"id": "c3", "title": "Draft IR contact tree", "col": "todo", "priority": "med", "meta": "IR"},
+                    {"id": "c4", "title": "Endpoint hardening baseline", "col": "doing", "priority": "med", "meta": "in progress"},
+                    {"id": "c5", "title": "Unique admin accounts", "col": "done", "priority": "low", "meta": "done"},
+                ],
+            },
+            "notes": {
+                "items": [
+                    {
+                        "id": "n1",
+                        "text": "Questionnaire themes: MFA, backups, access reviews, vendor list, IR plan",
+                        "tag": "questionnaires",
+                        "at": int(now.timestamp() * 1000),
+                    },
+                    {
+                        "id": "n2",
+                        "text": "Gap vs IG1: logging retention and vulnerability scan cadence still open",
+                        "tag": "gaps",
+                        "at": int(now.timestamp() * 1000) - 120000,
+                    },
+                ]
+            },
+            "deadlines": [
+                {
+                    "id": "d1",
+                    "title": "Client security questionnaire due",
+                    "date": (now + timedelta(days=21)).strftime("%Y-%m-%d"),
+                    "tag": "clients",
+                },
+                {
+                    "id": "d2",
+                    "title": "Quarterly access review",
+                    "date": (now + timedelta(days=45)).strftime("%Y-%m-%d"),
+                    "tag": "access",
+                },
+            ],
+            "goals": {
+                "items": [
+                    {"id": "g1", "label": "Complete CIS IG1 checklist", "progress": 35, "due": ""},
+                    {"id": "g2", "label": "Reusable questionnaire packet", "progress": 15, "due": ""},
+                ]
+            },
+        }
+        deliverables = {
+            "activeProjectId": "p-demo-biz",
+            "projects": {
+                "p-demo-biz": {
+                    "id": "p-demo-biz",
+                    "name": "Incident response one-pager",
+                    "templateId": "thesis-chapter",
+                    "sections": {
+                        "overview": "Sample IR one-pager for demo org (80-person SMB). Written after a phishing near-miss.",
+                        "background": "Day 0 09:14 phishing email reported; 09:40 credentials reset; 10:05 mailbox rules checked; 11:00 all-clear.",
+                        "methods": "One user account briefly at risk. No data accessed; 45 minutes of IT time.",
+                        "results": "No MFA on legacy webmail path — the gap that made the phish viable.",
+                        "discussion": "MFA enforced on all mail access (owner: IT, done). Tabletop exercise with leadership in Q2.",
+                    },
+                    "versions": [],
+                    "aiNotes": None,
+                    "createdAt": int(now.timestamp() * 1000),
+                },
+                "p-demo-policy": {
+                    "id": "p-demo-policy",
+                    "name": "Acceptable use policy",
+                    "templateId": "nsf-grfp",
+                    "sections": {
+                        "personal": "Purpose: protect company and client data. Applies to all staff, contractors, devices, and SaaS in use at the firm.",
+                        "research": "1. MFA is required for email and all admin access.\n2. Company data stays in approved SaaS only.\n3. Suspected incidents are reported to IT within 1 hour.\nExceptions: written IT approval, expires in 90 days. Owner: IT; reviewed annually.",
+                    },
+                    "versions": [],
+                    "aiNotes": None,
+                    "createdAt": int(now.timestamp() * 1000),
+                },
+            },
+        }
+        short_summary = (
+            "Guest demo: SMB IT lead (~80 people) aiming for CIS IG1 and questionnaire readiness. "
+            "Practical controls preferred."
+        )
+        long_summary = short_summary + (
+            " Industry professional services; MFA and access hygiene underway. Sample Journey "
+            "checks inventory-related IG1 items. Exploring without a production account."
+        )
+
+    else:  # other / free-text
+        goal = (free_text or "Explore cybersecurity advisory with a custom goal").strip()
+        profile = {
+            "user_id": uid,
+            "cyber_role": "Explorer",
+            "knowledge_level": "Intermediate",
+            "organization_type": "Not specified",
+            "current_goals": goal[:400],
+            "advisor_notes": f"Demo guest free-text intake: {goal[:200]}",
+            "updated_at": now,
+        }
+        facts = [
+            ("needs", "stated_goal", goal[:500]),
+            ("person", "role", "Guest explorer (custom goal)"),
+            ("preferences", "communication", "Adapt depth to the goal they typed"),
+            ("needs", "urgency", "Advisory / exploratory"),
+        ]
+        track_id = "custom_goal"
+        checked: List[str] = []
+        chat_title = "Your custom security goal"
+        user_q = goal if len(goal) > 12 else (
+            f"I'd like help with this: {goal}" if goal else
+            "I'm not sure where I fit — can you help me figure out a security path?"
+        )
+        jerry_resp = (
+            "**You've contacted me today — thank you for describing what matters.**\n\n"
+            f"I heard: *{goal[:280]}*\n\n"
+            "I've set your Journey to a **custom goal** track so we can break this into "
+            "milestones together. Use About You to edit anything we got wrong, and ask "
+            "the panel for a next concrete step — triage, tools, or a longer-term program."
+        )
+        layout = [
+            {"id": "w-notes", "type": "notes", "size": "L"},
+            {"id": "w-goals", "type": "goals", "size": "M"},
+            {"id": "w-kanban", "type": "kanban", "size": "M"},
+        ]
+        states = {
+            "notes": {
+                "items": [
+                    {
+                        "id": "n1",
+                        "text": f"Your stated goal: {goal[:800]}",
+                        "tag": "goal",
+                        "at": int(now.timestamp() * 1000),
+                    },
+                    {
+                        "id": "n2",
+                        "text": "Questions for the panel: What success looks like in 30 / 90 days?",
+                        "tag": "framing",
+                        "at": int(now.timestamp() * 1000) - 30000,
+                    },
+                ]
+            },
+            "goals": {
+                "items": [
+                    {"id": "g1", "label": "Clarify success criteria", "progress": 20, "due": ""},
+                    {"id": "g2", "label": "First concrete control or habit", "progress": 0, "due": ""},
+                ]
+            },
+            "kanban": {
+                "cols": [
+                    {"id": "todo", "label": "To Do"},
+                    {"id": "doing", "label": "Doing"},
+                    {"id": "stuck", "label": "Stuck"},
+                    {"id": "done", "label": "Done"},
+                ],
+                "cards": [
+                    {"id": "c1", "title": "Refine goal with Jerry", "col": "todo", "priority": "high", "meta": "today"},
+                    {"id": "c2", "title": "Pick a track or keep custom", "col": "todo", "priority": "med", "meta": "this week"},
+                ],
+            },
+        }
+        deliverables = {
+            "activeProjectId": "p-demo-custom",
+            "projects": {
+                "p-demo-custom": {
+                    "id": "p-demo-custom",
+                    "name": "Goal framing notes",
+                    "templateId": "meeting-prep",
+                    "sections": {
+                        "agenda": f"- Clarify: {goal[:120]}",
+                        "progress": "Just started as a guest explorer.",
+                        "blockers": "Need scope (personal vs org) if still fuzzy.",
+                        "decisions": "",
+                        "questions": "What would make this week a win?",
+                        "followup": "",
+                    },
+                    "versions": [],
+                    "aiNotes": None,
+                    "createdAt": int(now.timestamp() * 1000),
+                }
+            },
+        }
+        short_summary = f"Guest demo with custom goal: {goal[:180]}"
+        long_summary = short_summary + " On custom Journey track; sample workspace seeded for exploration."
+
+    # Profile
+    await db.user_profiles.update_one(
+        {"user_id": uid},
+        {"$set": profile},
+        upsert=True,
+    )
+
+    # Facts (mark as sample via evidence)
+    for category, key, value in facts:
+        await uk.create_stated_fact(
+            uid,
+            category=category,  # type: ignore[arg-type]
+            key=key,
+            value=value,
+            evidence=SAMPLE_EVIDENCE,
+        )
+
+    # Summaries
+    await db.user_summaries.update_one(
+        {"user_id": uid},
+        {
+            "$set": {
+                "user_id": uid,
+                "short": short_summary,
+                "long": long_summary,
+                "generated_at": now,
+                "version": 1,
+                "source": SAMPLE_EVIDENCE,
+            }
+        },
+        upsert=True,
+    )
+
+    # Journey
+    await db.goal_tracks.update_one(
+        {"user_id": uid},
+        {
+            "$set": {
+                "user_id": uid,
+                "active_track_id": track_id,
+                "checked_item_ids": checked,
+                "updated_at": now,
+                "sample": True,
+            }
+        },
+        upsert=True,
+    )
+
+    # Chat session with welcome exchange
+    session = {
+        "_id": ObjectId(),
+        "user_id": uid,
+        "title": chat_title,
+        "messages": [
+            _msg("user", user_q),
+            _msg(
+                "advisor",
+                jerry_resp,
+                advisorName="Jerry Huaute",
+                persona_id="jerry_huaute",
+                thought="Welcome the guest and give actionable next steps.",
+            ),
+            _msg(
+                "system",
+                "This is sample demo content for Explore as guest. "
+                "Use Remove all sample data anytime from the user menu.",
+            ),
+        ],
+        "created_at": now,
+        "updated_at": now,
+        "is_active": True,
+        "sample": True,
+    }
+    await db.chat_sessions.insert_one(session)
+
+    # Canvas workspace + deliverables
+    canvas = PhdCanvas(user_id=uid)
+    canvas.workspace = {
+        "layout": layout,
+        "states": states,
+        "view": "workspace",
+        "task_statuses": {},
+    }
+    canvas.deliverables = deliverables
+    canvas.last_updated = now
+    canvas.auto_update = False
+    await db.phd_canvases.insert_one(canvas.dict(by_alias=True))
+
+    return {
+        "persona": persona,
+        "track_id": track_id,
+        "session_id": str(session["_id"]),
+        "facts": len(facts),
+    }
+
+
+async def clear_guest_sample_data(user_id: Any) -> List[str]:
+    """Remove seeded demo content for a user; leave the guest account intact."""
+    db = get_database()
+    uid = user_id if isinstance(user_id, ObjectId) else ObjectId(str(user_id))
+    uid_str = str(uid)
+    cleared: List[str] = []
+
+    await db.user_facts.delete_many({"user_id": uid})
+    cleared.append("facts")
+
+    await db.user_summaries.delete_many({"user_id": uid})
+    cleared.append("summaries")
+
+    await db.user_profiles.delete_many({"user_id": uid})
+    await db.onboarding_conversations.delete_many({"user_id": uid})
+    cleared.append("profile")
+
+    chat_res = await db.chat_sessions.update_many(
+        {"user_id": uid, "is_active": True},
+        {"$set": {"is_active": False, "updated_at": _now()}},
+    )
+    cleared.append(f"chats ({chat_res.modified_count})")
+
+    await db.phd_canvases.delete_many({"user_id": uid})
+    await db.phd_canvases.delete_many({"user_id": uid_str})
+    cleared.append("canvas")
+
+    await db.goal_tracks.delete_many({"user_id": uid})
+    await db.assessments.delete_many({"user_id": uid})
+    cleared.append("journey")
+
+    # Minimal clean guest profile so About you is not broken
+    await db.user_profiles.update_one(
+        {"user_id": uid},
+        {
+            "$set": {
+                "user_id": uid,
+                "advisor_notes": "Guest mode — sample data cleared",
+                "updated_at": _now(),
+            }
+        },
+        upsert=True,
+    )
+
+    return cleared
diff --git a/multi_llm_chatbot_backend/app/core/improved_orchestrator.py b/multi_llm_chatbot_backend/app/core/improved_orchestrator.py
new file mode 100644
index 0000000000000000000000000000000000000000..3db27f33ce2ad4a77a9a90a8ae6956a8afa806b6
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/improved_orchestrator.py
@@ -0,0 +1,1049 @@
+from typing import Dict, List, Optional, Any
+from app.models.persona import Persona
+from app.core.session_manager import ConversationContext, get_session_manager
+from app.core.context_manager import get_context_manager
+from app.core.rag_manager import get_rag_manager
+from app.config import get_settings
+from app.llm.llm_client import LLMClient, ToolCallResult
+from app.tools import get_tool_definitions, get_tool_executor
+from app.utils.chat_summary import generate_conversation_context_summary
+
+import json
+import logging
+import re
+
+logger = logging.getLogger(__name__)
+
+# Cheap fallback signal for active-incident (triage) messages, used only when
+# the LLM routing call fails or returns garbage.
+_TRIAGE_FALLBACK = re.compile(
+    r"(hacked|hack into|compromis\w*|breach\w*|ransomware|ransom note|"
+    r"malware|infected|virus on|stolen|sextortion|extort\w*|scammed|"
+    r"locked out|unauthorized (access|login|charge)|suspicious (login|activity)|"
+    r"data leak|account.{0,20}taken over)",
+    re.IGNORECASE,
+)
+
+VALID_URGENCIES = ("triage", "advisory", "program")
+
+
+class ImprovedChatOrchestrator:
+    """
+    Enhanced orchestrator with document awareness and improved context handling
+    """
+    
+    def __init__(self, llm_client: LLMClient = None):
+        self.personas: Dict[str, Persona] = {}
+        self.llm_client = llm_client
+        self.session_manager = get_session_manager()
+        self.context_manager = get_context_manager()
+    
+    def register_persona(self, persona: Persona):
+        """Register a persona with the orchestrator"""
+        self.personas[persona.id] = persona
+        logger.info(f"Registered persona: {persona.id} ({persona.name})")
+    
+    def get_persona(self, persona_id: str) -> Optional[Persona]:
+        """Get a specific persona"""
+        return self.personas.get(persona_id)
+    
+    def list_personas(self) -> List[str]:
+        """List all available persona IDs"""
+        return list(self.personas.keys())
+
+    async def get_tool_response(self, user_message: str) -> ToolCallResult:
+        """Check whether a tool can handle *user_message*.
+
+        If tools are disabled in config, no LLM client is available, or the
+        model decides no tool is needed, returns
+        ``ToolCallResult(used_tool=False)``.  Otherwise executes the tool and
+        returns the grounded response with ``used_tool=True``.
+        """
+        if self.llm_client is None:
+            return ToolCallResult(text="", used_tool=False)
+
+        settings = get_settings()
+        tools_enabled = settings.tools.get_enabled_names()
+
+        if not tools_enabled:
+            return ToolCallResult(text="", used_tool=False)
+
+        tool_definitions = get_tool_definitions(enabled=tools_enabled)
+        tool_executor = get_tool_executor(enabled=tools_enabled)
+
+        if not tool_definitions:
+            return ToolCallResult(text="", used_tool=False)
+
+        system_prompt = (
+            "You are a helpful cybersecurity assistant with access to external tools. "
+            "Use the available tools when the user's question can be answered by one of them. "
+            "Call get_current_datetime when the user asks about today, deadlines, timelines, "
+            "schedules, incident timing, or when accurate date/time context would improve "
+            "your guidance — then weave the result into your answer. "
+            "If no tool is relevant, respond with a brief text answer. "
+            "Format your responses using markdown."
+        )
+
+        return await self.llm_client.generate_with_tools(
+            system_prompt=system_prompt,
+            user_message=user_message,
+            tool_definitions=tool_definitions,
+            tool_executor=tool_executor,
+        )
+
+    def needs_clarification(self, session: ConversationContext, user_input: str) -> bool:
+        """
+        Determine if the user input needs clarification.
+        Patterns and keywords are driven by config.yaml → orchestrator section.
+        """
+        # TODO: This method should be refactored to be more generic instead of
+        # relying on hard-coded regex and keywords.
+
+        # If this is not the first message, probably don't need clarification
+        user_messages = [msg for msg in session.messages if msg.get('role') == 'user']
+        if len(user_messages) > 1:
+            logger.info(f"Skipping clarification: session already has {len(user_messages)} user message(s)")
+            return False
+
+        # Check for vague patterns - FIXED to handle "I am" vs "I'm"
+        vague_patterns = [
+            r"^(help|advice|guidance|assistance)$",
+            r"i'?m (stuck|lost|confused|not sure)",  # matches "I'm confused"
+            r"i am (stuck|lost|confused|not sure)",  # matches "I am confused" 
+            r"(what should i|how do i|where do i start)",
+            r"i need (help|advice|guidance)",
+            r"(any|some) (advice|suggestions|ideas)",
+            r"don'?t know (what|how|where)",
+            r"(stuck|struggling) with",
+            r"unsure about"
+        ]
+
+        orch_cfg = get_settings().orchestrator
+        user_lower = user_input.lower().strip()
+        word_count = len(user_input.split())
+
+        logger.info(f"Checking clarification for: {user_input} ({word_count} words)")
+
+        has_specific_keywords = any(
+            keyword in user_lower for keyword in orch_cfg.specific_keywords
+        )
+        if has_specific_keywords:
+            logger.info("NO CLARIFICATION: input contains specific keywords")
+            return False
+
+        if word_count >= orch_cfg.min_words_without_keywords:
+            logger.info(
+                    f"NO CLARIFICATION: input has {word_count} words "
+                    f"(>= {orch_cfg.min_words_without_keywords} threshold)")
+            return False
+
+        for pattern in vague_patterns:
+            if re.search(pattern, user_lower):
+                logger.info(f"CLARIFICATION TRIGGERED: pattern `{pattern}` matched `{user_input}`")
+                return True
+
+        logger.info("CLARIFICATION TRIGGERED: short input (%d words) without specific keywords", word_count)
+        return True
+
+    async def needs_clarification_improved(self, session: ConversationContext, user_input: str) -> bool:
+        """
+        Use an LLM call to determine whether the user's input is too vague
+        to route to the advisor panel.  Falls back to the legacy rule-based
+        method if the LLM call fails.
+        """
+        user_messages = [msg for msg in session.messages if msg.get('role') == 'user']
+        if len(user_messages) > 1:
+            logger.info("Skipping clarification: session already has %d user message(s)", len(user_messages))
+            return False
+
+        app_cfg = get_settings().app
+        orch_cfg = get_settings().orchestrator
+        advisor_descriptions = ", ".join(
+            f"{p.name} ({p.id})" for p in self.personas.values()
+        )
+        domain_keywords = ", ".join(orch_cfg.specific_keywords)
+
+        system_prompt = (
+            "You are a routing classifier for an AI advisory application.\n\n"
+            f"Application: {app_cfg.title} — {app_cfg.subtitle}\n"
+            f"Available advisors: {advisor_descriptions}\n"
+            f"Domain-relevant topics: {domain_keywords}\n\n"
+            "Your task: decide whether the user's FIRST message contains enough "
+            "substance to send to the advisors, or whether it is too vague and "
+            "requires a clarifying follow-up before the advisors can help.\n\n"
+            "A message NEEDS CLARIFICATION when it:\n"
+            "- Expresses confusion or uncertainty without a concrete topic\n"
+            "- Is a single generic request like 'help' or 'advice'\n"
+            "- Contains no identifiable subject the advisors could address\n\n"
+            "A message is CLEAR ENOUGH when it:\n"
+            "- Mentions a specific topic, question, or problem area\n"
+            "- Provides enough context for at least one advisor to respond usefully\n"
+            "- Even a short message is fine if the intent is unambiguous "
+            "(e.g. 'explain transformers' is clear)\n"
+            "- Messages mentioning domain-relevant topics are likely clear enough "
+            "to route directly, even if brief\n\n"
+            "Respond ONLY with valid JSON:\n"
+            '{"needs_clarification": true or false, "reason": "one sentence explanation"}'
+        )
+
+        user_prompt = f'User message: "{user_input}"'
+
+        raw = None
+
+        try:
+            llm = next(iter(self.personas.values())).llm
+            raw = await llm.generate(
+                system_prompt=system_prompt,
+                context=[{"role": "user", "content": user_prompt}],
+                temperature=0.0,
+                max_tokens=128,
+                response_mime_type="application/json",
+            )
+
+            parsed = json.loads(raw.strip())
+            value = parsed.get("needs_clarification")
+            if not isinstance(value, bool):
+                raise TypeError(
+                    f"needs_clarification must be a boolean, got {type(value).__name__}: {value!r}"
+                )
+            result = value
+            reason = parsed.get("reason", "")
+
+            logger.info(
+                "LLM clarification classification: needs_clarification=%s, reason=%r, input=%r",
+                result, reason, user_input,
+            )
+            return result
+
+        except (json.JSONDecodeError, KeyError, TypeError) as exc:
+            logger.error("Failed to parse LLM classification response: %s (raw=%r)", exc, raw)
+        except Exception as exc:
+            logger.error("LLM classification call failed: %s", exc)
+
+        # TODO: Evaluate if this fallback is still needed and remove if not.
+        logger.warning("Falling back to rule-based clarification check")
+        return self.needs_clarification(session, user_input)
+
+    async def generate_contextual_clarification(self, user_input: str) -> Dict[str, Any]:
+        """
+        Use the LLM to produce a clarification question and clickable
+        suggestions that are tailored to what the user actually typed.
+        Falls back to the static values in config.yaml if the LLM call fails.
+        """
+        orch_cfg = get_settings().orchestrator
+
+        advisor_list = ", ".join(
+            f"{p.name} ({p.id})" for p in self.personas.values()
+        )
+
+        system_prompt = (
+            "You are a helpful routing assistant. The user's message is too "
+            "vague to send to the advisors. Produce a short clarifying question "
+            "and exactly 4 clickable suggestion buttons the user could press.\n\n"
+            "Reply ONLY with valid JSON — no markdown, no extra text:\n"
+            '{"question": "...", "suggestions": ["...", "...", "...", "..."]}\n\n'
+            "Keep the question to one sentence. Each suggestion should be a "
+            "complete sentence the user could send as their next message."
+        )
+
+        user_prompt = (
+            f"User said: \"{user_input}\"\n"
+            f"Available advisors: {advisor_list}\n\n"
+            "Generate a clarifying question and 4 suggestion buttons that "
+            "relate to what the user said and steer toward the advisors above."
+        )
+
+        try:
+            llm = next(iter(self.personas.values())).llm
+            raw = await llm.generate(
+                system_prompt=system_prompt,
+                context=[{"role": "user", "content": user_prompt}],
+                temperature=0.4,
+                max_tokens=1024,
+                response_mime_type="application/json"
+            )
+
+            cleaned = raw.strip()
+            cleaned = re.sub(r"```(?:json)?", "", cleaned).strip()
+
+            json_match = re.search(r"\{.*\}", cleaned, re.DOTALL)
+            if json_match:
+                cleaned = json_match.group(0)
+
+            parsed = json.loads(cleaned)
+            question = parsed.get("question", "").strip()
+            suggestions = parsed.get("suggestions", [])
+
+            if question and isinstance(suggestions, list) and len(suggestions) >= 2:
+                logger.info(f"LLM clarification generated for: {user_input}")
+                return {"question": question, "suggestions": suggestions[:4]}
+
+        except Exception as e:
+            logger.error(f"LLM clarification failed, using config fallback: {e}")
+
+        fallback_questions = orch_cfg.clarification_questions
+        fallback_suggestions = orch_cfg.clarification_suggestions
+        return {
+            "question": fallback_questions[0],
+            "suggestions": fallback_suggestions,
+        }
+    
+    async def generate_single_persona_response(self, session, persona, response_length: str = "medium"):
+        """
+        Enhanced version - Generate response from a single persona with enhanced RAG integration
+        """
+        try:
+            # Get the user's latest message for document retrieval
+            user_message = ""
+            try:
+                user_message = session.get_latest_user_message() or ""
+            except AttributeError:
+                # Fallback: manually find latest user message
+                for msg in reversed(session.messages):
+                    if msg.get('role') == 'user':
+                        user_message = msg.get('content', '')
+                        break
+            
+            # Retrieve relevant document context using enhanced RAG
+            document_context = ""
+            if user_message:
+                document_context = await self._retrieve_relevant_documents(
+                    user_input=user_message,
+                    session_id=session.session_id,
+                    persona_id=persona.id
+                )
+            
+            # Build enhanced context for the LLM
+            enhanced_context = await self._build_enhanced_context_for_persona(
+                session, persona, user_message, document_context
+            )
+            
+            # Generate response with enhanced context
+            response = await persona.respond(enhanced_context, response_length)
+            
+            # Validate and improve response quality
+            if not self._is_valid_response(response, persona.id):
+                logger.warning(f"Invalid response from {persona.id}, using fallback")
+                response = self._get_persona_fallback(persona.id)
+            
+            # Track document usage for debugging
+            used_documents = bool(document_context and len(document_context.strip()) > 100)
+            document_chunks_used = document_context.count("[Source:") if document_context else 0
+            
+            return {
+                "persona_id": persona.id,
+                "persona_name": persona.name,
+                "response": response,
+                "used_documents": used_documents,
+                "document_chunks_used": document_chunks_used,
+                "response_length": response_length,
+                "context_quality": "high" if document_context else "conversation_only"
+            }
+            
+        except Exception as e:
+            logger.error(f"Error generating response for {persona.id}: {str(e)}")
+            return {
+                "persona_id": persona.id,
+                "persona_name": persona.name,
+                "response": f"I apologize, but I'm having technical difficulties. {self._get_persona_fallback(persona.id)}",
+                "used_documents": False,
+                "document_chunks_used": 0,
+                "response_length": response_length,
+                "context_quality": "error"
+            }
+
+    async def _retrieve_relevant_documents(self, user_input: str, session_id: str, persona_id: str = "") -> str:
+        """
+        Enhanced document retrieval with document awareness and better attribution
+        """
+        try:
+            # Add comprehensive logging to track session ID usage
+            logger.info(f"Retrieving documents for session_id: {session_id}")
+            logger.info(f"User input: {user_input[:100]}...")
+            
+            rag_manager = get_rag_manager()
+            
+            # Check what documents are available for this session with detailed logging
+            doc_stats = rag_manager.get_document_stats(session_id)
+            logger.info(f"Available documents for {session_id}: {doc_stats.get('total_documents', 0)} documents, {doc_stats.get('total_chunks', 0)} chunks")
+            
+            # Log document details for debugging
+            if doc_stats.get('documents'):
+                for doc in doc_stats['documents']:
+                    logger.info(f"  - Document: {doc.get('filename', 'unknown')} ({doc.get('chunks', 0)} chunks)")
+            
+            # If no documents found and this looks like a chat session, log warning
+            if doc_stats.get('total_documents', 0) == 0:
+                if session_id.startswith('chat_'):
+                    logger.warning(f"No documents found for chat session {session_id} - this may indicate session ID mismatch during upload")
+                    
+                    # Try alternative session ID formats for debugging
+                    alternative_formats = [
+                        session_id.replace('chat_', ''),  # Remove chat_ prefix
+                        session_id,  # Keep as is
+                    ]
+                    
+                    for alt_session_id in alternative_formats:
+                        if alt_session_id != session_id:
+                            alt_stats = rag_manager.get_document_stats(alt_session_id)
+                            if alt_stats.get('total_documents', 0) > 0:
+                                logger.warning(f"Found documents under alternative session ID {alt_session_id}: {alt_stats}")
+                else:
+                    logger.info(f"No documents found for new session {session_id} - this is normal for new chats")
+                
+                return ""  # No documents available
+            
+            # Extract document hints from user query
+            document_hint = self._extract_document_hint_from_query(user_input)
+            logger.info(f"Document hint extracted from query: {document_hint}")
+            
+            # Get persona-specific context for better retrieval
+            persona_context = self._get_enhanced_persona_context_keywords(persona_id)
+            
+            # Search for relevant chunks with document awareness
+            logger.info(f"Searching with persona context: {persona_context[:100]}...")
+            relevant_chunks = rag_manager.search_documents_with_context(
+                query=user_input,
+                session_id=session_id,
+                persona_context=persona_context,
+                n_results=6,  # Increased for better context
+                document_hint=document_hint
+            )
+            
+            logger.info(f"Retrieved {len(relevant_chunks)} chunks for {persona_id}")
+            
+            # Log relevance scores for debugging
+            if relevant_chunks:
+                for i, chunk in enumerate(relevant_chunks):
+                    relevance = chunk.get("relevance_score", 0)
+                    doc_source = chunk.get("document_source", {})
+                    filename = doc_source.get("filename", "unknown")
+                    logger.info(f"  Chunk {i+1}: {filename} (relevance: {relevance:.3f})")
+            
+            if not relevant_chunks:
+                logger.info(f"No relevant document chunks found for query: {user_input[:50]}...")
+                return ""
+            
+            # Format retrieved content with enhanced attribution
+            formatted_context = self._format_document_context_with_attribution(relevant_chunks, persona_id)
+            
+            # Log final context length
+            logger.info(f"Final document context length: {len(formatted_context)} characters")
+            
+            return formatted_context
+            
+        except Exception as e:
+            logger.error(f"Error retrieving documents for {persona_id} in session {session_id}: {str(e)}")
+            logger.error(f"Error type: {type(e).__name__}")
+            import traceback
+            logger.error(f"Full traceback: {traceback.format_exc()}")
+            return ""
+
+    def _extract_document_hint_from_query(self, query: str) -> Optional[str]:
+        """
+        Extract document name hints from user queries
+        """
+        query_lower = query.lower()
+        
+        # Common patterns for document references
+        document_indicators = [
+            r"(?:my|the|in|from)\s+([a-zA-Z_\-]+\.(?:pdf|docx|txt|doc))",  # specific files
+            r"(?:my|the|our)\s+(policy|policies|plan|playbook|runbook|report|assessment|architecture|diagram|questionnaire|contract|audit)",  # document types
+            r"(?:in|from)\s+(?:my\s+)?([a-zA-Z_\-\s]+(?:section|appendix|policy|plan))",  # sections
+            r"(?:the|my|our)\s+([a-zA-Z_\-\s]+(?:document|file))",  # generic documents
+        ]
+        
+        for pattern in document_indicators:
+            matches = re.findall(pattern, query_lower)
+            if matches:
+                return matches[0].strip().replace(" ", "_")
+        
+        return None
+
+    def _get_enhanced_persona_context_keywords(self, persona_id: str) -> str:
+        """Retrieval keywords derived from the persona's own descriptors."""
+        persona = self.personas.get(persona_id)
+        if not persona:
+            return ""
+        return " ".join(part for part in (persona.role, persona.summary) if part)
+
+    def _format_document_context_with_attribution(self, chunks: List[Dict], persona_id: str) -> str:
+        """
+        Format document context with clear attribution and source information
+        """
+        if not chunks:
+            return ""
+        
+        # Filter chunks by relevance (increased threshold for quality)
+        high_quality_chunks = [
+            chunk for chunk in chunks 
+            if chunk.get("relevance_score", 0) > 0.4  # Increased from 0.3
+        ]
+        
+        if not high_quality_chunks:
+            # If no high-quality chunks, take top 2 anyway but with lower confidence
+            high_quality_chunks = chunks[:2]
+        
+        formatted_sections = []
+        
+        # Group chunks by document for better organization
+        documents = {}
+        for chunk in high_quality_chunks:
+            doc_source = chunk.get("document_source", {})
+            filename = doc_source.get("filename", "unknown")
+            
+            if filename not in documents:
+                documents[filename] = {
+                    "title": doc_source.get("document_title", filename),
+                    "chunks": []
+                }
+            documents[filename]["chunks"].append(chunk)
+        
+        # Format each document's content
+        for filename, doc_data in documents.items():
+            doc_title = doc_data["title"]
+            doc_chunks = doc_data["chunks"]
+            
+            formatted_sections.append(f"=== FROM DOCUMENT: {doc_title} ===")
+            
+            for i, chunk in enumerate(doc_chunks):
+                doc_source = chunk.get("document_source", {})
+                section = doc_source.get("section", "unknown section")
+                position = doc_source.get("chunk_position", "unknown position")
+                relevance = chunk.get("relevance_score", 0)
+                
+                chunk_intro = f"[Source: {section}, Part {position}, Relevance: {relevance:.2f}]"
+                formatted_sections.append(f"{chunk_intro}\n{chunk['text']}\n")
+        
+        # Add context summary
+        total_docs = len(documents)
+        total_chunks = len(high_quality_chunks)
+        
+        context_header = f"""
+DOCUMENT CONTEXT FOR {persona_id.upper()} ANALYSIS:
+Found {total_chunks} relevant passages from {total_docs} document(s).
+Use this context to inform your response, and cite specific documents when referencing information.
+
+"""
+        
+        formatted_context = context_header + "\n".join(formatted_sections)
+        
+        # Add instructions specific to persona
+        persona_instructions = self._get_persona_document_instructions(persona_id)
+        formatted_context += f"\n\nSPECIAL INSTRUCTIONS FOR {persona_id.upper()}:\n{persona_instructions}"
+        
+        return formatted_context
+
+    def _get_persona_document_instructions(self, persona_id: str) -> str:
+        """
+        Get persona-specific instructions for handling document context
+        """
+        persona = self.personas.get(persona_id)
+        lens = f" through your {persona.role} lens" if persona and persona.role else ""
+        return (
+            "When analyzing the document context:\n"
+            f"- Evaluate the material{lens} and cite the document by name.\n"
+            "- Point out concrete gaps, risks, or missing controls you can see in the text.\n"
+            "- Tie recommendations to specific passages rather than generic advice."
+        )
+
+    async def _build_enhanced_context_for_persona(self, session, persona, user_message: str, document_context: str) -> List[Dict[str, str]]:
+        """
+        Build enhanced context that properly integrates document information with conversation history
+        FIXED VERSION - Ensures document context is properly preserved for both providers
+        """
+        enhanced_context = []
+
+        conversation_messages = [
+            m for m in session.messages if m.get("role") != "system"
+        ]
+        history_tokens = self.context_manager._estimate_tokens_for_messages(
+            conversation_messages
+        )
+        settings = get_settings()
+        threshold = settings.orchestrator.conversation_history_token_threshold
+        try:
+            from app.core import user_knowledge as uk
+            from app.core.bootstrap import current_provider as active_provider
+
+            if uk.is_small_context_provider(active_provider):
+                # Cap total history used for Neon/~25B-class models (~4096 default).
+                threshold = min(
+                    threshold,
+                    int(settings.user_knowledge.small_model_context_budget),
+                )
+                self.context_manager.max_context_tokens = int(
+                    settings.user_knowledge.small_model_context_budget
+                )
+            else:
+                # Large models: allow the full conversation; keep a high ceiling.
+                self.context_manager.max_context_tokens = max(
+                    self.context_manager.max_context_tokens, 32000
+                )
+        except Exception:
+            pass
+
+        # Check if we actually have meaningful document content
+        has_documents = bool(document_context and document_context.strip() and len(document_context.strip()) > 50)
+        
+        # Build the system message with proper document awareness
+        if has_documents:
+            # Get list of uploaded documents
+            uploaded_docs = session.uploaded_files if hasattr(session, 'uploaded_files') else []
+            doc_list = ", ".join(uploaded_docs) if uploaded_docs else "uploaded documents"
+            
+            # NOTE: persona.system_prompt is intentionally NOT included here —
+            # Persona.respond() already sends it as the LLM system prompt.
+            # Including it again doubled the prompt and wasted context budget
+            # on small models.
+            system_message = f"""CURRENT SESSION CONTEXT:
+    The user has uploaded the following documents: {doc_list}
+
+    DOCUMENT CONTENT:
+    {document_context}
+
+    IMPORTANT: When the user refers to "my document," "my policy," "my architecture," etc., they are referring to one of their uploaded documents. Use the document context above and reference it by name in your response.
+
+    Always cite your sources when referencing information from their documents using the format: "According to your [document_name]..." or "In your [section_name] from [document_name]..."
+    """
+        else:
+            # NO DOCUMENTS - Explicitly tell persona not to reference documents
+            system_message = """IMPORTANT: The user has NOT uploaded any documents yet. Do not reference specific documents, files, or assume you have access to their materials.
+
+    If they mention "my document," "my policy," "my architecture," etc., you should:
+    1. Acknowledge that you don't have access to those files yet
+    2. Ask them to upload the relevant files for more targeted advice
+    3. Provide general guidance based on best practices in your area of expertise
+
+    Do NOT make up document names or pretend to have access to files that don't exist."""
+
+        if hasattr(session, "user_profile_context") and session.user_profile_context:
+            system_message += (
+                f"\n\n{session.user_profile_context}\n"
+                "Use this background to calibrate technical depth, examples, and priorities."
+            )
+
+        if getattr(session, "urgency_context", ""):
+            system_message += f"\n\n{session.urgency_context}"
+
+        enhanced_context.append({
+            "role": "system",
+            "content": system_message,
+        })
+
+        if history_tokens < threshold:
+            for message in conversation_messages:
+                enhanced_context.append({
+                    "role": message["role"],
+                    "content": message["content"],
+                })
+        else:
+            msg_count = len(conversation_messages)
+            if (
+                session.conversation_summary
+                and session.conversation_summary_message_count == msg_count
+            ):
+                summary = session.conversation_summary
+            else:
+                llm = self.llm_client
+                if llm is None and self.personas:
+                    llm = next(iter(self.personas.values())).llm
+                persona_names = {p.id: p.name for p in self.personas.values()}
+                summary = ""
+                if llm is not None:
+                    summary = await generate_conversation_context_summary(
+                        conversation_messages,
+                        llm,
+                        persona_names=persona_names,
+                    )
+                if summary:
+                    session.conversation_summary = summary
+                    session.conversation_summary_message_count = msg_count
+
+            if summary:
+                system_message += f"\n\nSummary of earlier conversation:\n{summary}"
+                enhanced_context[0]["content"] = system_message
+                # Keep the most recent turns verbatim within a slice of the
+                # budget so the persona always sees the actual latest message,
+                # not just the summary.
+                recent_budget = max(512, threshold // 4)
+                tail = []
+                used = 0
+                for message in reversed(conversation_messages):
+                    tokens = self.context_manager._estimate_tokens_for_messages(
+                        [message]
+                    )
+                    if tail and used + tokens > recent_budget:
+                        break
+                    tail.insert(0, {
+                        "role": message["role"],
+                        "content": message["content"],
+                    })
+                    used += tokens
+                enhanced_context.extend(tail)
+            else:
+                logger.warning(
+                    "Summary generation failed; including full history (%d tokens)",
+                    history_tokens,
+                )
+                for message in conversation_messages:
+                    enhanced_context.append({
+                        "role": message["role"],
+                        "content": message["content"],
+                    })
+
+        return enhanced_context
+    
+    def _is_valid_response(self, response: str, persona_id: str) -> bool:
+        """Validate response quality"""
+        if len(response) < 10 or len(response) > 8000:
+            return False
+
+        # Check for AI confusion indicators (model talking to itself)
+        confusion_indicators = [
+            "Assistant:",
+            "excellent discussion, Assistant",
+        ]
+
+        return not any(indicator in response for indicator in confusion_indicators)
+
+    def _get_persona_fallback(self, persona_id: str) -> str:
+        """Get persona-specific fallback responses"""
+        persona = self.personas.get(persona_id)
+        focus = persona.role if persona and persona.role else "cybersecurity"
+        return (
+            f"I'd be happy to help with {focus.lower()}. "
+            "Could you share a little more about your situation so I can give specific guidance?"
+        )
+    
+    def get_session_info(self, session_id: str) -> Optional[Dict[str, Any]]:
+        """Get information about a session"""
+        session = self.session_manager.get_session(session_id)
+        if session:
+            return {
+                "session_id": session.session_id,
+                "message_count": len(session.messages),
+                "uploaded_files": session.uploaded_files,
+                "created_at": session.created_at.isoformat(),
+                "last_accessed": session.last_accessed.isoformat(),
+                "context_summary": self.context_manager.get_context_summary(session.messages)
+            }
+        return None
+    
+    def reset_session(self, session_id: str) -> bool:
+        """Reset a session (clear messages but keep metadata)"""
+        session = self.session_manager.get_session(session_id)
+        if session:
+            session.clear_messages()
+            return True
+        return False
+    
+    def delete_session(self, session_id: str) -> bool:
+        """Delete a session completely"""
+        return self.session_manager.delete_session(session_id)
+    
+    # Legacy method for backward compatibility
+    def _get_persona_context_keywords(self, persona_id: str) -> str:
+        """
+        Legacy method - use _get_enhanced_persona_context_keywords instead
+        """
+        return self._get_enhanced_persona_context_keywords(persona_id)
+    
+    async def chat_with_persona(self, user_input: str, persona_id: str, session_id: str, response_length: str = "medium") -> Dict[str, Any]:
+        """
+        Chat with a specific persona directly - FIXED for consistent document access
+        """
+        try:
+            persona = self.get_persona(persona_id)
+            if not persona:
+                return {
+                    "error": f"Persona {persona_id} not found",
+                    "available_personas": list(self.personas.keys()),
+                    "persona_id": persona_id,
+                    "persona_name": "Unknown"
+                }
+            
+            # Ensure session exists and log session info
+            session = self.session_manager.get_session(session_id)
+            logger.info(f"Chat with {persona_id} using session {session_id}")
+            
+            # Add user message to session
+            session.append_message("user", user_input)
+            
+            # Use the same session_id for document retrieval
+            logger.info(f"Generating response for {persona_id} with session {session_id}")
+            
+            # Generate response from single persona using consistent session ID
+            response_data = await self.generate_single_persona_response(session, persona, response_length)
+            
+            # Add response to session
+            session.append_message(persona_id, response_data["response"])
+            
+            # Ensure response data includes all necessary fields
+            return {
+                "persona_id": persona_id,
+                "persona_name": persona.name,
+                "response": response_data.get("response", "I'm having trouble generating a response."),
+                "used_documents": response_data.get("used_documents", False),
+                "document_chunks_used": response_data.get("document_chunks_used", 0),
+                "response_length": response_length,
+                "context_quality": response_data.get("context_quality", "unknown"),
+                "session_id": session_id,
+                "type": "single_persona_response",
+                "persona": {
+                    "persona_id": persona_id,
+                    "persona_name": persona.name,
+                    "response": response_data.get("response", "I'm having trouble generating a response."),
+                    "used_documents": response_data.get("used_documents", False),
+                    "document_chunks_used": response_data.get("document_chunks_used", 0)
+                }
+            }
+            
+        except Exception as e:
+            logger.error(f"Error in chat_with_persona for {persona_id}: {str(e)}")
+            logger.error(f"Session ID: {session_id}")
+            import traceback
+            logger.error(f"Full traceback: {traceback.format_exc()}")
+            
+            return {
+                "error": f"Error processing request: {str(e)}",
+                "persona_id": persona_id,
+                "persona_name": self.personas.get(persona_id, {}).name if persona_id in self.personas else "Unknown",
+                "response": "I encountered an error while processing your request. Please try again.",
+                "used_documents": False,
+                "document_chunks_used": 0,
+                "response_length": response_length,
+                "context_quality": "error",
+                "session_id": session_id,
+                "type": "error"
+            }
+        
+
+    def _candidate_pool(self, candidate_ids: Optional[List[str]]) -> Dict[str, Persona]:
+        """Resolve the advisor pool, respecting the user's active selection."""
+        if candidate_ids:
+            pool = {
+                pid: self.personas[pid]
+                for pid in candidate_ids
+                if pid in self.personas
+            }
+            if pool:
+                return pool
+        return dict(self.personas)
+
+    @staticmethod
+    def _heuristic_urgency(user_input: str) -> str:
+        return "triage" if _TRIAGE_FALLBACK.search(user_input or "") else "advisory"
+
+    def _apply_routing_rules(
+        self,
+        ranked: List[str],
+        pool: Dict[str, Persona],
+        k: int,
+        urgency: str,
+    ) -> List[str]:
+        """Enforce panel rules on the LLM ranking.
+
+        - The required lead advisor (Jerry) always responds when he is in
+          the user's active pool.
+        - In triage mode the incident expert responds first.
+        - The list is always exactly ``k`` valid, unique advisor IDs.
+        """
+        cfg = get_settings().orchestrator
+
+        order: List[str] = []
+        for pid in ranked:
+            if pid in pool and pid not in order:
+                order.append(pid)
+        for pid in pool:
+            if pid not in order:
+                order.append(pid)
+
+        top = order[:k]
+
+        required = cfg.required_advisor
+        if required in pool and required not in top and top:
+            top[-1] = required
+
+        if urgency == "triage":
+            triage = cfg.triage_advisor
+            if triage in pool:
+                if triage not in top and top:
+                    for i in range(len(top) - 1, -1, -1):
+                        if top[i] != required:
+                            top[i] = triage
+                            break
+                if triage in top:
+                    top.remove(triage)
+                    top.insert(0, triage)
+
+        # De-duplicate while preserving order, then refill to k if needed.
+        seen: List[str] = []
+        for pid in top:
+            if pid not in seen:
+                seen.append(pid)
+        for pid in order:
+            if len(seen) >= k:
+                break
+            if pid not in seen:
+                seen.append(pid)
+        return seen[:k]
+
+    async def route_message(
+        self,
+        session_id: str,
+        user_input: str,
+        k: int = 3,
+        candidate_ids: Optional[List[str]] = None,
+    ) -> Dict[str, Any]:
+        """Classify urgency and pick the responding advisors in one LLM call.
+
+        The routing prompt is profile-aware: it includes the user knowledge
+        summary loaded onto the session, so an executive asking about "risk"
+        is routed differently than a student. Falls back to a keyword urgency
+        heuristic plus registry order if the LLM call fails.
+        """
+        if not self.personas:
+            logger.warning("No personas registered.")
+            return {"advisors": [], "urgency": "advisory"}
+
+        pool = self._candidate_pool(candidate_ids)
+        k = min(k, len(pool))
+
+        ranked: List[str] = []
+        urgency = self._heuristic_urgency(user_input)
+
+        try:
+            session = self.session_manager.get_session(session_id)
+            llm = self.llm_client or next(iter(pool.values())).llm
+
+            profile_block = (
+                getattr(session, "user_profile_context", "") or "(nothing known yet)"
+            )
+            recent = session.get_recent_messages(5)
+            convo = "\n".join(
+                f"{m.get('role', 'user')}: {str(m.get('content', ''))[:300]}"
+                for m in recent
+            )
+            advisor_cards = "\n".join(
+                f"- {p.id}: {p.name} — {p.role}. {p.summary}"
+                for p in pool.values()
+            )
+
+            system_prompt = (
+                "You route messages for a cybersecurity advisor panel.\n"
+                "Given the user context and conversation, do two things:\n"
+                "1. Classify urgency: 'triage' (active incident happening now, e.g. "
+                "\"I think I've been hacked\"), 'advisory' (needs a recommendation), "
+                "or 'program' (long-term improvement, audits, maturity).\n"
+                f"2. Choose the {k} most relevant advisors for the latest message, "
+                "in order of relevance, considering who the user is (role, "
+                "knowledge level, organization) — not just the topic.\n\n"
+                "Respond ONLY with valid JSON:\n"
+                '{"urgency": "triage|advisory|program", "advisors": ["id1", "id2", ...]}'
+            )
+            user_prompt = (
+                f"--- User context ---\n{profile_block}\n\n"
+                f"--- Conversation (latest last) ---\n{convo}\n\n"
+                f"--- Advisors ---\n{advisor_cards}"
+            )
+
+            raw = await llm.generate(
+                system_prompt=system_prompt,
+                context=[{"role": "user", "content": user_prompt}],
+                temperature=0.2,
+                max_tokens=150,
+                response_mime_type="application/json",
+            )
+
+            parsed: Any
+            try:
+                parsed = json.loads(raw.strip())
+            except json.JSONDecodeError:
+                match = re.search(r"\{.*\}", raw or "", re.DOTALL)
+                parsed = json.loads(match.group(0)) if match else {}
+
+            if isinstance(parsed, list):
+                parsed = {"advisors": parsed}
+            if isinstance(parsed, dict):
+                llm_urgency = str(parsed.get("urgency", "")).strip().lower()
+                if llm_urgency in VALID_URGENCIES:
+                    urgency = llm_urgency
+                raw_ids = parsed.get("advisors")
+                if isinstance(raw_ids, list):
+                    ranked = [str(pid) for pid in raw_ids]
+
+        except Exception as e:
+            logger.error(f"Routing LLM call failed, using fallbacks: {e}")
+
+        advisors = self._apply_routing_rules(ranked, pool, k, urgency)
+        logger.info(
+            "Routing result: urgency=%s advisors=%s (llm_ranked=%s)",
+            urgency, advisors, ranked,
+        )
+        return {"advisors": advisors, "urgency": urgency}
+
+    async def generate_followups(
+        self,
+        session_id: str,
+        count: Optional[int] = None,
+    ) -> List[str]:
+        """Generate short follow-up suggestions the user could send next.
+
+        Uses conversation context plus the user knowledge summary (plan §5.2).
+        Returns an empty list on any failure — the UI simply shows no chips.
+        """
+        cfg = get_settings().orchestrator
+        n = cfg.followup_count if count is None else count
+        if n <= 0:
+            return []
+
+        try:
+            session = self.session_manager.get_session(session_id)
+            llm = self.llm_client
+            if llm is None and self.personas:
+                llm = next(iter(self.personas.values())).llm
+            if llm is None:
+                return []
+
+            profile_block = getattr(session, "user_profile_context", "") or ""
+            recent = session.get_recent_messages(6)
+            convo = "\n".join(
+                f"{m.get('role', 'user')}: {str(m.get('content', ''))[:400]}"
+                for m in recent
+            )
+
+            system_prompt = (
+                "You suggest the user's next message to a cybersecurity advisor "
+                "panel. Write in the user's voice (first person), specific to "
+                "this conversation — natural next questions or actions, never "
+                "generic. Each suggestion is one sentence, at most 12 words.\n"
+                f"Respond ONLY with valid JSON: {{\"followups\": [{n} strings]}}"
+            )
+            user_prompt = (
+                (f"--- User context ---\n{profile_block}\n\n" if profile_block else "")
+                + f"--- Conversation (latest last) ---\n{convo}"
+            )
+
+            raw = await llm.generate(
+                system_prompt=system_prompt,
+                context=[{"role": "user", "content": user_prompt}],
+                temperature=0.5,
+                max_tokens=200,
+                response_mime_type="application/json",
+            )
+
+            match = re.search(r"\{.*\}", raw or "", re.DOTALL)
+            parsed = json.loads(match.group(0)) if match else {}
+            items = parsed.get("followups")
+            if not isinstance(items, list):
+                return []
+            cleaned = [
+                str(s).strip() for s in items
+                if isinstance(s, str) and str(s).strip()
+            ]
+            return cleaned[:n]
+
+        except Exception as e:
+            logger.warning(f"Follow-up generation failed: {e}")
+            return []
diff --git a/multi_llm_chatbot_backend/app/core/model_status.py b/multi_llm_chatbot_backend/app/core/model_status.py
new file mode 100644
index 0000000000000000000000000000000000000000..e6e4ccecef73a6928dfd46235d3ce1cce7307864
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/model_status.py
@@ -0,0 +1,296 @@
+"""API/model health pre-check using each client's real generate() path."""
+
+from __future__ import annotations
+
+import asyncio
+import logging
+import time
+from datetime import datetime, timezone
+from typing import Any, Dict, List, Optional, Tuple
+
+logger = logging.getLogger(__name__)
+
+PROBE_PROMPT = "Reply with the single word: OK"
+PROBE_MAX_TOKENS = 16
+PROBE_TEMPERATURE = 0.0
+CACHE_TTL_SECONDS = 45
+ERROR_MESSAGE_MAX_CHARS = 200
+
+# Soft-fail strings returned by LLM clients instead of raising.
+_FAILURE_MARKERS = (
+    "unable to connect",
+    "encountered an error",
+    "unexpected error",
+    "experiencing issues connecting",
+    "taking too long to respond",
+    "couldn't generate a meaningful response",
+    "unable to generate a response",
+    "unexpected response format",
+    "please ensure ollama is running",
+    "please ensure the vllm endpoint",
+    "openai returned empty content",
+    "openai api key not set",
+    "gemini api key not set",
+    "no vllm endpoint configured",
+)
+
+_cache: Optional[Dict[str, Any]] = None
+_cache_mono: float = 0.0
+
+
+def truncate_error(message: str, limit: int = ERROR_MESSAGE_MAX_CHARS) -> str:
+    text = (message or "").strip()
+    if len(text) <= limit:
+        return text
+    return text[:limit]
+
+
+def classify_probe_text(text: Optional[str]) -> Tuple[str, Optional[str]]:
+    """Classify a probe response body.
+
+    Returns ``(status, error_snippet)`` where status is one of
+    ``online``, ``unavailable``, or ``error``.
+    """
+    if text is None:
+        return "unavailable", None
+    stripped = text.strip()
+    if not stripped:
+        return "unavailable", None
+    lower = stripped.lower()
+    if any(marker in lower for marker in _FAILURE_MARKERS):
+        return "error", truncate_error(stripped)
+    return "online", None
+
+
+def classify_probe_exception(exc: BaseException) -> Tuple[str, str]:
+    return "error", truncate_error(str(exc) or exc.__class__.__name__)
+
+
+def _iso_now() -> str:
+    return datetime.now(timezone.utc).isoformat()
+
+
+def _build_probe_targets() -> List[Dict[str, Any]]:
+    """Describe configured providers/APIs to probe (no secrets in output)."""
+    from app.config import get_settings
+    from app.core import bootstrap as boot
+    from app.llm.improved_gemini_client import ImprovedGeminiClient
+    from app.llm.improved_ollama_client import ImprovedOllamaClient
+    from app.llm.openai_fallback_client import OpenAIFallbackClient
+
+    settings = get_settings()
+    targets: List[Dict[str, Any]] = []
+
+    # vLLM — direct primary (not the resilient wrapper)
+    if settings.llm.vllm.api_url:
+        try:
+            neon = settings.llm.vllm.neon_persona_orchestrator
+            client = boot._build_neon_vllm(neon if neon != "vanilla" else None)
+            targets.append({
+                "id": "vllm",
+                "name": "vLLM",
+                "provider": "vllm",
+                "model": getattr(client, "model_name", None) or settings.llm.vllm.model_id or "",
+                "selectable": True,
+                "client": client,
+            })
+        except Exception as exc:
+            targets.append({
+                "id": "vllm",
+                "name": "vLLM",
+                "provider": "vllm",
+                "model": settings.llm.vllm.model_id or "",
+                "selectable": True,
+                "client": None,
+                "build_error": exc,
+            })
+    else:
+        targets.append({
+            "id": "vllm",
+            "name": "vLLM",
+            "provider": "vllm",
+            "model": settings.llm.vllm.model_id or "",
+            "selectable": True,
+            "client": None,
+            "build_error": ValueError("No vLLM endpoint configured"),
+        })
+
+    # OpenAI fallback — configured when an API key is available
+    openai_key = boot._openai_api_key()
+    if openai_key:
+        try:
+            client = OpenAIFallbackClient(
+                api_key=openai_key,
+                model=settings.llm.openai.model,
+                reasoning_effort="none",
+            )
+            targets.append({
+                "id": "openai",
+                "name": "OpenAI",
+                "provider": "openai",
+                "model": settings.llm.openai.model,
+                "selectable": False,
+                "client": client,
+            })
+        except Exception as exc:
+            targets.append({
+                "id": "openai",
+                "name": "OpenAI",
+                "provider": "openai",
+                "model": settings.llm.openai.model,
+                "selectable": False,
+                "client": None,
+                "build_error": exc,
+            })
+
+    # Gemini
+    if settings.llm.gemini.api_key:
+        try:
+            client = ImprovedGeminiClient(model_name=settings.llm.gemini.model)
+            targets.append({
+                "id": "gemini",
+                "name": "Gemini",
+                "provider": "gemini",
+                "model": settings.llm.gemini.model,
+                "selectable": True,
+                "client": client,
+            })
+        except Exception as exc:
+            targets.append({
+                "id": "gemini",
+                "name": "Gemini",
+                "provider": "gemini",
+                "model": settings.llm.gemini.model,
+                "selectable": True,
+                "client": None,
+                "build_error": exc,
+            })
+    else:
+        targets.append({
+            "id": "gemini",
+            "name": "Gemini",
+            "provider": "gemini",
+            "model": settings.llm.gemini.model,
+            "selectable": True,
+            "client": None,
+            "build_error": ValueError("Gemini API key not set"),
+        })
+
+    # Ollama — always considered configured (local endpoint)
+    try:
+        client = ImprovedOllamaClient(
+            model_name=settings.llm.ollama.model,
+            base_url=settings.llm.ollama.base_url,
+        )
+        targets.append({
+            "id": "ollama",
+            "name": "Ollama",
+            "provider": "ollama",
+            "model": settings.llm.ollama.model,
+            "selectable": True,
+            "client": client,
+        })
+    except Exception as exc:
+        targets.append({
+            "id": "ollama",
+            "name": "Ollama",
+            "provider": "ollama",
+            "model": settings.llm.ollama.model,
+            "selectable": True,
+            "client": None,
+            "build_error": exc,
+        })
+
+    return targets
+
+
+async def _probe_one(target: Dict[str, Any]) -> Dict[str, Any]:
+    entry: Dict[str, Any] = {
+        "id": target["id"],
+        "name": target["name"],
+        "provider": target["provider"],
+        "model": target.get("model") or "",
+        "selectable": bool(target.get("selectable")),
+        "status": "error",
+        "error": None,
+        "latency_ms": None,
+    }
+
+    build_error = target.get("build_error")
+    if build_error is not None:
+        status, err = classify_probe_exception(build_error)
+        entry["status"] = status
+        entry["error"] = err
+        return entry
+
+    client = target.get("client")
+    if client is None:
+        entry["status"] = "unavailable"
+        return entry
+
+    started = time.monotonic()
+    try:
+        text = await client.generate(
+            system_prompt="",
+            context=[{"role": "user", "content": PROBE_PROMPT}],
+            temperature=PROBE_TEMPERATURE,
+            max_tokens=PROBE_MAX_TOKENS,
+        )
+        status, err = classify_probe_text(text if isinstance(text, str) else None)
+        entry["status"] = status
+        entry["error"] = err
+    except Exception as exc:
+        logger.warning("Model probe failed for %s: %s", target["id"], exc)
+        status, err = classify_probe_exception(exc)
+        entry["status"] = status
+        entry["error"] = err
+    finally:
+        entry["latency_ms"] = int((time.monotonic() - started) * 1000)
+
+    return entry
+
+
+async def _probe_all() -> Dict[str, Any]:
+    targets = _build_probe_targets()
+    results = await asyncio.gather(*[_probe_one(t) for t in targets])
+    models = list(results)
+    online_providers = sorted(
+        m["id"]
+        for m in models
+        if m.get("selectable") and m.get("status") == "online"
+    )
+    return {
+        "models": models,
+        "online_providers": online_providers,
+        "checked_at": _iso_now(),
+        "check_failed": False,
+    }
+
+
+async def get_model_status(*, force_refresh: bool = False) -> Dict[str, Any]:
+    """Return cached or freshly probed model statuses.
+
+    Fail-open behavior is applied by the route when this raises: the caller
+    should keep the unfiltered provider list. Per-model failures are fail-closed
+    (status != online) inside ``_probe_all``.
+    """
+    global _cache, _cache_mono
+
+    if (
+        not force_refresh
+        and _cache is not None
+        and (time.monotonic() - _cache_mono) < CACHE_TTL_SECONDS
+    ):
+        return {**_cache, "cached": True}
+
+    result = await _probe_all()
+    _cache = result
+    _cache_mono = time.monotonic()
+    return {**result, "cached": False}
+
+
+def clear_model_status_cache() -> None:
+    """Test helper to drop the in-process probe cache."""
+    global _cache, _cache_mono
+    _cache = None
+    _cache_mono = 0.0
diff --git a/multi_llm_chatbot_backend/app/core/onboarding_agent.py b/multi_llm_chatbot_backend/app/core/onboarding_agent.py
new file mode 100644
index 0000000000000000000000000000000000000000..fb0ee1664bf789b5dc6f2eb53d77fdc8f9c06fb3
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/onboarding_agent.py
@@ -0,0 +1,180 @@
+"""
+OnboardingAgent — conversational profile gathering for cybersecurity advisors.
+"""
+
+import json
+import logging
+import re
+from datetime import datetime
+from typing import Any, Dict, List, Optional
+
+from app.core.database import get_database
+
+LOG = logging.getLogger(__name__)
+
+PROFILE_FIELDS: List[tuple] = [
+    ("knowledge_level", "What is your cybersecurity knowledge level?",
+     "Level such as newcomer, foundational, practitioner, experienced, or expert"),
+    ("timezone", "What time zone are you usually in?",
+     "IANA timezone or region such as America/New_York, Europe/London, UTC"),
+    ("cyber_role", "What best describes your role right now?",
+     "Job or learning role: student, SOC analyst, engineer, architect, manager, career changer, etc."),
+    ("organization_type", "What type of organization are you in (or targeting)?",
+     "Startup, enterprise, government, education, MSP, or independent/job seeker"),
+    ("primary_domains", "Which security domains do you focus on most?",
+     "Comma-separated areas such as network, cloud, appsec, GRC, IR, identity, OT"),
+    ("certifications", "Do you hold or are you pursuing any certifications?",
+     "List such as Security+, CySA+, CISSP, OSCP, CCSP, or none yet"),
+    ("tools_stack", "What tools or platforms do you work with regularly?",
+     "SIEM, EDR, cloud security, ticketing, SOAR, etc."),
+    ("compliance_focus", "Any compliance or regulatory frameworks you care about?",
+     "SOC 2, ISO 27001, NIST, HIPAA, PCI-DSS, FedRAMP, or none"),
+    ("current_goals", "What are you trying to accomplish in the next few months?",
+     "Incident readiness, certification, job search, architecture review, audit prep, etc."),
+    ("learning_preferences", "How do you prefer to learn new security concepts?",
+     "Hands-on labs, reading, videos, mentorship, certifications, capture-the-flag, etc."),
+]
+
+
+class OnboardingAgent:
+    def __init__(self, llm: Any) -> None:
+        self.llm = llm
+
+    SKIP_SENTINEL = "__skipped__"
+
+    @staticmethod
+    def _field_has_value(val: Any) -> bool:
+        if val is None:
+            return False
+        if isinstance(val, str):
+            return bool(val.strip())
+        if isinstance(val, list):
+            return len(val) > 0
+        return bool(val)
+
+    async def chat(self, user_input: str, user_id: Any, existing_profile: Dict[str, Any]) -> Dict[str, Any]:
+        filled = {k for k, _, _d in PROFILE_FIELDS
+                  if self._field_has_value(existing_profile.get(k))}
+        missing = [(k, q, desc) for k, q, desc in PROFILE_FIELDS if k not in filled]
+        completion = int(len(filled) / len(PROFILE_FIELDS) * 100)
+        current_field = missing[0][0] if missing else None
+
+        extracted = await self._extract_fields(user_input, missing, current_field)
+
+        db = get_database()
+        if extracted:
+            from app.api.routes.user_profile import _normalize_field
+            real_values: Dict[str, Any] = {}
+            skipped_keys: set = set()
+            for k, v in extracted.items():
+                if v == self.SKIP_SENTINEL:
+                    skipped_keys.add(k)
+                elif v:
+                    real_values[k] = _normalize_field(k, v)
+
+            update: Dict[str, Any] = {}
+            if real_values:
+                update.update(real_values)
+            for sk in skipped_keys:
+                update[sk] = ""
+
+            if update:
+                update["updated_at"] = datetime.utcnow()
+                await db.user_profiles.update_one(
+                    {"user_id": user_id},
+                    {"$set": update, "$setOnInsert": {"user_id": user_id}},
+                    upsert=True,
+                )
+                filled.update(real_values.keys())
+                filled.update(skipped_keys)
+                missing = [(k, q, desc) for k, q, desc in PROFILE_FIELDS if k not in filled]
+                completion = int(len(filled) / len(PROFILE_FIELDS) * 100)
+
+        if not missing:
+            return {
+                "reply": "Great — your security profile is complete. Your advisors will tailor depth, "
+                         "examples, and next steps to your role, tools, and goals.",
+                "progress": 100,
+                "complete": True,
+            }
+
+        reply = await self._generate_next_question(user_input, existing_profile, filled, missing)
+        return {"reply": reply, "progress": completion, "complete": False}
+
+    async def _extract_fields(
+        self, text: str, missing_fields: List[tuple], current_field: Optional[str] = None
+    ) -> Dict[str, Any]:
+        if not text.strip():
+            return {}
+        skip_instruction = ""
+        if current_field:
+            skip_instruction = (
+                f'\nThe question just asked was about "{current_field}". '
+                "If the user declines, refuses, says they don't know, says skip, "
+                f'return {{"{current_field}": "__skipped__"}}.'
+            )
+        field_descriptions = "\n".join(f'- "{k}": {desc}' for k, _q, desc in missing_fields)
+        system = (
+            "Extract cybersecurity profile fields from the user's message. "
+            "Return ONLY valid JSON with field names as keys. "
+            "For list fields return a JSON array. "
+            f"{skip_instruction}\n"
+            f"Fields:\n{field_descriptions}"
+        )
+        try:
+            raw = await self.llm.generate(
+                system_prompt=system,
+                context=[{"role": "user", "content": text}],
+                temperature=0.1,
+                max_tokens=512,
+            )
+            cleaned = re.sub(r"```(?:json)?", "", raw).strip()
+            m = re.search(r"\{.*\}", cleaned, re.DOTALL)
+            if m:
+                return json.loads(m.group(0))
+        except Exception as e:
+            LOG.warning(f"Extraction failed: {e}")
+        return {}
+
+    async def _generate_next_question(
+        self, user_input: str, profile: Dict[str, Any], filled: set, missing: List[tuple]
+    ) -> str:
+        filled_parts: List[str] = []
+        for k in filled:
+            val = profile.get(k)
+            if val:
+                filled_parts.append(f"{k}={val}")
+            else:
+                filled_parts.append(f"{k}=DECLINED")
+        filled_summary = ", ".join(filled_parts) or "nothing yet"
+        next_field_key, next_field_q, _ = missing[0]
+        system = (
+            "You are a friendly cybersecurity onboarding assistant. "
+            "You help users build a profile so AI security advisors can personalize answers.\n"
+            "RULES:\n"
+            "- Respond in exactly ONE short paragraph (2-3 sentences).\n"
+            "- Briefly acknowledge what they said, then ask ONE clear question.\n"
+            "- End with a question mark.\n"
+            "- No headings or labels like 'Question:'.\n"
+            "- If they skipped a topic, say 'No problem!' and move on.\n"
+            "- Never repeat topics already gathered or declined."
+        )
+        user_prompt = (
+            f"User just said: \"{user_input}\"\n"
+            f"Already gathered: {filled_summary}\n"
+            f"Next topic: {next_field_key} — {next_field_q}\n"
+            "Write a warm response that acknowledges them and asks about the next topic."
+        )
+        try:
+            reply = await self.llm.generate(
+                system_prompt=system,
+                context=[{"role": "user", "content": user_prompt}],
+                temperature=0.7,
+                max_tokens=300,
+            )
+            if reply and "?" not in reply:
+                reply = f"{reply} {next_field_q}"
+            return reply
+        except Exception as e:
+            LOG.error(f"Question generation failed: {e}")
+            return missing[0][1] if missing else "Tell me more about your security background!"
diff --git a/multi_llm_chatbot_backend/app/core/rag_manager.py b/multi_llm_chatbot_backend/app/core/rag_manager.py
new file mode 100644
index 0000000000000000000000000000000000000000..e27b347379a0a1939c12ebe2d42ff0d9326d2b76
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/rag_manager.py
@@ -0,0 +1,981 @@
+import chromadb
+from chromadb.config import Settings
+from sentence_transformers import SentenceTransformer
+import nltk
+import tiktoken
+from typing import List, Dict, Any, Optional
+import uuid
+import logging
+import os
+import re
+from pathlib import Path
+
+logger = logging.getLogger(__name__)
+
+
+def _default_chroma_path(subdir: str) -> str:
+    """Resolve the default ChromaDB persistence directory.
+
+    On HF Spaces (and any deployment that sets ``DATA_DIR``) the embeddings
+    must live on the bucket mount so they survive Space rebuilds. In local
+    dev DATA_DIR is unset, so we keep the historical working-directory path
+    so existing local installs and tests don't move their data.
+    """
+    data_dir = os.environ.get("DATA_DIR", "").strip()
+    if data_dir:
+        return str(Path(data_dir) / "chroma" / subdir)
+    return f"./{subdir}"
+
+# Download required NLTK data
+try:
+    nltk.data.find('tokenizers/punkt')
+except LookupError:
+    try:
+        nltk.download('punkt')
+    except Exception as e:
+        logger.warning(f"Could not download NLTK punkt: {e}")
+
+class DocumentChunker:
+    """Intelligent document chunking with overlaps and semantic boundaries"""
+    
+    def __init__(self, chunk_size: int = 500, overlap: int = 50):
+        self.chunk_size = chunk_size
+        self.overlap = overlap
+        try:
+            self.encoding = tiktoken.get_encoding("cl100k_base")  # GPT-4 encoding
+        except Exception as e:
+            logger.warning(f"Could not load tiktoken encoding: {e}")
+            self.encoding = None
+    
+    def _count_tokens(self, text: str) -> int:
+        """Count tokens in text"""
+        if self.encoding:
+            return len(self.encoding.encode(text))
+        else:
+            # Fallback: approximate 4 chars per token
+            return len(text) // 4
+    
+    def _encode_text(self, text: str) -> List[int]:
+        """Encode text to tokens"""
+        if self.encoding:
+            return self.encoding.encode(text)
+        else:
+            # Fallback: return character indices
+            return list(range(len(text)))
+    
+    def _decode_tokens(self, tokens: List[int]) -> str:
+        """Decode tokens back to text"""
+        if self.encoding:
+            return self.encoding.decode(tokens)
+        else:
+            # Fallback: can't properly decode without tiktoken
+            return ""
+    
+    def chunk_text(self, text: str, metadata: Dict[str, Any]) -> List[Dict[str, Any]]:
+        """
+        Chunk text intelligently with semantic boundaries
+        """
+        # Clean and normalize text
+        text = self._clean_text(text)
+        
+        # Simple sentence splitting fallback if NLTK isn't available
+        try:
+            sentences = nltk.sent_tokenize(text)
+        except Exception:
+            # Fallback sentence splitting
+            sentences = re.split(r'[.!?]+', text)
+            sentences = [s.strip() for s in sentences if s.strip()]
+        
+        chunks = []
+        current_chunk = ""
+        current_tokens = 0
+        chunk_index = 0
+        
+        for sentence in sentences:
+            sentence = sentence.strip()
+            if not sentence:
+                continue
+                
+            sentence_tokens = self._count_tokens(sentence)
+            
+            # If adding this sentence would exceed chunk size, save current chunk
+            if current_tokens + sentence_tokens > self.chunk_size and current_chunk:
+                chunk_data = self._create_chunk_metadata(
+                    current_chunk.strip(), 
+                    metadata, 
+                    chunk_index
+                )
+                chunks.append(chunk_data)
+                
+                # Start new chunk with overlap
+                overlap_text = self._get_overlap_text(current_chunk)
+                current_chunk = overlap_text + " " + sentence
+                current_tokens = self._count_tokens(current_chunk)
+                chunk_index += 1
+            else:
+                current_chunk += " " + sentence
+                current_tokens += sentence_tokens
+        
+        # Add final chunk if it has content
+        if current_chunk.strip():
+            chunk_data = self._create_chunk_metadata(
+                current_chunk.strip(), 
+                metadata, 
+                chunk_index
+            )
+            chunks.append(chunk_data)
+        
+        logger.info(f"Created {len(chunks)} chunks from document: {metadata.get('filename', 'unknown')}")
+        return chunks
+    
+    def _clean_text(self, text: str) -> str:
+        """Clean and normalize text"""
+        # Remove excessive whitespace and newlines
+        text = re.sub(r'\n+', '\n', text)
+        text = re.sub(r'\s+', ' ', text)
+        return text.strip()
+    
+    def _get_overlap_text(self, text: str) -> str:
+        """Get the last N tokens for overlap"""
+        if self.encoding:
+            tokens = self._encode_text(text)
+            if len(tokens) <= self.overlap:
+                return text
+            
+            overlap_tokens = tokens[-self.overlap:]
+            return self._decode_tokens(overlap_tokens)
+        else:
+            # Fallback: use character-based overlap
+            words = text.split()
+            overlap_words = words[-self.overlap:] if len(words) > self.overlap else words
+            return " ".join(overlap_words)
+    
+    def _create_chunk_metadata(self, chunk_text: str, base_metadata: Dict[str, Any], chunk_index: int) -> Dict[str, Any]:
+        """Create comprehensive metadata for a chunk"""
+        return {
+            "text": chunk_text,
+            "chunk_id": str(uuid.uuid4()),
+            "chunk_index": chunk_index,
+            "token_count": self._count_tokens(chunk_text),
+            "filename": base_metadata.get("filename", "unknown"),
+            "file_type": base_metadata.get("file_type", "unknown"),
+            "session_id": base_metadata.get("session_id"),
+            "upload_timestamp": base_metadata.get("upload_timestamp"),
+            "file_size": base_metadata.get("file_size", 0)
+        }
+
+class SimpleEmbeddingFunction:
+    """Simple embedding function wrapper for ChromaDB - FIXED for new interface"""
+    
+    def __init__(self, model):
+        self.model = model
+    
+    def __call__(self, input):
+        """Generate embeddings for input texts - Updated signature for ChromaDB 0.4.16+"""
+        try:
+            # Handle both single string and list of strings
+            if isinstance(input, str):
+                input = [input]
+            
+            embeddings = self.model.encode(input, convert_to_tensor=False)
+            return embeddings.tolist() if hasattr(embeddings, 'tolist') else embeddings
+        except Exception as e:
+            logger.error(f"Error generating embeddings: {e}")
+            # Return dummy embeddings as fallback
+            return [[0.0] * 384 for _ in input]  # 384 is dimension for all-MiniLM-L6-v2
+
+class RAGManager:
+    """
+    Retrieval-Augmented Generation Manager - FIXED VERSION
+    
+    Handles document storage, embedding, and retrieval using ChromaDB
+    """
+    
+    def __init__(self, embedding_model: str = None, persist_directory: str = None):
+        from app.config import get_settings
+        settings = get_settings()
+        if embedding_model is None:
+            embedding_model = settings.rag.embedding_model
+        self.embedding_model_name = embedding_model
+        if persist_directory is None:
+            persist_directory = _default_chroma_path("chroma_db")
+        self.persist_directory = Path(persist_directory)
+        self.persist_directory.mkdir(parents=True, exist_ok=True)
+        
+        # Initialize embedding model
+        logger.info(f"Loading embedding model: {embedding_model}")
+        try:
+            self.embedding_model = SentenceTransformer(embedding_model)
+            logger.info("Embedding model loaded successfully")
+        except Exception as e:
+            logger.error(f"Failed to load embedding model: {e}")
+            raise
+        
+        # Initialize ChromaDB client
+        try:
+            self.client = chromadb.PersistentClient(
+                path=str(self.persist_directory),
+                settings=Settings(
+                    anonymized_telemetry=False,
+                    allow_reset=True
+                )
+            )
+            logger.info("ChromaDB client initialized")
+        except Exception as e:
+            logger.error(f"Failed to initialize ChromaDB client: {e}")
+            raise
+        
+        # Initialize collection — name from config
+        self.collection_name = settings.rag.chroma_collection
+        self.collection = self._get_or_create_collection()
+        
+        # Initialize chunker
+        self.chunker = DocumentChunker()
+    
+    def _get_or_create_collection(self):
+        """Get or create the ChromaDB collection"""
+        try:
+            # First, try to get existing collection
+            try:
+                collection = self.client.get_collection(
+                    name=self.collection_name
+                )
+                logger.info(f"Found existing collection: {self.collection_name}")
+                return collection
+            except ValueError:
+                # Collection doesn't exist, create it
+                logger.info(f"Creating new collection: {self.collection_name}")
+                collection = self.client.create_collection(
+                    name=self.collection_name,
+                    embedding_function=SimpleEmbeddingFunction(self.embedding_model),
+                    metadata={"description": f"{settings.app.title} document storage"}
+                )
+                logger.info(f"Created collection: {self.collection_name}")
+                return collection
+                
+        except Exception as e:
+            logger.error(f"Error with collection management: {e}")
+            # Try to reset and recreate
+            try:
+                logger.info("Attempting to reset and recreate collection...")
+                self.client.reset()
+                collection = self.client.create_collection(
+                    name=self.collection_name,
+                    embedding_function=SimpleEmbeddingFunction(self.embedding_model),
+                    metadata={"description": f"{settings.app.title} document storage"}
+                )
+                logger.info("Successfully recreated collection")
+                return collection
+            except Exception as e2:
+                logger.error(f"Failed to recreate collection: {e2}")
+                raise
+    
+    def add_document(self, content: str, filename: str, session_id: str, file_type: str = "unknown") -> Dict[str, Any]:
+        """
+        Add a document to the vector database
+        """
+        try:
+            # Create base metadata
+            base_metadata = {
+                "filename": filename,
+                "file_type": file_type,
+                "session_id": session_id,
+                "upload_timestamp": str(uuid.uuid4()),  # Using UUID as timestamp for simplicity
+                "file_size": len(content)
+            }
+            
+            # Chunk the document
+            chunks = self.chunker.chunk_text(content, base_metadata)
+            
+            if not chunks:
+                raise ValueError("No chunks created from document")
+            
+            # Prepare data for ChromaDB
+            chunk_ids = [chunk["chunk_id"] for chunk in chunks]
+            chunk_texts = [chunk["text"] for chunk in chunks]
+            chunk_metadatas = [
+                {k: v for k, v in chunk.items() if k != "text" and k != "chunk_id"}
+                for chunk in chunks
+            ]
+            
+            # Add to ChromaDB with error handling
+            try:
+                self.collection.add(
+                    ids=chunk_ids,
+                    documents=chunk_texts,
+                    metadatas=chunk_metadatas
+                )
+                logger.info(f"Successfully added {len(chunks)} chunks for document: {filename}")
+            except Exception as e:
+                logger.error(f"Error adding chunks to ChromaDB: {e}")
+                # Try to recreate collection and try again
+                self.collection = self._get_or_create_collection()
+                self.collection.add(
+                    ids=chunk_ids,
+                    documents=chunk_texts,
+                    metadatas=chunk_metadatas
+                )
+                logger.info(f"Successfully added {len(chunks)} chunks after collection reset")
+            
+            return {
+                "success": True,
+                "filename": filename,
+                "chunks_created": len(chunks),
+                "total_tokens": sum(chunk["token_count"] for chunk in chunks),
+                "chunk_ids": chunk_ids
+            }
+            
+        except Exception as e:
+            logger.error(f"Error adding document {filename}: {str(e)}")
+            return {
+                "success": False,
+                "filename": filename,
+                "error": str(e)
+            }
+    
+    def search_documents(self, query: str, session_id: str, persona_context: str = "", n_results: int = 5) -> List[Dict[str, Any]]:
+        """
+        Search for relevant document chunks
+        """
+        try:
+            # Enhance query with persona context for better retrieval
+            enhanced_query = f"{query} {persona_context}".strip()
+            
+            # Search the collection
+            results = self.collection.query(
+                query_texts=[enhanced_query],
+                n_results=n_results,
+                where={"session_id": session_id}  # Filter by session
+            )
+            
+            # Format results
+            retrieved_chunks = []
+            if results['documents'] and results['documents'][0]:
+                for i, (doc, metadata, distance) in enumerate(zip(
+                    results['documents'][0],
+                    results['metadatas'][0],
+                    results['distances'][0]
+                )):
+                    # ChromaDB returns squared euclidean distance, convert to similarity
+                    # For better similarity scores, we'll use: similarity = 1 / (1 + distance)
+                    similarity_score = 1 / (1 + abs(distance)) if distance is not None else 0.5
+                    
+                    chunk_data = {
+                        "text": doc,
+                        "metadata": metadata,
+                        "relevance_score": similarity_score,
+                        "distance": distance,  # Keep original for debugging
+                        "rank": i + 1
+                    }
+                    retrieved_chunks.append(chunk_data)
+            
+            logger.info(f"Retrieved {len(retrieved_chunks)} chunks for query: {query[:50]}...")
+            return retrieved_chunks
+            
+        except Exception as e:
+            logger.error(f"Error searching documents: {str(e)}")
+            return []
+    
+    def get_document_stats(self, session_id: str) -> Dict[str, Any]:
+        """Get statistics about documents in a session"""
+        try:
+            # Get all chunks for this session
+            results = self.collection.get(
+                where={"session_id": session_id}
+            )
+            
+            if not results or not results.get('metadatas'):
+                return {
+                    "total_chunks": 0,
+                    "total_documents": 0,
+                    "documents": []
+                }
+            
+            # Analyze metadata
+            metadatas = results['metadatas']
+            documents = {}
+            
+            for metadata in metadatas:
+                filename = metadata.get('filename', 'unknown')
+                if filename not in documents:
+                    documents[filename] = {
+                        "filename": filename,
+                        "file_type": metadata.get('file_type', 'unknown'),
+                        "chunk_count": 0,
+                        "total_tokens": 0
+                    }
+                
+                documents[filename]["chunk_count"] += 1
+                documents[filename]["total_tokens"] += metadata.get('token_count', 0)
+            
+            return {
+                "total_chunks": len(metadatas),
+                "total_documents": len(documents),
+                "documents": list(documents.values())
+            }
+            
+        except Exception as e:
+            logger.error(f"Error getting document stats: {str(e)}")
+            return {"total_chunks": 0, "total_documents": 0, "documents": []}
+    
+    def delete_session_documents(self, session_id: str) -> bool:
+        """Delete all documents for a session"""
+        try:
+            # Get all document IDs for this session
+            results = self.collection.get(
+                where={"session_id": session_id}
+            )
+            
+            if results and results.get('ids'):
+                chunk_ids = results['ids']
+                self.collection.delete(ids=chunk_ids)
+                logger.info(f"Deleted {len(chunk_ids)} chunks for session: {session_id}")
+                return True
+            
+            return True  # No documents to delete is also success
+            
+        except Exception as e:
+            logger.error(f"Error deleting session documents: {str(e)}")
+            return False
+    
+    def health_check(self) -> Dict[str, Any]:
+        """Check if RAG system is working properly"""
+        try:
+            # Test basic operations
+            test_doc = "This is a test document for health checking."
+            test_session = "health_check_session"
+            
+            # Try adding a test document
+            result = self.add_document(test_doc, "test.txt", test_session, "txt")
+            if not result["success"]:
+                return {"status": "error", "message": "Failed to add test document"}
+            
+            # Try searching
+            search_results = self.search_documents("test", test_session)
+            
+            # Try getting stats
+            stats = self.get_document_stats(test_session)
+            
+            # Cleanup
+            self.delete_session_documents(test_session)
+            
+            return {
+                "status": "healthy",
+                "embedding_model": self.embedding_model_name,
+                "collection_name": self.collection_name,
+                "test_results": {
+                    "add_document": result["success"],
+                    "search_documents": len(search_results) > 0,
+                    "get_stats": stats["total_chunks"] > 0
+                }
+            }
+            
+        except Exception as e:
+            return {"status": "error", "message": str(e)}
+
+
+class EnhancedRAGManager:
+    def __init__(self, persist_directory: str = None):
+        """Initialize enhanced RAG manager with improved document handling"""
+        from app.config import get_settings
+        settings = get_settings()
+
+        if persist_directory is None:
+            persist_directory = _default_chroma_path("chromadb_storage")
+        self.persist_directory = persist_directory
+        Path(persist_directory).mkdir(parents=True, exist_ok=True)
+        
+        # Initialize ChromaDB client
+        self.client = chromadb.PersistentClient(
+            path=persist_directory,
+            settings=Settings(anonymized_telemetry=False)
+        )
+        
+        # Collection name from config
+        collection_name = settings.rag.chroma_collection
+
+        # Create or get collection
+        self.collection = self.client.get_or_create_collection(
+            name=collection_name,
+            metadata={"hnsw:space": "cosine"}
+        )
+        
+        logger.info(f"Enhanced RAG Manager initialized with collection: {self.collection.name}")
+    
+    def add_document(self, content: str, filename: str, session_id: str, 
+                    file_type: str = "unknown") -> Dict[str, Any]:
+        """
+        Enhanced document addition with better metadata and document awareness
+        """
+        try:
+            # Preprocess the content
+            cleaned_content = self._preprocess_content(content)
+            if not cleaned_content.strip():
+                return {
+                    "success": False,
+                    "error": "Document content is empty after preprocessing",
+                    "filename": filename
+                }
+            
+            # Extract document metadata
+            doc_metadata = self._extract_document_metadata(cleaned_content, filename, file_type)
+            
+            # Create intelligent chunks with overlap and context preservation
+            chunks = self._create_enhanced_chunks(cleaned_content, filename, doc_metadata)
+            
+            # Prepare data for ChromaDB
+            chunk_texts = []
+            chunk_metadatas = []
+            chunk_ids = []
+            
+            for i, chunk_data in enumerate(chunks):
+                chunk_id = f"{session_id}_{filename}_{i}_{uuid.uuid4().hex[:8]}"
+                
+                # Enhanced metadata with document awareness
+                metadata = {
+                    "session_id": session_id,
+                    "filename": filename,
+                    "file_type": file_type,
+                    "chunk_index": i,
+                    "total_chunks": len(chunks),
+                    "document_section": chunk_data.get("section", "unknown"),
+                    "keywords": chunk_data.get("keywords", ""),
+                    "chunk_type": chunk_data.get("type", "content"),
+                    "document_title": doc_metadata.get("title", filename),
+                    "estimated_tokens": len(chunk_data["text"].split()) * 1.3,
+                    "has_references": "references" in chunk_data["text"].lower(),
+                    "has_methodology": "method" in chunk_data["text"].lower(),
+                    "has_theory": any(word in chunk_data["text"].lower() 
+                                    for word in ["theory", "theoretical", "framework", "concept"])
+                }
+                
+                chunk_texts.append(chunk_data["text"])
+                chunk_metadatas.append(metadata)
+                chunk_ids.append(chunk_id)
+            
+            # Add to ChromaDB
+            self.collection.add(
+                documents=chunk_texts,
+                metadatas=chunk_metadatas,
+                ids=chunk_ids
+            )
+            
+            total_tokens = sum(metadata["estimated_tokens"] for metadata in chunk_metadatas)
+            
+            logger.info(f"Successfully added document {filename}: {len(chunks)} chunks, ~{total_tokens:.0f} tokens")
+            
+            return {
+                "success": True,
+                "filename": filename,
+                "chunks_created": len(chunks),
+                "total_tokens": int(total_tokens),
+                "document_metadata": doc_metadata
+            }
+            
+        except Exception as e:
+            logger.error(f"Error adding document {filename}: {str(e)}")
+            return {
+                "success": False,
+                "filename": filename,
+                "error": str(e)
+            }
+    
+    def search_documents_with_context(self, query: str, session_id: str, 
+                                    persona_context: str = "", n_results: int = 5,
+                                    document_hint: str = None) -> List[Dict[str, Any]]:
+        """
+        Enhanced search with document awareness and context
+        """
+        try:
+            # Extract potential document references from query
+            document_references = self._extract_document_references(query)
+            
+            # Build enhanced query
+            enhanced_query = self._build_enhanced_query(query, persona_context, document_references)
+            
+            # Base search filters
+            search_filters = {"session_id": session_id}
+            
+            # If specific document mentioned, prioritize it
+            if document_hint or document_references:
+                priority_filename = document_hint or document_references[0] if document_references else None
+                if priority_filename:
+                    # First search: prioritize specific document
+                    priority_results = self._search_with_filters(
+                        enhanced_query, 
+                        {**search_filters, "filename": {"$contains": priority_filename}},
+                        n_results=min(3, n_results)
+                    )
+                    
+                    # Second search: get additional context from other documents
+                    remaining_results = max(0, n_results - len(priority_results))
+                    if remaining_results > 0:
+                        general_results = self._search_with_filters(
+                            enhanced_query,
+                            search_filters,
+                            n_results=remaining_results + 2  # Get extras to filter out duplicates
+                        )
+                        
+                        # Combine results, avoiding duplicates
+                        all_results = priority_results + [
+                            r for r in general_results 
+                            if r["metadata"]["filename"] != priority_filename
+                        ][:remaining_results]
+                    else:
+                        all_results = priority_results
+                else:
+                    all_results = self._search_with_filters(enhanced_query, search_filters, n_results)
+            else:
+                all_results = self._search_with_filters(enhanced_query, search_filters, n_results)
+            
+            # Enhance results with context and attribution
+            enhanced_results = self._enhance_search_results(all_results, query)
+            
+            logger.info(f"Enhanced search returned {len(enhanced_results)} results for query: {query[:50]}...")
+            return enhanced_results
+            
+        except Exception as e:
+            logger.error(f"Error in enhanced document search: {str(e)}")
+            return []
+    
+    def _search_with_filters(self, query: str, filters: Dict, n_results: int) -> List[Dict[str, Any]]:
+        """Helper method for filtered search"""
+        results = self.collection.query(
+            query_texts=[query],
+            n_results=n_results,
+            where=filters
+        )
+        
+        formatted_results = []
+        if results['documents'] and results['documents'][0]:
+            for i, (doc, metadata, distance) in enumerate(zip(
+                results['documents'][0],
+                results['metadatas'][0],
+                results['distances'][0]
+            )):
+                similarity_score = 1 / (1 + abs(distance)) if distance is not None else 0.5
+                
+                formatted_results.append({
+                    "text": doc,
+                    "metadata": metadata,
+                    "relevance_score": similarity_score,
+                    "distance": distance,
+                    "rank": i + 1
+                })
+        
+        return formatted_results
+    
+    def _extract_document_references(self, query: str) -> List[str]:
+        """Extract potential document name references from user query"""
+        # Common patterns for document references
+        patterns = [
+            r"(?:my|the|in)\s+([a-zA-Z_\-]+\.(?:pdf|docx|txt|doc))",  # my document.pdf
+            r"(?:my|the)\s+(dissertation|thesis|proposal|chapter|paper|manuscript)",  # my dissertation
+            r"(?:in|from)\s+(?:my\s+)?([a-zA-Z_\-\s]+(?:chapter|section|proposal))",  # in my methodology chapter
+            r"(?:the|my)\s+([a-zA-Z_\-\s]+(?:document|file))",  # the research document
+        ]
+        
+        references = []
+        query_lower = query.lower()
+        
+        for pattern in patterns:
+            matches = re.findall(pattern, query_lower)
+            references.extend(matches)
+        
+        # Clean up references
+        cleaned_references = []
+        for ref in references:
+            cleaned = ref.strip().replace(" ", "_")
+            if len(cleaned) > 2:  # Avoid single characters
+                cleaned_references.append(cleaned)
+        
+        return cleaned_references[:3]  # Limit to first 3 references
+    
+    def _build_enhanced_query(self, original_query: str, persona_context: str, 
+                            document_refs: List[str]) -> str:
+        """Build enhanced query with context and document awareness"""
+        query_parts = [original_query]
+        
+        if persona_context:
+            query_parts.append(persona_context)
+        
+        if document_refs:
+            query_parts.extend(document_refs)
+        
+        return " ".join(query_parts)
+    
+    def _enhance_search_results(self, results: List[Dict], original_query: str) -> List[Dict[str, Any]]:
+        """Enhance search results with better attribution and context"""
+        enhanced = []
+        
+        for result in results:
+            metadata = result["metadata"]
+            
+            # Create enhanced result with clear attribution
+            enhanced_result = {
+                **result,
+                "document_source": {
+                    "filename": metadata.get("filename", "unknown"),
+                    "document_title": metadata.get("document_title", metadata.get("filename", "unknown")),
+                    "section": metadata.get("document_section", "unknown"),
+                    "chunk_position": f"{metadata.get('chunk_index', 0) + 1} of {metadata.get('total_chunks', 1)}"
+                },
+                "content_type": metadata.get("chunk_type", "content"),
+                "context_indicators": {
+                    "has_methodology": metadata.get("has_methodology", False),
+                    "has_theory": metadata.get("has_theory", False),
+                    "has_references": metadata.get("has_references", False)
+                }
+            }
+            
+            enhanced.append(enhanced_result)
+        
+        # Sort by relevance score, but boost results from explicitly mentioned documents
+        enhanced.sort(key=lambda x: (
+            1.0 if any(ref in x["document_source"]["filename"].lower() 
+                      for ref in self._extract_document_references(original_query)) else 0.0,
+            x["relevance_score"]
+        ), reverse=True)
+        
+        return enhanced
+    
+    def _extract_document_metadata(self, content: str, filename: str, file_type: str) -> Dict[str, Any]:
+        """Extract metadata from document content"""
+        lines = content.split('\n')
+        
+        # Try to find title (usually first significant line)
+        title = filename
+        for line in lines[:10]:
+            if line.strip() and len(line.strip()) > 10 and len(line.strip()) < 100:
+                if not line.strip().startswith(('Abstract', 'Introduction', '1.', 'Chapter')):
+                    title = line.strip()
+                    break
+        
+        # Extract other metadata
+        word_count = len(content.split())
+        has_sections = bool(re.search(r'(?:Chapter|Section|\d+\.)', content))
+        
+        return {
+            "title": title,
+            "word_count": word_count,
+            "has_sections": has_sections,
+            "file_type": file_type,
+            "estimated_pages": word_count // 250  # Rough estimate
+        }
+    
+    def _create_enhanced_chunks(self, content: str, filename: str, doc_metadata: Dict) -> List[Dict[str, Any]]:
+        """Create intelligent chunks with context preservation"""
+        # Split into logical sections first
+        sections = self._split_into_sections(content)
+        
+        chunks = []
+        for section_data in sections:
+            section_text = section_data["text"]
+            section_type = section_data["type"]
+            
+            # Create overlapping chunks within each section
+            if len(section_text.split()) > 300:  # Large section, needs chunking
+                section_chunks = self._create_overlapping_chunks(section_text, chunk_size=250, overlap=50)
+                for chunk_text in section_chunks:
+                    chunks.append({
+                        "text": chunk_text,
+                        "section": section_type,
+                        "type": "content",
+                        "keywords": self._extract_keywords(chunk_text)
+                    })
+            else:
+                # Small section, keep as single chunk
+                chunks.append({
+                    "text": section_text,
+                    "section": section_type,
+                    "type": section_type,
+                    "keywords": self._extract_keywords(section_text)
+                })
+        
+        return chunks
+    
+    def _split_into_sections(self, content: str) -> List[Dict[str, Any]]:
+        """Split content into logical sections"""
+        lines = content.split('\n')
+        sections = []
+        current_section = []
+        current_type = "introduction"
+        
+        for line in lines:
+            line = line.strip()
+            if not line:
+                continue
+            
+            # Check if this line starts a new section
+            section_match = re.match(r'(?:Chapter|Section|\d+\.?\s+)(.+)', line, re.IGNORECASE)
+            if section_match:
+                # Save previous section
+                if current_section:
+                    sections.append({
+                        "text": '\n'.join(current_section),
+                        "type": current_type
+                    })
+                
+                # Start new section
+                current_section = [line]
+                section_title = section_match.group(1).lower()
+                current_type = self._classify_section_type(section_title)
+            else:
+                current_section.append(line)
+        
+        # Add final section
+        if current_section:
+            sections.append({
+                "text": '\n'.join(current_section),
+                "type": current_type
+            })
+        
+        return sections if sections else [{"text": content, "type": "content"}]
+    
+    def _classify_section_type(self, section_title: str) -> str:
+        """Classify section type based on title"""
+        title_lower = section_title.lower()
+        
+        if any(word in title_lower for word in ['method', 'approach', 'design', 'procedure']):
+            return "methodology"
+        elif any(word in title_lower for word in ['theory', 'framework', 'literature', 'review']):
+            return "theory"
+        elif any(word in title_lower for word in ['result', 'finding', 'analysis', 'data']):
+            return "results"
+        elif any(word in title_lower for word in ['conclusion', 'discussion', 'implication']):
+            return "conclusion"
+        elif any(word in title_lower for word in ['introduction', 'background', 'abstract']):
+            return "introduction"
+        else:
+            return "content"
+    
+    def _create_overlapping_chunks(self, text: str, chunk_size: int = 250, overlap: int = 50) -> List[str]:
+        """Create overlapping chunks from text"""
+        words = text.split()
+        chunks = []
+        
+        start = 0
+        while start < len(words):
+            end = min(start + chunk_size, len(words))
+            chunk = ' '.join(words[start:end])
+            chunks.append(chunk)
+            
+            if end >= len(words):
+                break
+            
+            start += chunk_size - overlap
+        
+        return chunks
+    
+    def _extract_keywords(self, text: str) -> str:
+        """Extract key terms from text chunk"""
+        # Simple keyword extraction - could be enhanced with NLP
+        words = text.lower().split()
+        
+        # Academic keywords to prioritize
+        academic_terms = set([
+            'methodology', 'theory', 'analysis', 'research', 'study', 'data',
+            'framework', 'approach', 'method', 'findings', 'results', 'literature',
+            'hypothesis', 'experiment', 'survey', 'interview', 'observation',
+            'qualitative', 'quantitative', 'mixed-methods', 'case study'
+        ])
+        
+        found_keywords = [word for word in words if word in academic_terms]
+        return ' '.join(found_keywords[:5])  # Top 5 keywords
+    
+    def _preprocess_content(self, content: str) -> str:
+        """Clean and preprocess document content"""
+        # Remove excessive whitespace
+        content = re.sub(r'\s+', ' ', content)
+        
+        # Remove page numbers and headers/footers
+        content = re.sub(r'\n\s*\d+\s*\n', '\n', content)
+        
+        # Clean up encoding issues
+        content = content.replace('\ufffd', ' ')
+        
+        return content.strip()
+    
+    def get_document_stats(self, session_id: str) -> Dict[str, Any]:
+        """Get enhanced statistics about documents in a session"""
+        try:
+            # Get all chunks for this session
+            results = self.collection.get(
+                where={"session_id": session_id},
+                include=["metadatas"]
+            )
+            
+            if not results['metadatas']:
+                return {"total_chunks": 0, "total_documents": 0, "documents": []}
+            
+            # Analyze documents
+            documents = {}
+            total_tokens = 0
+            
+            for metadata in results['metadatas']:
+                filename = metadata.get('filename', 'unknown')
+                
+                if filename not in documents:
+                    documents[filename] = {
+                        "filename": filename,
+                        "title": metadata.get('document_title', filename),
+                        "file_type": metadata.get('file_type', 'unknown'),
+                        "chunks": 0,
+                        "estimated_tokens": 0,
+                        "sections": set(),
+                        "has_methodology": False,
+                        "has_theory": False,
+                        "has_references": False
+                    }
+                
+                doc_info = documents[filename]
+                doc_info["chunks"] += 1
+                doc_info["estimated_tokens"] += metadata.get('estimated_tokens', 0)
+                doc_info["sections"].add(metadata.get('document_section', 'unknown'))
+                
+                if metadata.get('has_methodology'):
+                    doc_info["has_methodology"] = True
+                if metadata.get('has_theory'):
+                    doc_info["has_theory"] = True
+                if metadata.get('has_references'):
+                    doc_info["has_references"] = True
+                
+                total_tokens += metadata.get('estimated_tokens', 0)
+            
+            # Convert sets to lists for JSON serialization
+            for doc_info in documents.values():
+                doc_info["sections"] = list(doc_info["sections"])
+            
+            return {
+                "total_chunks": len(results['metadatas']),
+                "total_documents": len(documents),
+                "total_estimated_tokens": int(total_tokens),
+                "documents": list(documents.values())
+            }
+            
+        except Exception as e:
+            logger.error(f"Error getting document stats: {str(e)}")
+            return {"error": str(e), "total_chunks": 0, "total_documents": 0}
+
+
+# Global RAG manager instance
+_rag_manager = None
+
+# def get_rag_manager() -> RAGManager:
+#     """Get the global RAG manager instance"""
+#     global _rag_manager
+#     if _rag_manager is None:
+#         try:
+#             _rag_manager = RAGManager()
+#             logger.info("RAG Manager initialized successfully")
+#         except Exception as e:
+#             logger.error(f"Failed to initialize RAG Manager: {e}")
+#             raise
+#     return _rag_manager
+
+def get_rag_manager() -> EnhancedRAGManager:
+    """Get or create the global RAG manager instance"""
+    global _rag_manager
+    if _rag_manager is None:
+        _rag_manager = EnhancedRAGManager()
+    return _rag_manager
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/core/session_manager.py b/multi_llm_chatbot_backend/app/core/session_manager.py
new file mode 100644
index 0000000000000000000000000000000000000000..6d4e4d47602191b2c851b6b08ca6b190aa679c7c
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/session_manager.py
@@ -0,0 +1,226 @@
+from typing import Dict, List, Optional, Any
+from datetime import datetime, timedelta
+import uuid
+from dataclasses import dataclass, field
+import asyncio
+from threading import Lock
+from app.core.rag_manager import get_rag_manager
+
+@dataclass
+class ConversationContext:
+    """Enhanced conversation context for RAG integration"""
+    
+    def __init__(self, session_id: str = None):
+        self.session_id = session_id or str(uuid.uuid4())
+        self.messages: List[Dict[str, str]] = []
+        self.uploaded_files: List[str] = []  # Now just stores filenames, not content
+        self.total_upload_size: int = 0  # For tracking purposes only
+        self.created_at = datetime.now()
+        self.last_accessed = datetime.now()
+        
+        # New RAG-related attributes
+        self.document_chunks_count: int = 0  # Track total chunks in vector DB
+        self.last_retrieval_stats: Dict[str, Any] = {}  # Last RAG retrieval info
+
+        # Cached LLM summary when conversation history exceeds token threshold
+        self.conversation_summary: Optional[str] = None
+        self.conversation_summary_message_count: int = 0
+
+    def clear_conversation_summary(self) -> None:
+        self.conversation_summary = None
+        self.conversation_summary_message_count = 0
+
+    def append_message(self, role: str, content: str):
+        """Add a message to the conversation history"""
+        self.messages.append({
+            "role": role,
+            "content": content,
+            "timestamp": datetime.now().isoformat()
+        })
+        self.last_accessed = datetime.now()
+
+    def clear_messages(self):
+        """Clear conversation messages but keep document references"""
+        self.messages.clear()
+        self.clear_conversation_summary()
+        self.last_accessed = datetime.now()
+
+    def get_messages_by_role(self, role: str) -> List[Dict[str, str]]:
+        """Get all messages by a specific role - ADDED METHOD"""
+        return [msg for msg in self.messages if msg.get('role') == role]
+    
+    def get_recent_messages(self, count: int = 10) -> List[Dict[str, str]]:
+        """Get the most recent N messages"""
+        return self.messages[-count:] if len(self.messages) > count else self.messages
+    
+    def get_user_messages(self) -> List[Dict[str, str]]:
+        """Get all user messages"""
+        return self.get_messages_by_role('user')
+    
+    def get_latest_user_message(self) -> Optional[str]:
+        """Get the content of the most recent user message"""
+        user_messages = self.get_user_messages()
+        return user_messages[-1]['content'] if user_messages else None
+
+    def add_uploaded_file(self, filename: str, content: str, file_size: int):
+        """
+        Add uploaded file - MODIFIED FOR RAG
+        
+        Now we only track the filename and size in session context.
+        The actual content goes to the vector database via RAG manager.
+        """
+        self.uploaded_files.append(filename)
+        self.total_upload_size += file_size
+        
+        # Add a system message noting the upload (not the full content)
+        self.append_message("system", f"Document '{filename}' uploaded and processed into vector database")
+        
+        # Update document chunk count from RAG manager
+        try:
+            rag_manager = get_rag_manager()
+            stats = rag_manager.get_document_stats(self.session_id)
+            self.document_chunks_count = stats.get("total_chunks", 0)
+        except Exception as e:
+            print(f"Warning: Could not update chunk count: {e}")
+
+    def get_context_size(self) -> int:
+        """Calculate conversation context size in characters (excluding vector DB documents)"""
+        return sum(len(msg['content']) for msg in self.messages)
+    
+    def get_rag_stats(self) -> Dict[str, Any]:
+        """Get statistics about documents in vector database for this session"""
+        try:
+            rag_manager = get_rag_manager()
+            return rag_manager.get_document_stats(self.session_id)
+        except Exception as e:
+            return {"error": str(e), "total_chunks": 0, "total_documents": 0}
+
+    def clear_all_data(self):
+        """Clear both conversation and vector database documents"""
+        # Clear conversation messages
+        self.clear_messages()
+        
+        # Clear vector database documents
+        try:
+            rag_manager = get_rag_manager()
+            success = rag_manager.delete_session_documents(self.session_id)
+            if success:
+                self.uploaded_files.clear()
+                self.total_upload_size = 0
+                self.document_chunks_count = 0
+                self.append_message("system", "All conversation history and documents cleared")
+            else:
+                self.append_message("system", "Conversation cleared, but some documents may remain")
+        except Exception as e:
+            self.append_message("system", f"Conversation cleared, document cleanup failed: {str(e)}")
+
+class SessionManager:
+    """Thread-safe session manager for handling multiple user conversations"""
+    
+    def __init__(self, session_timeout_hours: int = 24, cleanup_interval_minutes: int = 60):
+        self.sessions: Dict[str, ConversationContext] = {}
+        self.session_timeout = timedelta(hours=session_timeout_hours)
+        self.cleanup_interval = timedelta(minutes=cleanup_interval_minutes)
+        self.lock = Lock()
+        self.last_cleanup = datetime.now()
+    
+    def create_session(self) -> str:
+        """Create a new session and return session ID"""
+        session_id = str(uuid.uuid4())
+        with self.lock:
+            self.sessions[session_id] = ConversationContext(session_id=session_id)
+        return session_id
+    
+    def get_session(self, session_id: Optional[str] = None) -> ConversationContext:
+        """Get existing session or create new one"""
+        if not session_id:
+            session_id = self.create_session()
+        
+        with self.lock:
+            if session_id not in self.sessions:
+                self.sessions[session_id] = ConversationContext(session_id=session_id)
+            
+            session = self.sessions[session_id]
+            session.last_accessed = datetime.now()
+            
+            # Trigger cleanup if needed
+            self._cleanup_expired_sessions()
+            
+            return session
+    
+    def delete_session(self, session_id: str) -> bool:
+        """Delete a specific session"""
+        with self.lock:
+            if session_id in self.sessions:
+                del self.sessions[session_id]
+                return True
+            return False
+    
+    def get_active_session_count(self) -> int:
+        """Get number of active sessions"""
+        with self.lock:
+            return len(self.sessions)
+    
+    def _cleanup_expired_sessions(self):
+        """Remove expired sessions (called periodically)"""
+        now = datetime.now()
+        
+        # Only run cleanup periodically to avoid overhead
+        if now - self.last_cleanup < self.cleanup_interval:
+            return
+        
+        expired_sessions = []
+        for session_id, session in self.sessions.items():
+            if now - session.last_accessed > self.session_timeout:
+                expired_sessions.append(session_id)
+        
+        for session_id in expired_sessions:
+            del self.sessions[session_id]
+        
+        self.last_cleanup = now
+        
+        if expired_sessions:
+            print(f"Cleaned up {len(expired_sessions)} expired sessions")
+    
+    def reset_session_completely(self, session_id: str) -> bool:
+        """
+        Completely reset a session - both conversation and vector database documents
+        """
+        with self.lock:
+            if session_id in self.sessions:
+                session = self.sessions[session_id]
+                session.clear_all_data()
+                return True
+            return False
+    
+    def get_session_stats(self, session_id: str) -> Dict[str, Any]:
+        """Get comprehensive session statistics including RAG data"""
+        with self.lock:
+            if session_id not in self.sessions:
+                return {"error": "Session not found"}
+            
+            session = self.sessions[session_id]
+            
+            # Get basic session stats
+            basic_stats = {
+                "session_id": session_id,
+                "message_count": len(session.messages),
+                "uploaded_files": session.uploaded_files,
+                "total_upload_size": session.total_upload_size,
+                "context_size_chars": session.get_context_size(),
+                "created_at": session.created_at.isoformat(),
+                "last_accessed": session.last_accessed.isoformat()
+            }
+            
+            # Get RAG stats
+            rag_stats = session.get_rag_stats()
+            
+            # Combine stats
+            return {**basic_stats, "rag_stats": rag_stats}
+
+# Global session manager instance
+session_manager = SessionManager()
+
+def get_session_manager() -> SessionManager:
+    """Get the global session manager instance"""
+    return session_manager
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/core/tracks_loader.py b/multi_llm_chatbot_backend/app/core/tracks_loader.py
new file mode 100644
index 0000000000000000000000000000000000000000..69331f02a68368119ed8f61690a68b8179ea616b
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/tracks_loader.py
@@ -0,0 +1,181 @@
+"""Load Security Journey track definitions from YAML under ``tracks/``."""
+
+from __future__ import annotations
+
+import logging
+import os
+from pathlib import Path
+from typing import Dict, List, Optional
+
+import yaml
+
+from app.models.journey import Track, TrackItem, TrackLevel, TrackSummary
+
+LOG = logging.getLogger(__name__)
+
+_tracks_cache: Optional[Dict[str, Track]] = None
+
+
+def resolve_tracks_dir() -> Path:
+    """Locate the ``tracks/`` directory.
+
+    Resolution order:
+    1. ``TRACKS_DIR`` env var (absolute or relative)
+    2. Sibling of ``CONFIG_PATH``'s parent (``<config_dir>/tracks``)
+    3. ``./tracks`` relative to the process cwd
+    4. Walk parents of this file looking for a ``tracks`` folder
+    """
+    env = os.getenv("TRACKS_DIR")
+    if env:
+        p = Path(env).expanduser()
+        if p.is_dir():
+            return p.resolve()
+        LOG.warning("TRACKS_DIR=%s is not a directory; falling back", env)
+
+    config_path = os.getenv("CONFIG_PATH")
+    if config_path:
+        candidate = Path(config_path).expanduser().resolve().parent / "tracks"
+        if candidate.is_dir():
+            return candidate
+
+    cwd_candidate = Path.cwd() / "tracks"
+    if cwd_candidate.is_dir():
+        return cwd_candidate.resolve()
+
+    here = Path(__file__).resolve()
+    for parent in [here.parent, *here.parents]:
+        candidate = parent / "tracks"
+        if candidate.is_dir():
+            return candidate
+
+    # Last resort: expected deploy layout next to config
+    if config_path:
+        return Path(config_path).expanduser().resolve().parent / "tracks"
+    return Path.cwd() / "tracks"
+
+
+def _parse_track(raw: dict) -> Track:
+    levels_raw = raw.get("levels") or raw.get("stages") or []
+    levels: List[TrackLevel] = []
+    for lvl in levels_raw:
+        items = [
+            TrackItem(
+                id=str(it["id"]),
+                title=str(it.get("title") or it["id"]),
+                description=str(it.get("description") or ""),
+            )
+            for it in (lvl.get("items") or [])
+            if it.get("id")
+        ]
+        levels.append(
+            TrackLevel(
+                id=str(lvl["id"]),
+                name=str(lvl.get("name") or lvl["id"]),
+                description=str(lvl.get("description") or ""),
+                items=items,
+            )
+        )
+    audience = raw.get("audience") or "any"
+    if audience not in ("individual", "smb", "enterprise", "any"):
+        audience = "any"
+    return Track(
+        id=str(raw["id"]),
+        name=str(raw.get("name") or raw["id"]),
+        description=str(raw.get("description") or "").strip(),
+        audience=audience,
+        levels=levels,
+    )
+
+
+def load_tracks(force_reload: bool = False) -> Dict[str, Track]:
+    """Return all tracks keyed by id. Cached after first successful load."""
+    global _tracks_cache
+    if _tracks_cache is not None and not force_reload:
+        return _tracks_cache
+
+    tracks_dir = resolve_tracks_dir()
+    loaded: Dict[str, Track] = {}
+
+    if not tracks_dir.is_dir():
+        LOG.warning("Tracks directory not found at %s", tracks_dir)
+        _tracks_cache = loaded
+        return loaded
+
+    for path in sorted(tracks_dir.glob("*.yaml")):
+        try:
+            with open(path, "r", encoding="utf-8") as fh:
+                raw = yaml.safe_load(fh) or {}
+            if not raw.get("id"):
+                LOG.warning("Skipping track file without id: %s", path)
+                continue
+            track = _parse_track(raw)
+            loaded[track.id] = track
+            LOG.info("Loaded journey track %s (%d levels) from %s", track.id, len(track.levels), path.name)
+        except Exception as exc:
+            LOG.error("Failed to load track %s: %s", path, exc)
+
+    _tracks_cache = loaded
+    return loaded
+
+
+def get_track(track_id: str) -> Optional[Track]:
+    return load_tracks().get(track_id)
+
+
+def list_track_summaries() -> List[TrackSummary]:
+    summaries: List[TrackSummary] = []
+    for track in load_tracks().values():
+        item_count = sum(len(lvl.items) for lvl in track.levels)
+        summaries.append(
+            TrackSummary(
+                id=track.id,
+                name=track.name,
+                description=track.description,
+                audience=track.audience,
+                level_count=len(track.levels),
+                item_count=item_count,
+            )
+        )
+    return summaries
+
+
+def compute_progress(track: Optional[Track], checked_item_ids: List[str]):
+    """Return (level_id, level_name, level_index, level_count, pct_overall, pct_in_level).
+
+    Current level is the first level that still has unchecked items, or the
+    last level when everything is complete. Progress within a level is the
+    fraction of that level's items that are checked.
+    """
+    if not track or not track.levels:
+        return None, None, 0, 0, 0.0, 0.0
+
+    checked = set(checked_item_ids or [])
+    all_ids = [it.id for lvl in track.levels for it in lvl.items]
+    pct_overall = (len(checked & set(all_ids)) / len(all_ids) * 100.0) if all_ids else 0.0
+
+    level_count = len(track.levels)
+    current_idx = level_count - 1
+    for i, lvl in enumerate(track.levels):
+        lvl_ids = [it.id for it in lvl.items]
+        if not lvl_ids or any(iid not in checked for iid in lvl_ids):
+            current_idx = i
+            break
+
+    current = track.levels[current_idx]
+    lvl_ids = [it.id for it in current.items]
+    done_in_level = sum(1 for iid in lvl_ids if iid in checked)
+    pct_in_level = (done_in_level / len(lvl_ids) * 100.0) if lvl_ids else 100.0
+
+    return (
+        current.id,
+        current.name,
+        current_idx,
+        level_count,
+        round(pct_overall, 1),
+        round(pct_in_level, 1),
+    )
+
+
+def clear_tracks_cache() -> None:
+    global _tracks_cache
+    _tracks_cache = None
diff --git a/multi_llm_chatbot_backend/app/core/user_knowledge.py b/multi_llm_chatbot_backend/app/core/user_knowledge.py
new file mode 100644
index 0000000000000000000000000000000000000000..439dddbc292547d97c02fdee6feab5e01ca07001
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/core/user_knowledge.py
@@ -0,0 +1,589 @@
+"""User knowledge: fact extraction, summaries, and context selection."""
+
+from __future__ import annotations
+
+import asyncio
+import json
+import logging
+import re
+from datetime import datetime
+from typing import Any, Dict, List, Optional, Union
+
+from bson import ObjectId
+
+from app.config import get_settings
+from app.core.database import get_database
+from app.llm.llm_client import LLMClient
+from app.models.user_knowledge import FactCategory
+
+LOG = logging.getLogger(__name__)
+
+FACTS_COLLECTION = "user_facts"
+SUMMARIES_COLLECTION = "user_summaries"
+
+VALID_CATEGORIES = frozenset({"person", "organization", "environment", "needs", "preferences"})
+
+# Neon vLLM / Ollama are treated as small-context; others get the long summary.
+_DEFAULT_SMALL_CONTEXT_PROVIDERS = frozenset({"vllm", "ollama"})
+
+# Harsh / insulting descriptors to neutralize in stored fact values.
+_HARSH_TERMS = {
+    "negligent": "insufficient",
+    "negligence": "insufficient practices",
+    "careless": "inattentive",
+    "carelessly": "without adequate care",
+    "incompetent": "novice",
+    "incompetence": "limited proficiency",
+    "stupid": "inexperienced",
+    "dumb": "inexperienced",
+    "lazy": "inconsistent",
+    "idiot": "novice",
+    "idiotic": "substandard",
+    "clueless": "novice",
+    "hopeless": "below basic",
+    "pathetic": "substandard",
+    "reckless": "high-risk",
+    "recklessness": "high-risk behavior",
+    "sloppy": "inconsistent",
+    "useless": "ineffective",
+    "moron": "novice",
+    "foolish": "suboptimal",
+}
+
+EXTRACTION_SYSTEM = (
+    "You extract durable facts about a cybersecurity advisory user from one message.\n"
+    "Return ONLY valid JSON of the form:\n"
+    '{"facts":[{"category":"person|organization|environment|needs|preferences",'
+    '"key":"snake_case","value":"short string","confidence":0.0,'
+    '"source":"stated|inferred","evidence":"brief quote"}]}\n'
+    "Categories:\n"
+    "- person: role, knowledge level, certifications, name preference, learning goals\n"
+    "- organization: size, industry, IT maturity, regulations (HIPAA/SOC2/etc.)\n"
+    "- environment: devices, OS (Windows/macOS/Linux), browsers, email habits, MFA status,\n"
+    "  backups, home/office setup, timezone/region if offered\n"
+    "- needs: immediate goals, threats/incidents, urgency\n"
+    "- preferences: communication style, depth, pacing\n"
+    "Rules:\n"
+    "- If the user explicitly states a fact (e.g. 'I have a Windows PC'), use source='stated'.\n"
+    "- If you are inferring from context, use source='inferred'.\n"
+    "- Always capture OS/device/computer statements (Windows PC, MacBook, iPhone, Android, etc.).\n"
+    "- Capture useful cyber context with least user effort: devices/OS, role, org size, tools,\n"
+    "  threats/incidents, goals, regulations, email habits, backups, MFA.\n"
+    "- Friendly personalizing detail is OK (name preference, timezone/region, learning goals).\n"
+    "- Do NOT extract sensitive medical/financial minutiae, exact street addresses, SSNs, or passwords.\n"
+    "- Tone: professional and non-insulting. Prefer: insufficient, non-compliant, substandard,\n"
+    "  novice, below basic. NEVER use: negligent, careless, incompetent, stupid, lazy, or similar.\n"
+    "If nothing useful, return {\"facts\":[]}. Do not invent unsupported facts."
+)
+
+SUMMARY_SYSTEM = (
+    "You write concise user-context briefs for cybersecurity AI advisors.\n"
+    "Use only the provided facts and profile. Write in third person.\n"
+    "Tone: professional and respectful — describe situations and gaps, never insult character.\n"
+    "Prefer language like insufficient / novice / non-compliant / below basic; "
+    "never negligent / careless / incompetent / stupid / lazy.\n"
+    "Return ONLY valid JSON: {\"short\":\"...\",\"long\":\"...\"}."
+)
+
+
+def is_small_context_provider(provider: Optional[str]) -> bool:
+    """Return True when *provider* should receive the short summary."""
+    if not provider:
+        return True
+    try:
+        configured = get_settings().user_knowledge.small_context_providers
+        names = {p.lower() for p in configured} if configured else set(_DEFAULT_SMALL_CONTEXT_PROVIDERS)
+    except Exception:
+        names = set(_DEFAULT_SMALL_CONTEXT_PROVIDERS)
+    return provider.lower() in names
+
+
+def should_regenerate_after_chat(session_message_count: int) -> bool:
+    """Regenerate after every completed chat except the first in a session."""
+    return session_message_count > 1
+
+
+def _parse_json_object(raw: str) -> Dict[str, Any]:
+    cleaned = re.sub(r"```(?:json)?", "", raw or "").strip()
+    match = re.search(r"\{.*\}", cleaned, re.DOTALL)
+    if not match:
+        return {}
+    try:
+        data = json.loads(match.group(0))
+        return data if isinstance(data, dict) else {}
+    except json.JSONDecodeError:
+        return {}
+
+
+def _normalize_key(key: str) -> str:
+    key = (key or "").strip().lower()
+    key = re.sub(r"[^a-z0-9_]+", "_", key)
+    return key.strip("_")[:64]
+
+
+def _coerce_category(raw: Any) -> Optional[FactCategory]:
+    if not isinstance(raw, str):
+        return None
+    cat = raw.strip().lower()
+    if cat in VALID_CATEGORIES:
+        return cat  # type: ignore[return-value]
+    return None
+
+
+def _coerce_confidence(raw: Any) -> Optional[float]:
+    try:
+        val = float(raw)
+    except (TypeError, ValueError):
+        return None
+    if val < 0:
+        return 0.0
+    if val > 1:
+        return 1.0
+    return val
+
+
+def sanitize_fact_language(value: str) -> str:
+    """Replace harsh/insulting adjectives with professional alternatives."""
+    if not value:
+        return value
+    out = value
+    # Longer phrases first
+    for harsh, soft in sorted(_HARSH_TERMS.items(), key=lambda kv: len(kv[0]), reverse=True):
+        out = re.sub(rf"\b{re.escape(harsh)}\b", soft, out, flags=re.IGNORECASE)
+    return out
+
+
+def _coerce_source(raw: Any, *, default: str = "inferred") -> str:
+    if isinstance(raw, str) and raw.strip().lower() in ("stated", "inferred"):
+        return raw.strip().lower()
+    return default
+
+
+_DEVICE_OS_PATTERNS: List[tuple[re.Pattern[str], str, str, str]] = [
+    # pattern, category, key, value
+    (re.compile(r"\bwindows\s*(?:10|11)?\s*(?:pc|computer|laptop|machine|desktop)?\b", re.I), "environment", "primary_os", "Windows PC"),
+    (re.compile(r"\b(?:pc|computer|laptop|desktop)\b.*\bwindows\b|\bwindows\b.*\b(?:pc|computer|laptop|desktop)\b", re.I), "environment", "primary_os", "Windows PC"),
+    (re.compile(r"\bmac(?:os|book)?\b|\bapple\s+(?:computer|laptop)\b", re.I), "environment", "primary_os", "macOS"),
+    (re.compile(r"\blinux\b|\bubuntu\b|\bfedora\b", re.I), "environment", "primary_os", "Linux"),
+    (re.compile(r"\biphone\b|\bios\b", re.I), "environment", "mobile_os", "iOS / iPhone"),
+    (re.compile(r"\bandroid\b", re.I), "environment", "mobile_os", "Android"),
+    (re.compile(r"\bchromebook\b|\bchrome\s*os\b", re.I), "environment", "primary_os", "ChromeOS"),
+]
+
+
+def heuristic_device_facts(message_text: str) -> List[Dict[str, Any]]:
+    """Deterministic OS/device facts from clear user statements."""
+    text = (message_text or "").strip()
+    if not text:
+        return []
+    # Prefer first-person / ownership cues so we don't grab advisor mentions
+    owned = bool(re.search(r"\b(i|i'?m|i'?ve|my|our|we|we'?re)\b", text, re.I))
+    if not owned:
+        return []
+    found: List[Dict[str, Any]] = []
+    seen_keys: set[str] = set()
+    for pattern, category, key, value in _DEVICE_OS_PATTERNS:
+        m = pattern.search(text)
+        if not m or key in seen_keys:
+            continue
+        seen_keys.add(key)
+        found.append({
+            "category": category,
+            "key": key,
+            "value": value,
+            "confidence": 0.95,
+            "source": "stated",
+            "evidence": m.group(0)[:120],
+        })
+    return found
+
+
+async def _find_fact_by_key_source(user_id: Any, key: str, source: str) -> Optional[Dict[str, Any]]:
+    db = get_database()
+    cursor = db[FACTS_COLLECTION].find({"user_id": user_id, "key": key, "source": source})
+    docs = await cursor.to_list(length=1)
+    return docs[0] if docs else None
+
+
+async def upsert_inferred_fact(
+    user_id: Any,
+    *,
+    category: FactCategory,
+    key: str,
+    value: str,
+    confidence: Optional[float] = None,
+    evidence: Optional[str] = None,
+) -> Dict[str, Any]:
+    """Insert or update an inferred fact with the same key for this user.
+
+    Existing *stated* facts with the same key are left untouched; inferred
+    facts are deduplicated by key only.
+    """
+    db = get_database()
+    now = datetime.utcnow()
+    key = _normalize_key(key)
+    value = sanitize_fact_language(value)
+    existing = await _find_fact_by_key_source(user_id, key, "inferred")
+    if existing:
+        update = {
+            "category": category,
+            "value": value,
+            "confidence": confidence,
+            "evidence": evidence,
+            "updated_at": now,
+        }
+        await db[FACTS_COLLECTION].update_one(
+            {"_id": existing["_id"]},
+            {"$set": update},
+        )
+        existing.update(update)
+        return existing
+
+    doc = {
+        "_id": ObjectId(),
+        "user_id": user_id,
+        "category": category,
+        "key": key,
+        "value": value,
+        "source": "inferred",
+        "confidence": confidence,
+        "evidence": evidence,
+        "created_at": now,
+        "updated_at": now,
+    }
+    await db[FACTS_COLLECTION].insert_one(doc)
+    return doc
+
+
+async def upsert_stated_fact(
+    user_id: Any,
+    *,
+    category: FactCategory,
+    key: str,
+    value: str,
+    evidence: Optional[str] = None,
+    confidence: Optional[float] = 1.0,
+) -> Dict[str, Any]:
+    """Insert or update a stated fact by key; demote conflicting inferred quietly."""
+    db = get_database()
+    now = datetime.utcnow()
+    key = _normalize_key(key)
+    value = sanitize_fact_language(value)
+    existing = await _find_fact_by_key_source(user_id, key, "stated")
+    if existing:
+        update = {
+            "category": category,
+            "value": value,
+            "confidence": confidence if confidence is not None else 1.0,
+            "evidence": evidence,
+            "updated_at": now,
+        }
+        await db[FACTS_COLLECTION].update_one({"_id": existing["_id"]}, {"$set": update})
+        existing.update(update)
+        return existing
+    doc = {
+        "_id": ObjectId(),
+        "user_id": user_id,
+        "category": category,
+        "key": key,
+        "value": value,
+        "source": "stated",
+        "confidence": confidence if confidence is not None else 1.0,
+        "evidence": evidence,
+        "created_at": now,
+        "updated_at": now,
+    }
+    await db[FACTS_COLLECTION].insert_one(doc)
+    # Remove inferred duplicate so UI shows the stated fact cleanly
+    await db[FACTS_COLLECTION].delete_many(
+        {"user_id": user_id, "key": key, "source": "inferred"}
+    )
+    return doc
+
+
+async def extract_facts_from_message(
+    user_id: Any,
+    message_text: str,
+    llm: LLMClient,
+) -> List[Dict[str, Any]]:
+    """Extract facts from a user message and upsert them (stated or inferred)."""
+    text = (message_text or "").strip()
+    if not text:
+        return []
+
+    candidates: List[Dict[str, Any]] = []
+    candidates.extend(heuristic_device_facts(text))
+
+    try:
+        raw = await llm.generate(
+            system_prompt=EXTRACTION_SYSTEM,
+            context=[{"role": "user", "content": text}],
+            temperature=0.1,
+            max_tokens=512,
+            response_mime_type="application/json",
+        )
+    except Exception as exc:
+        LOG.warning("Fact extraction LLM call failed: %s", exc)
+        raw = ""
+
+    payload = _parse_json_object(raw) if raw else {}
+    facts_raw = payload.get("facts") if isinstance(payload.get("facts"), list) else []
+    for item in facts_raw:
+        if not isinstance(item, dict):
+            continue
+        candidates.append(item)
+
+    saved: List[Dict[str, Any]] = []
+    seen_keys: set[str] = set()
+    for item in candidates:
+        if not isinstance(item, dict):
+            continue
+        category = _coerce_category(item.get("category"))
+        key = _normalize_key(str(item.get("key") or ""))
+        value = sanitize_fact_language(str(item.get("value") or "").strip())
+        if not category or not key or not value:
+            continue
+        # Prefer first (heuristic / stated) over later duplicates
+        if key in seen_keys:
+            continue
+        seen_keys.add(key)
+        evidence = item.get("evidence")
+        evidence_str = str(evidence).strip() if evidence else None
+        source = _coerce_source(item.get("source"), default="inferred")
+        # High-confidence explicit quotes about environment → stated
+        if source == "inferred" and category == "environment" and (item.get("confidence") or 0) >= 0.85:
+            source = "stated"
+        if source == "stated":
+            doc = await upsert_stated_fact(
+                user_id,
+                category=category,
+                key=key,
+                value=value,
+                evidence=evidence_str,
+                confidence=_coerce_confidence(item.get("confidence")) or 1.0,
+            )
+        else:
+            doc = await upsert_inferred_fact(
+                user_id,
+                category=category,
+                key=key,
+                value=value,
+                confidence=_coerce_confidence(item.get("confidence")),
+                evidence=evidence_str,
+            )
+        saved.append(doc)
+    return saved
+
+
+async def _load_facts_and_profile(user_id: Any) -> Dict[str, Any]:
+    db = get_database()
+    facts = await db[FACTS_COLLECTION].find({"user_id": user_id}).to_list(length=500)
+    profile = await db.user_profiles.find_one({"user_id": user_id}) or {}
+    return {"facts": facts, "profile": profile}
+
+
+def _format_facts_for_prompt(facts: List[Dict[str, Any]], profile: Dict[str, Any]) -> str:
+    lines: List[str] = []
+    profile_bits = []
+    for key in (
+        "knowledge_level",
+        "cyber_role",
+        "organization_type",
+        "primary_domains",
+        "certifications",
+        "tools_stack",
+        "compliance_focus",
+        "current_goals",
+        "learning_preferences",
+        "timezone",
+    ):
+        val = profile.get(key)
+        if val:
+            if isinstance(val, list):
+                val = ", ".join(str(v) for v in val)
+            profile_bits.append(f"{key}={val}")
+    if profile_bits:
+        lines.append("Stated profile: " + "; ".join(profile_bits))
+
+    for doc in facts:
+        src = doc.get("source", "?")
+        cat = doc.get("category", "?")
+        key = doc.get("key", "?")
+        value = doc.get("value", "")
+        conf = doc.get("confidence")
+        conf_s = f" conf={conf}" if conf is not None else ""
+        lines.append(f"[{src}/{cat}] {key}={value}{conf_s}")
+
+    return "\n".join(lines) if lines else "(no facts yet)"
+
+
+async def regenerate_summaries(user_id: Any, llm: LLMClient) -> Dict[str, Any]:
+    """Build short and long summaries from facts + profile; store in user_summaries."""
+    settings = get_settings().user_knowledge
+    bundle = await _load_facts_and_profile(user_id)
+    material = _format_facts_for_prompt(bundle["facts"], bundle["profile"])
+
+    user_prompt = (
+        f"Write two summaries of this cybersecurity advisory user.\n"
+        f"- short: essentials only (~{settings.short_summary_max_tokens} tokens max)\n"
+        f"- long: fuller context (~{settings.long_summary_max_tokens} tokens max)\n"
+        f"Include who they are, org context, maturity, current need, and prefs when known.\n\n"
+        f"{material}"
+    )
+
+    short = ""
+    long = ""
+    try:
+        raw = await llm.generate(
+            system_prompt=SUMMARY_SYSTEM,
+            context=[{"role": "user", "content": user_prompt}],
+            temperature=0.3,
+            max_tokens=settings.long_summary_max_tokens + 100,
+            response_mime_type="application/json",
+        )
+        parsed = _parse_json_object(raw)
+        short = sanitize_fact_language(str(parsed.get("short") or "").strip())
+        long = sanitize_fact_language(str(parsed.get("long") or "").strip())
+        if not short and not long and raw:
+            # Fallback: treat entire response as long and truncate for short
+            long = (raw or "").strip()
+            words = long.split()
+            short = " ".join(words[:80])
+    except Exception as exc:
+        LOG.warning("Summary regeneration LLM call failed: %s", exc)
+
+    db = get_database()
+    existing = await db[SUMMARIES_COLLECTION].find_one({"user_id": user_id})
+    version = int(existing.get("version") or 0) + 1 if existing else 1
+    now = datetime.utcnow()
+    doc = {
+        "user_id": user_id,
+        "short": short,
+        "long": long,
+        "generated_at": now,
+        "version": version,
+    }
+    await db[SUMMARIES_COLLECTION].update_one(
+        {"user_id": user_id},
+        {"$set": doc, "$setOnInsert": {"user_id": user_id}},
+        upsert=True,
+    )
+    return doc
+
+
+def schedule_summary_regeneration(user_id: Any) -> None:
+    """Fire-and-forget dual-summary regeneration; never blocks the caller.
+
+    Wired to the two triggers from the plan: user-session start (login /
+    guest entry) and after each completed chat except the first in a
+    session (see ``should_regenerate_after_chat``).
+    """
+    try:
+        from app.core.bootstrap import chat_orchestrator
+
+        llm = chat_orchestrator.llm_client
+        if llm is None and chat_orchestrator.personas:
+            llm = next(iter(chat_orchestrator.personas.values())).llm
+    except Exception:
+        return
+    if llm is None:
+        return
+
+    async def _run() -> None:
+        try:
+            await regenerate_summaries(user_id, llm)
+        except Exception as exc:
+            LOG.warning("Background summary regeneration failed: %s", exc)
+
+    try:
+        asyncio.create_task(_run())
+    except RuntimeError as exc:
+        LOG.warning("Could not schedule summary regeneration: %s", exc)
+
+
+async def get_summary_for_provider(
+    user_id: Any,
+    provider_or_small_context: Union[bool, str],
+) -> str:
+    """Return short summary when small-context, else long.
+
+    *provider_or_small_context* may be a bool (True = small) or a provider name.
+    """
+    if isinstance(provider_or_small_context, bool):
+        small = provider_or_small_context
+    else:
+        small = is_small_context_provider(str(provider_or_small_context))
+
+    db = get_database()
+    doc = await db[SUMMARIES_COLLECTION].find_one({"user_id": user_id})
+    if not doc:
+        return ""
+    if small:
+        return (doc.get("short") or doc.get("long") or "").strip()
+    return (doc.get("long") or doc.get("short") or "").strip()
+
+
+async def list_facts(user_id: Any, source: Optional[str] = None) -> List[Dict[str, Any]]:
+    db = get_database()
+    query: Dict[str, Any] = {"user_id": user_id}
+    if source in ("stated", "inferred"):
+        query["source"] = source
+    cursor = db[FACTS_COLLECTION].find(query)
+    docs = await cursor.to_list(length=500)
+    docs.sort(key=lambda d: d.get("updated_at") or datetime.min, reverse=True)
+    return docs
+
+
+async def create_stated_fact(
+    user_id: Any,
+    *,
+    category: FactCategory,
+    key: str,
+    value: str,
+    evidence: Optional[str] = None,
+) -> Dict[str, Any]:
+    return await upsert_stated_fact(
+        user_id,
+        category=category,
+        key=key,
+        value=value,
+        evidence=evidence,
+        confidence=1.0,
+    )
+
+
+async def update_fact(
+    user_id: Any,
+    fact_id: Any,
+    updates: Dict[str, Any],
+) -> Optional[Dict[str, Any]]:
+    db = get_database()
+    oid = fact_id if isinstance(fact_id, ObjectId) else ObjectId(str(fact_id))
+    doc = await db[FACTS_COLLECTION].find_one({"_id": oid, "user_id": user_id})
+    if not doc:
+        return None
+    clean = {k: v for k, v in updates.items() if v is not None}
+    if "key" in clean:
+        clean["key"] = _normalize_key(str(clean["key"]))
+    if "category" in clean and clean["category"] not in VALID_CATEGORIES:
+        clean.pop("category", None)
+    if "source" in clean and clean["source"] not in ("stated", "inferred"):
+        clean.pop("source", None)
+    if not clean:
+        return doc
+    clean["updated_at"] = datetime.utcnow()
+    await db[FACTS_COLLECTION].update_one({"_id": oid}, {"$set": clean})
+    doc.update(clean)
+    return doc
+
+
+async def delete_fact(user_id: Any, fact_id: Any) -> bool:
+    db = get_database()
+    oid = fact_id if isinstance(fact_id, ObjectId) else ObjectId(str(fact_id))
+    result = await db[FACTS_COLLECTION].delete_many({"_id": oid, "user_id": user_id})
+    return result.deleted_count > 0
+
+
+async def get_summaries_doc(user_id: Any) -> Optional[Dict[str, Any]]:
+    db = get_database()
+    return await db[SUMMARIES_COLLECTION].find_one({"user_id": user_id})
diff --git a/multi_llm_chatbot_backend/app/llm/README.md b/multi_llm_chatbot_backend/app/llm/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..d4be8c4f140a81838dfeb3d1a0aec3d14b746b6a
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/README.md
@@ -0,0 +1,173 @@
+# `app/llm` – LLM Integration Layer
+
+This module abstracts and implements communication with **local** and **cloud-based** large language models (LLMs) via interchangeable client wrappers.
+
+It defines:
+- A common interface for all LLM clients (`LLMClient`)
+- A wrapper for Google Gemini API (`ImprovedGeminiClient`)
+- A wrapper for Ollama local models (`ImprovedOllamaClient`)
+- A sentence transformer embedding model (`embedding_client.py`)
+
+---
+
+## Abstract Base – `llm_client.py`
+
+This file defines the **contract** that all LLM clients must follow.
+
+### `class LLMClient (ABC)`
+
+An abstract base class using Python’s `abc` module.
+
+```python
+@abstractmethod
+async def generate(system_prompt: str, context: List[dict], temperature: float, max_tokens: int) -> str
+```
+
+Every model wrapper must implement this coroutine to generate a response given:
+- A system prompt (persona instructions)
+- A user/system message context (list of `{role, content}` dicts)
+- A temperature (float 0.0–1.0, typically scaled from 0–10)
+- A token limit (integer)
+
+---
+
+## Gemini Client – `improved_gemini_client.py`
+
+### Overview
+
+- Communicates with **Google’s Gemini API** via `httpx`
+- Dynamically injects the `system_prompt` into the context using `context_manager`
+- Uses environment variables for API key and model name (`GEMINI_API_KEY`, `GEMINI_MODEL`)
+
+### Key Features
+
+| Feature | Description |
+|--------|-------------|
+| Context Prep | Uses `context_manager.prepare_context_for_llm()` to optimize message length |
+| Endpoint | `https://generativelanguage.googleapis.com/v1beta/models/{model_name}:generateContent` |
+| Content Format | Gemini expects JSON-formatted `contents`, not string prompts |
+| Safety Settings | Blocks harmful or explicit content categories |
+| Fallback Logic | Returns user-friendly error messages on bad or empty responses |
+| Token Limit | `maxOutputTokens` passed explicitly |
+
+### SafetyConfig JSON Example
+
+```json
+"safetySettings": [
+  {"category": "HARM_CATEGORY_HARASSMENT", "threshold": "BLOCK_MEDIUM_AND_ABOVE"},
+  {"category": "HARM_CATEGORY_HATE_SPEECH", "threshold": "BLOCK_MEDIUM_AND_ABOVE"}
+]
+```
+
+### Differences from Ollama
+- Requires an API key and runs over HTTPS
+- Parses deeply nested JSON structures (candidates → content → parts)
+- Strict token and safety controls
+- More structured response format
+
+---
+
+## Ollama Client – `improved_ollama_client.py`
+
+### Overview
+
+- Interfaces with a **local Ollama model server** (`http://localhost:11434`)
+- Sends prompts as raw formatted strings (not JSON "messages")
+- Uses `context_manager` to prepare prompt text
+
+### Key Features
+
+| Feature | Description |
+|--------|-------------|
+| Endpoint | `/api/generate` |
+| Payload | Flat prompt string + generation config |
+| Cleansing | Strips verbose, inconsistent prefixes or filler |
+| Quality Filter | Removes overly verbose or vague responses |
+| Robust | Recovers from connection and timeout failures |
+
+### Prompt Payload Example
+
+```json
+{
+  "model": "llama3.2:1b",
+  "prompt": "System: You are a helpful advisor...\nUser: What is...",
+  "stream": false,
+  "options": {
+    "temperature": 0.4,
+    "top_p": 0.9,
+    "top_k": 40,
+    "num_predict": 300,
+    "repeat_penalty": 1.1,
+    "stop": ["Student:", "User:", "Question:"]
+  }
+}
+```
+
+### Differences from Gemini
+
+| Area | Gemini | Ollama |
+|------|--------|--------|
+| Hosting | Cloud API | Local server |
+| Format | JSON "messages" | Raw string prompt |
+| Safety Filters | Yes | No |
+| Token Control | `maxOutputTokens` | `num_predict` |
+| Output | Structured parts | Single `response` string |
+| Response Cleaning | Minimal | Aggressively stripped of fluff |
+| Performance | High-quality, slower | Fast & offline |
+
+---
+
+## Embedding Model – `embedding_client.py`
+
+### Purpose
+
+Provides embedding vectors (used for semantic similarity and document retrieval) using `sentence-transformers`.
+
+### Uses:
+- Model: `all-MiniLM-L6-v2` (lightweight + performant)
+- Library: `sentence-transformers`
+- Function: `get_embedding(text: str) -> List[float]`
+
+```python
+embedding = get_embedding("example sentence")
+```
+
+### Notes
+- This module does **not** use Gemini embeddings (for cost and simplicity)
+- Can be upgraded later to use Gemini’s `embedding` endpoint or Ollama-based models with vector support
+
+---
+
+## Environment Variables
+
+| Variable | Description | Example |
+|----------|-------------|---------|
+| `GEMINI_API_KEY` | API key for Google Gemini | `AIzz123...` |
+| `GEMINI_MODEL` | Default Gemini model name | `gemini-2.0-flash` |
+| `OLLAMA_BASE_URL` | Local server base URL | `http://localhost:11434` |
+
+---
+
+## Context Management Integration
+
+Both clients use:
+
+```python
+context_window = context_manager.prepare_context_for_llm(...)
+```
+
+This ensures that:
+- Prompt fits within model limits
+- Truncation metadata is logged/debugged
+- Messages are pre-formatted or optimized per provider
+
+---
+
+## Error Handling
+
+All clients log internal issues and fallback to graceful responses. Each client handles:
+- Timeouts (`httpx.TimeoutException`)
+- API errors (`httpx.HTTPStatusError`, bad payloads)
+- Unexpected failures (fallback strings are returned)
+
+---
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/llm/embedding_client.py b/multi_llm_chatbot_backend/app/llm/embedding_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..c65ac86c55e8a144932f6e53cd7fabaf699113cf
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/embedding_client.py
@@ -0,0 +1,11 @@
+from sentence_transformers import SentenceTransformer
+from app.config import get_settings
+
+settings = get_settings()
+
+# Using a compact, fast model good for semantic search — model name from config
+model = SentenceTransformer(settings.rag.embedding_model)
+
+def get_embedding(text: str) -> list[float]:
+    embedding = model.encode(text, convert_to_numpy=True)
+    return embedding.tolist()
diff --git a/multi_llm_chatbot_backend/app/llm/improved_gemini_client.py b/multi_llm_chatbot_backend/app/llm/improved_gemini_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..b65ab5466401129442b27ce985c1f192a677555e
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/improved_gemini_client.py
@@ -0,0 +1,242 @@
+import httpx
+import json
+import logging
+from typing import Any, Callable, Dict, List, Optional
+
+from openai import AsyncOpenAI, APIConnectionError, APIStatusError
+
+from app.llm.llm_client import LLMClient, ToolCallInfo, ToolCallResult
+
+from app.core.context_manager import get_context_manager
+from app.config import get_settings
+
+logger = logging.getLogger(__name__)
+
+class ImprovedGeminiClient(LLMClient):
+    def __init__(self, model_name: str = None):
+        settings = get_settings()
+        if model_name is None:
+            model_name = settings.llm.gemini.model
+        
+        self.model_name = model_name
+        # Config validator already falls back to GEMINI_API_KEY env var
+        self.api_key = settings.llm.gemini.api_key
+        if not self.api_key:
+            raise ValueError("Gemini API key not set. Provide it in config.yaml (llm.gemini.api_key).")
+        
+        # Native Gemini REST API
+        self.base_url = "https://generativelanguage.googleapis.com/v1beta/models"
+        self.context_manager = get_context_manager()
+
+        # OpenAI-compatible endpoint (for tool calling)
+        self.openai_client = AsyncOpenAI(
+            base_url="https://generativelanguage.googleapis.com/v1beta/openai/",
+            api_key=self.api_key,
+            timeout=90.0,
+        )
+    
+    async def generate(self, system_prompt: str, context: List[dict], temperature: float, max_tokens: int, response_mime_type: str = None) -> str:
+        """
+        Generate response using improved context management
+        FIXED VERSION - Better debugging and context handling
+        """
+        try:
+            # Use context manager to prepare optimal context window
+            context_window = self.context_manager.prepare_context_for_llm(
+                messages=context,
+                system_prompt=system_prompt,
+                llm_provider="gemini"
+            )
+            
+            logger.debug(f"Context prepared: {len(context_window.messages)} messages, "
+                        f"~{context_window.total_tokens} tokens, truncated={context_window.truncated}")
+            
+            # DEBUG: Log the actual content being sent to Gemini
+            logger.debug(f"Gemini payload preview: {str(context_window.messages)[:500]}...")
+            
+            payload = {
+                "contents": context_window.messages,
+                "generationConfig": {
+                    "temperature": temperature,
+                    "topK": 40,
+                    "topP": 0.9,
+                    "maxOutputTokens": max_tokens,
+                },
+                "safetySettings": [
+                    {
+                        "category": "HARM_CATEGORY_HARASSMENT",
+                        "threshold": "BLOCK_MEDIUM_AND_ABOVE"
+                    },
+                    {
+                        "category": "HARM_CATEGORY_HATE_SPEECH", 
+                        "threshold": "BLOCK_MEDIUM_AND_ABOVE"
+                    },
+                    {
+                        "category": "HARM_CATEGORY_SEXUALLY_EXPLICIT",
+                        "threshold": "BLOCK_MEDIUM_AND_ABOVE"
+                    },
+                    {
+                        "category": "HARM_CATEGORY_DANGEROUS_CONTENT",
+                        "threshold": "BLOCK_MEDIUM_AND_ABOVE"
+                    }
+                ]
+            }
+
+            if response_mime_type is not None:
+                payload["generationConfig"]["responseMimeType"] = response_mime_type
+                # no thinking required for JSON responses; conserve token budget
+                payload["generationConfig"]["thinkingConfig"] = {"thinkingBudget": 0}
+            else:
+                payload["generationConfig"]["stopSequences"] = ["</END>", "Student:", "Question:", "\n\nStudent:", "\n\nQuestion:"]
+            
+            async with httpx.AsyncClient(timeout=30.0) as client:
+                response = await client.post(
+                    f"{self.base_url}/{self.model_name}:generateContent",
+                    json=payload,
+                    headers={"x-goog-api-key": self.api_key}
+                )
+                response.raise_for_status()
+                
+                result = response.json()
+                
+                # Better error handling
+                if "candidates" not in result or not result["candidates"]:
+                    logger.error(f"No candidates in Gemini response: {result}")
+                    return "I apologize, but I'm unable to generate a response right now. Please try again."
+                
+                candidate = result["candidates"][0]
+                
+                if "content" not in candidate or "parts" not in candidate["content"]:
+                    logger.error(f"Invalid candidate structure: {candidate}")
+                    return "I apologize, but I received an unexpected response format. Please try again."
+                
+                parts = candidate["content"]["parts"]
+                text = "\n\n".join(
+                    p.get("text", "")
+                    for p in parts
+                    if not p.get("thought") and p.get("text", "").strip()
+                ).strip()
+                
+                if not text:
+                    logger.warning("Empty response from Gemini")
+                    return "I apologize, but I couldn't generate a meaningful response. Please try rephrasing your question."
+                
+                return self._clean_response(text)
+                
+        except httpx.HTTPStatusError as e:
+            logger.error(f"Gemini API HTTP error: {e.response.status_code} - {e.response.text}")
+            return "I'm experiencing issues connecting to the AI service. Please try again."
+        except httpx.TimeoutException:
+            logger.error("Gemini API timeout")
+            return "The AI service is taking too long to respond. Please try again."
+        except Exception as e:
+            logger.error(f"Unexpected error in Gemini client: {str(e)}")
+            return "I encountered an unexpected error. Please try again."
+
+    # ------------------------------------------------------------------
+    # Tool-calling support (via Gemini OpenAI-compatible endpoint)
+    # ------------------------------------------------------------------
+
+    _MAX_TOOL_ROUNDS = 5
+
+    async def generate_with_tools(
+        self,
+        system_prompt: str,
+        user_message: str,
+        tool_definitions: Optional[List[Dict[str, Any]]] = None,
+        tool_executor: Optional[Callable] = None,
+        temperature: float = 0.7,
+        max_tokens: int = 2048,
+    ) -> ToolCallResult:
+        """OpenAI-compatible tool-calling loop via Gemini's /openai/ endpoint.
+
+        Tool definitions are expected in OpenAI format (as returned by the
+        tool registry).  Loops through the standard tool-call protocol
+        until the model produces a plain text response:
+
+            request → detect tool_calls → execute all → feed results
+            back → repeat (up to ``_MAX_TOOL_ROUNDS`` rounds).
+
+        All tool calls in a single response are executed before the next
+        round, so multi-tool queries (e.g. "compare professor A vs B")
+        work correctly.
+        """
+        messages: List[Dict[str, Any]] = [
+            {"role": "system", "content": system_prompt},
+            {"role": "user", "content": user_message},
+        ]
+
+        openai_tools = tool_definitions or []
+        all_tool_calls: List[ToolCallInfo] = []
+
+        try:
+            for _round in range(self._MAX_TOOL_ROUNDS):
+                response = await self.openai_client.chat.completions.create(
+                    model=self.model_name,
+                    messages=messages,
+                    tools=openai_tools or None,
+                    temperature=temperature,
+                    max_tokens=max_tokens,
+                )
+
+                choice = response.choices[0].message
+
+                if not choice.tool_calls:
+                    return ToolCallResult(
+                        text=choice.content or "",
+                        used_tool=bool(all_tool_calls),
+                        tool_name=all_tool_calls[0].name if all_tool_calls else None,
+                        tool_args=all_tool_calls[0].args if all_tool_calls else {},
+                        tool_calls_made=all_tool_calls,
+                    )
+
+                messages.append(choice.model_dump(exclude_none=True))
+
+                for tc in choice.tool_calls:
+                    fn_name = tc.function.name
+                    fn_args = json.loads(tc.function.arguments)
+                    logger.info("Gemini requested tool call: %s(%s)", fn_name, fn_args)
+                    all_tool_calls.append(ToolCallInfo(name=fn_name, args=fn_args))
+
+                    try:
+                        tool_result = await tool_executor(name=fn_name, **fn_args)
+                    except Exception as exc:
+                        logger.error("Tool %s failed: %s", fn_name, exc)
+                        tool_result = {"error": str(exc)}
+
+                    messages.append({
+                        "role": "tool",
+                        "tool_call_id": tc.id,
+                        "content": json.dumps(tool_result),
+                    })
+
+            logger.warning(
+                "Tool-calling loop exhausted after %d rounds", self._MAX_TOOL_ROUNDS,
+            )
+            last_content = response.choices[0].message.content or ""
+            return ToolCallResult(
+                text=last_content or "I was unable to finish looking that up. Please try again.",
+                used_tool=bool(all_tool_calls),
+                tool_name=all_tool_calls[0].name if all_tool_calls else None,
+                tool_args=all_tool_calls[0].args if all_tool_calls else {},
+                tool_calls_made=all_tool_calls,
+            )
+
+        except APIConnectionError:
+            logger.error("Unable to connect to Gemini OpenAI-compat endpoint")
+            return ToolCallResult(
+                text="I'm unable to connect to the AI service. Please try again.",
+                used_tool=False,
+            )
+        except APIStatusError as e:
+            logger.error("Gemini tool-call API error: %s - %s", e.status_code, e.message)
+            return ToolCallResult(
+                text="The AI service encountered an error. Please try again.",
+                used_tool=False,
+            )
+        except Exception as e:
+            logger.error("Unexpected error in Gemini tool-calling: %s", e)
+            return ToolCallResult(
+                text="I encountered an unexpected error. Please try again.",
+                used_tool=False,
+            )
diff --git a/multi_llm_chatbot_backend/app/llm/improved_ollama_client.py b/multi_llm_chatbot_backend/app/llm/improved_ollama_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..630745239a2b7dd66bcbcfee50fe5fee31568aa9
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/improved_ollama_client.py
@@ -0,0 +1,113 @@
+import httpx
+from typing import List
+import re
+from app.llm.llm_client import LLMClient
+from app.core.context_manager import get_context_manager
+import logging
+
+logger = logging.getLogger(__name__)
+
+class ImprovedOllamaClient(LLMClient):
+    def __init__(self, model_name: str = "llama3.2:1b", base_url: str = "http://localhost:11434"):
+        self.model_name = model_name
+        self.base_url = base_url
+        self.context_manager = get_context_manager()
+    
+    # response_mime_type is not currently supported for Ollama but need it to match the abstract base class
+    async def generate(self, system_prompt: str, context: List[dict], temperature: float, max_tokens: int, response_mime_type: str = None) -> str:
+        """
+        Generate response using improved context management
+        """
+        try:
+            # Use context manager to prepare optimal context
+            context_window = self.context_manager.prepare_context_for_llm(
+                messages=context,
+                system_prompt=system_prompt,
+                llm_provider="ollama"
+            )
+            
+            logger.debug(f"Context prepared: ~{context_window.total_tokens} tokens, "
+                        f"truncated={context_window.truncated}")
+            
+            # For Ollama, context_window.messages is a formatted prompt string
+            formatted_prompt = context_window.messages
+            
+            payload = {
+                "model": self.model_name,
+                "prompt": formatted_prompt,
+                "stream": False,
+                "options": {
+                    "temperature": temperature,
+                    "top_p": 0.9,
+                    "top_k": 40,
+                    "num_predict": max_tokens,
+                    "repeat_penalty": 1.1,
+                    "stop": ["</END>", "\n\nStudent:", "\n\nUser:", "Question:", "Student:"]
+                }
+            }
+            
+            async with httpx.AsyncClient(timeout=30.0) as client:
+                response = await client.post(f"{self.base_url}/api/generate", json=payload)
+                response.raise_for_status()
+                
+                result = response.json()
+                text = result.get("response", "").strip()
+                
+                return self._clean_response(text)
+                
+        except httpx.ConnectError:
+            logger.error(f"Cannot connect to Ollama at {self.base_url}")
+            return "I'm unable to connect to the local AI service. Please ensure Ollama is running."
+        except httpx.TimeoutException:
+            logger.error("Ollama request timeout")
+            return "The AI service is taking too long to respond. Please try again."
+        except httpx.HTTPStatusError as e:
+            logger.error(f"Ollama HTTP error: {e.response.status_code}")
+            return "The AI service encountered an error. Please try again."
+        except Exception as e:
+            logger.error(f"Unexpected error in Ollama client: {str(e)}")
+            return "I encountered an unexpected error. Please try again."
+    
+    def _clean_response(self, response: str) -> str:
+        """Clean up common response issues"""
+        # Remove common prefixes that indicate AI confusion
+        prefixes_to_remove = [
+            "Here are 2-3 sentence", "Here's an expansion", "Assistant:",
+            "Dr. Methodologist:", "Dr. Theorist:", "Dr. Pragmatist:",
+            "Methodologist Advisor:", "Theorist Advisor:", "Pragmatist Advisor:",
+        ]
+        
+        for prefix in prefixes_to_remove:
+            if response.startswith(prefix):
+                response = response[len(prefix):].strip()
+        
+        # Remove trailing incomplete sentences
+        sentences = response.split('.')
+        if len(sentences) > 1 and len(sentences[-1].strip()) < 10:
+            response = '.'.join(sentences[:-1]) + '.'
+        
+        # Remove excessive academic fluff
+        fluff_patterns = [
+            "conceptual insights:", "actionable advice:", "my inquisitive student",
+            "excellent question", "thank you for", "assistant!"
+        ]
+        
+        for pattern in fluff_patterns:
+            response = response.replace(pattern, "").strip()
+        
+        response = response.replace("\r\n", "\n").replace("\r", "\n")
+        lines = [ln.rstrip() for ln in response.split("\n")]
+
+        response = re.sub(r"\n{3,}", "\n\n", "\n".join(lines)).strip()
+        return response
+
+
+    def _is_poor_quality(self, response: str) -> bool:
+        """Check if response quality is poor"""
+        poor_indicators = [
+            "Thank you, Dr." in response,
+            "Assistant:" in response,
+            len(response.split()) > 150,  # Too verbose
+            response.count("?") > 3,  # Too many questions
+        ]
+        return any(poor_indicators)
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/llm/improved_vllm_client.py b/multi_llm_chatbot_backend/app/llm/improved_vllm_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..ab97de01745ee152769385f8c8bafef3aa1844f4
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/improved_vllm_client.py
@@ -0,0 +1,261 @@
+import base64
+import json
+import logging
+from typing import Any, Callable, Dict, List, Optional
+
+from openai import AsyncOpenAI, APIConnectionError, APIStatusError
+
+from app.llm.llm_client import LLMClient, ToolCallInfo, ToolCallResult
+from app.llm.neon_pile import get_pile_system_prompt
+from app.core.context_manager import get_context_manager
+
+logger = logging.getLogger(__name__)
+
+
+class ImprovedVllmClient(LLMClient):
+    def __init__(
+        self,
+        api_url: str,
+        api_key: str,
+        model_name: str = None,
+        neon_persona: str | None = None,
+        model_revision: str | None = None,
+        api_username: str | None = None,
+    ):
+        self.api_url = api_url
+        self.api_key = api_key
+        self.api_username = api_username or None
+        self.model_name = model_name
+        self.neon_persona = neon_persona
+        self.model_revision = model_revision
+
+        client_kwargs: dict = {
+            "base_url": f"{api_url}/v1",
+            "api_key": api_key or "not-needed",
+            "timeout": 90.0,
+        }
+
+        if self.api_username:
+            # Some Neon endpoints (e.g. BrainForge/Security at 4090-x1-3)
+            # require HTTP Basic auth using HANA-style credentials rather
+            # than the regular Bearer token. The OpenAI SDK injects its own
+            # Authorization: Bearer <api_key> header on every request, so we
+            # override it via default_headers to ensure Basic auth wins.
+            basic = base64.b64encode(
+                f"{self.api_username}:{api_key or ''}".encode("utf-8")
+            ).decode("ascii")
+            client_kwargs["default_headers"] = {"Authorization": f"Basic {basic}"}
+
+        self.client = AsyncOpenAI(**client_kwargs)
+        self.context_manager = get_context_manager()
+
+    def _resolve_model_revision(self) -> str | None:
+        if not self.model_name or "@" not in self.model_name:
+            return self.model_revision
+        _, _, suffix = self.model_name.partition("@")
+        return suffix or self.model_revision
+
+    def _resolve_base_model_name(self) -> str:
+        if not self.model_name:
+            return ""
+        return self.model_name.split("@", 1)[0]
+
+    def _build_messages(self, system_prompt: str, context_messages: List[dict]) -> List[dict]:
+        """Prepend Neon pile persona system prompt when configured."""
+        messages: List[dict] = []
+        base_model = self._resolve_base_model_name()
+        if base_model and self.neon_persona:
+            pile_prompt = get_pile_system_prompt(
+                base_model,
+                self.neon_persona,
+                revision=self._resolve_model_revision(),
+            )
+            if pile_prompt:
+                messages.append({"role": "system", "content": pile_prompt})
+        if system_prompt:
+            messages.append({"role": "system", "content": system_prompt})
+        messages.extend(context_messages)
+        return messages
+
+    async def refresh_model(self):
+        """Query the vLLM endpoint to discover the currently loaded model."""
+        models = await self.client.models.list()
+        if not models.data:
+            raise ValueError("No models available at the vLLM endpoint")
+        self.model_name = models.data[0].id
+
+    async def generate(self, system_prompt: str, context: List[dict],
+                       temperature: float, max_tokens: int,
+                       response_mime_type: str = None) -> str:
+        try:
+            context_window = self.context_manager.prepare_context_for_llm(
+                messages=context,
+                system_prompt="",
+                llm_provider="vllm",
+            )
+
+            logger.debug(f"Context prepared: {len(context_window.messages)} messages, "
+                        f"~{context_window.total_tokens} tokens, truncated={context_window.truncated}")
+
+            if not self.model_name:
+                await self.refresh_model()
+
+            api_messages = self._build_messages(system_prompt, context_window.messages)
+
+            create_kwargs = dict(
+                model=self.model_name,
+                messages=api_messages,
+                temperature=temperature,
+                max_tokens=max_tokens,
+            )
+
+            if response_mime_type == "application/json":
+                create_kwargs["response_format"] = {"type": "json_object"}
+
+            try:
+                response = await self.client.chat.completions.create(**create_kwargs)
+            except APIStatusError as e:
+                # Stale model_id in config is common after Neon revisions the
+                # loaded checkpoint — rediscover and retry once in-request.
+                if e.status_code == 404:
+                    logger.info(
+                        "Model %r not found (404); rediscovering from endpoint",
+                        self.model_name,
+                    )
+                    await self.refresh_model()
+                    create_kwargs["model"] = self.model_name
+                    response = await self.client.chat.completions.create(**create_kwargs)
+                else:
+                    raise
+
+            text = response.choices[0].message.content.strip()
+            return self._clean_response(text)
+
+        except APIConnectionError as e:
+            logger.error(f"Unable to connect to vLLM at {self.api_url}")
+            return "I'm unable to connect to the AI service. Please ensure the vLLM endpoint is available."
+        except APIStatusError as e:
+            logger.error(f"vLLM API error: {e.status_code} - {e.message}")
+            if e.status_code == 404:
+                logger.info("Model not found after rediscovery; clearing cached name")
+                self.model_name = None
+            return "The AI service encountered an error. Please try again."
+        except Exception as e:
+            logger.error(f"Unexpected error in vLLM client: {str(e)}")
+            return "I encountered an unexpected error. Please try again."
+
+    # ------------------------------------------------------------------
+    # Tool-calling support (OpenAI-compatible format)
+    # ------------------------------------------------------------------
+
+    _MAX_TOOL_ROUNDS = 5
+
+    async def generate_with_tools(
+        self,
+        system_prompt: str,
+        user_message: str,
+        tool_definitions: Optional[List[Dict[str, Any]]] = None,
+        tool_executor: Optional[Callable] = None,
+        temperature: float = 0.7,
+        max_tokens: int = 2048,
+    ) -> ToolCallResult:
+        """OpenAI-compatible tool-calling loop for vLLM.
+
+        Tool definitions are expected in OpenAI format (as returned by the
+        tool registry).  Loops through the standard tool-call protocol
+        until the model produces a plain text response:
+
+            request → detect tool_calls → execute all → feed results
+            back → repeat (up to ``_MAX_TOOL_ROUNDS`` rounds).
+
+        All tool calls in a single response are executed before the next
+        round, so multi-tool queries (e.g. "compare professor A vs B")
+        work correctly.
+        """
+        if not self.model_name:
+            await self.refresh_model()
+
+        messages: List[Dict[str, Any]] = self._build_messages(
+            system_prompt,
+            [{"role": "user", "content": user_message}],
+        )
+
+        openai_tools = tool_definitions or []
+
+        all_tool_calls: List[ToolCallInfo] = []
+
+        try:
+            for _round in range(self._MAX_TOOL_ROUNDS):
+                response = await self.client.chat.completions.create(
+                    model=self.model_name,
+                    messages=messages,
+                    tools=openai_tools or None,
+                    temperature=temperature,
+                    max_tokens=max_tokens,
+                )
+
+                choice = response.choices[0].message
+
+                if not choice.tool_calls:
+                    return ToolCallResult(
+                        text=choice.content or "",
+                        used_tool=bool(all_tool_calls),
+                        tool_name=all_tool_calls[0].name if all_tool_calls else None,
+                        tool_args=all_tool_calls[0].args if all_tool_calls else {},
+                        tool_calls_made=all_tool_calls,
+                    )
+
+                messages.append(choice.model_dump())
+
+                for tc in choice.tool_calls:
+                    fn_name = tc.function.name
+                    fn_args = json.loads(tc.function.arguments)
+                    logger.info("vLLM requested tool call: %s(%s)", fn_name, fn_args)
+                    all_tool_calls.append(ToolCallInfo(name=fn_name, args=fn_args))
+
+                    try:
+                        tool_result = await tool_executor(name=fn_name, **fn_args)
+                    except Exception as exc:
+                        logger.error("Tool %s failed: %s", fn_name, exc)
+                        tool_result = {"error": str(exc)}
+
+                    messages.append({
+                        "role": "tool",
+                        "tool_call_id": tc.id,
+                        "content": json.dumps(tool_result),
+                    })
+
+            logger.warning(
+                "Tool-calling loop exhausted after %d rounds", self._MAX_TOOL_ROUNDS,
+            )
+            last_content = response.choices[0].message.content or ""
+            return ToolCallResult(
+                text=last_content or "I was unable to finish looking that up. Please try again.",
+                used_tool=bool(all_tool_calls),
+                tool_name=all_tool_calls[0].name if all_tool_calls else None,
+                tool_args=all_tool_calls[0].args if all_tool_calls else {},
+                tool_calls_made=all_tool_calls,
+            )
+
+        except APIConnectionError:
+            logger.error("Unable to connect to vLLM at %s", self.api_url)
+            return ToolCallResult(
+                text="I'm unable to connect to the AI service. Please ensure the vLLM endpoint is available.",
+                used_tool=False,
+            )
+        except APIStatusError as e:
+            logger.error("vLLM tool-call API error: %s - %s", e.status_code, e.message)
+            if e.status_code == 404:
+                self.model_name = None
+            return ToolCallResult(
+                text="The AI service encountered an error. Please try again.",
+                used_tool=False,
+            )
+        except Exception as e:
+            logger.error("Unexpected error in vLLM tool-calling: %s", e)
+            return ToolCallResult(
+                text="I encountered an unexpected error. Please try again.",
+                used_tool=False,
+            )
+
+
diff --git a/multi_llm_chatbot_backend/app/llm/llm_client.py b/multi_llm_chatbot_backend/app/llm/llm_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..995500dafbc52fe57a28070ba41fa6ac8eec0090
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/llm_client.py
@@ -0,0 +1,75 @@
+from abc import ABC, abstractmethod
+from dataclasses import dataclass, field
+from typing import Any, Callable, Dict, List, Optional
+import re
+
+
+@dataclass
+class ToolCallInfo:
+    """Record of a single tool invocation."""
+
+    name: str
+    args: dict = field(default_factory=dict)
+
+
+@dataclass
+class ToolCallResult:
+    """Structured return value from ``generate_with_tools``."""
+
+    text: str
+    used_tool: bool
+    tool_name: Optional[str] = None
+    tool_args: dict = field(default_factory=dict)
+    tool_calls_made: List["ToolCallInfo"] = field(default_factory=list)
+
+
+class LLMClient(ABC):
+    """Abstract base class for all LLM clients"""
+
+    @abstractmethod
+    async def generate(self, system_prompt: str, context: List[dict], temperature: float, max_tokens: int, response_mime_type: str = None) -> str:
+        """
+        Generate a response using the LLM.
+
+        Args:
+            system_prompt (str): The system prompt defining the persona/role
+            context (List[dict]): List of conversation messages with 'role' and 'content' keys
+            temperature (float): Sampling temperature for generation
+            max_tokens (int): Maximum number of tokens to generate
+            response_mime_type (str, optional): MIME type for the response format. Defaults to None.
+
+        Returns:
+            str: The generated response text
+        """
+        pass
+
+    async def generate_with_tools(
+        self,
+        system_prompt: str,
+        user_message: str,
+        tool_definitions: Optional[List[Dict[str, Any]]] = None,
+        tool_executor: Optional[Callable] = None,
+        temperature: float = 0.7,
+        max_tokens: int = 2048,
+    ) -> ToolCallResult:
+        """Generate a response, optionally invoking tools.
+
+        Subclasses that support native tool calling should override this
+        method.  The default implementation ignores tools and falls back
+        to a plain ``generate()`` call so that providers without tool
+        support degrade gracefully.
+        """
+        text = await self.generate(
+            system_prompt=system_prompt,
+            context=[{"role": "user", "content": user_message}],
+            temperature=temperature,
+            max_tokens=max_tokens,
+        )
+        return ToolCallResult(text=text, used_tool=False)
+
+    def _clean_response(self, response: str) -> str:
+        """Clean up response text, preserving Markdown formatting."""
+        response = response.replace("\r\n", "\n").replace("\r", "\n")
+        lines = [ln.rstrip() for ln in response.split("\n")]
+        response = re.sub(r"\n{3,}", "\n\n", "\n".join(lines)).strip()
+        return response
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/llm/neon_pile.py b/multi_llm_chatbot_backend/app/llm/neon_pile.py
new file mode 100644
index 0000000000000000000000000000000000000000..6c0db3f12d89af227143a2600ea04d0ffd516c81
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/neon_pile.py
@@ -0,0 +1,67 @@
+"""Load BrainForge pile personas (persona2system) from a HuggingFace model repo."""
+
+from __future__ import annotations
+
+import logging
+from functools import lru_cache
+from typing import Dict, Optional
+
+import yaml
+
+logger = logging.getLogger(__name__)
+
+_PILE_CACHE: Dict[str, Dict[str, Optional[str]]] = {}
+
+
+def load_pile_personas(model_name: str, revision: Optional[str] = None) -> Dict[str, Optional[str]]:
+    """Return ``{persona_id: system_prompt_or_none}`` for a BrainForge model.
+
+    ``vanilla`` is always present with value ``None`` (no pile system prompt).
+    """
+    cache_key = f"{model_name}@{revision or 'default'}"
+    if cache_key in _PILE_CACHE:
+        return _PILE_CACHE[cache_key]
+
+    personas: Dict[str, Optional[str]] = {"vanilla": None}
+    try:
+        from huggingface_hub import hf_hub_download
+        from huggingface_hub.utils import EntryNotFoundError
+
+        config_path = hf_hub_download(
+            model_name,
+            "config.yaml",
+            subfolder="datasets",
+            revision=revision,
+        )
+        with open(config_path, "r", encoding="utf-8") as fh:
+            data = yaml.safe_load(fh) or {}
+        pile = data.get("pile") or {}
+        persona2system = pile.get("persona2system") or {}
+        for key, prompt in persona2system.items():
+            personas[str(key)] = prompt
+        personas.setdefault("vanilla", None)
+        logger.info(
+            "Loaded %d pile persona(s) for %s (keys: %s)",
+            len(personas),
+            model_name,
+            ", ".join(sorted(personas.keys())),
+        )
+    except EntryNotFoundError:
+        logger.warning("No datasets/config.yaml pile for model %s", model_name)
+    except Exception as exc:
+        logger.warning("Failed to load pile personas for %s: %s", model_name, exc)
+
+    _PILE_CACHE[cache_key] = personas
+    return personas
+
+
+def get_pile_system_prompt(
+    model_name: str,
+    neon_persona: Optional[str],
+    revision: Optional[str] = None,
+) -> Optional[str]:
+    """Resolve a pile system prompt for *neon_persona*, or None for vanilla/missing."""
+    if not neon_persona or neon_persona == "vanilla":
+        return None
+    pile = load_pile_personas(model_name, revision=revision)
+    return pile.get(neon_persona)
diff --git a/multi_llm_chatbot_backend/app/llm/openai_fallback_client.py b/multi_llm_chatbot_backend/app/llm/openai_fallback_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..d9c8e2c3a6a64d449ae4e00aaa74ee5b4a01a287
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/openai_fallback_client.py
@@ -0,0 +1,171 @@
+"""OpenAI GPT fallback client with configurable reasoning effort."""
+
+from __future__ import annotations
+
+import json
+import logging
+from typing import Any, Callable, Dict, List, Optional
+
+from openai import AsyncOpenAI, APIConnectionError, APIStatusError
+
+from app.llm.llm_client import LLMClient, ToolCallInfo, ToolCallResult
+from app.core.context_manager import get_context_manager
+
+logger = logging.getLogger(__name__)
+
+_VLLM_ERROR_MARKERS = (
+    "unable to connect",
+    "encountered an error",
+    "unexpected error",
+)
+
+
+class OpenAIFallbackClient(LLMClient):
+    def __init__(
+        self,
+        api_key: str,
+        model: str = "gpt-5.4",
+        reasoning_effort: Optional[str] = None,
+    ):
+        if not api_key:
+            raise ValueError("OpenAI API key not set. Provide OPENAI_API_KEY or llm.openai.api_key.")
+        self.model = model
+        self.reasoning_effort = reasoning_effort
+        self.client = AsyncOpenAI(api_key=api_key, timeout=120.0)
+        self.context_manager = get_context_manager()
+
+    _ALLOWED_ROLES = {"system", "assistant", "user", "function", "tool", "developer"}
+
+    def _reasoning_kwargs(self) -> Dict[str, Any]:
+        if not self.reasoning_effort or self.reasoning_effort == "none":
+            return {}
+        return {"reasoning_effort": self.reasoning_effort}
+
+    def _uses_completion_tokens_param(self) -> bool:
+        """gpt-5+ requires `max_completion_tokens`; older models use `max_tokens`."""
+        m = (self.model or "").lower()
+        return m.startswith("gpt-5") or m.startswith("o1") or m.startswith("o3")
+
+    def _normalize_messages(self, messages: List[dict]) -> List[dict]:
+        """Map persona-id roles (e.g. 'jerry_huaute') to 'assistant' so OpenAI
+        accepts them. Preserve the persona name via the optional 'name' field
+        when possible.
+        """
+        out: List[dict] = []
+        for msg in messages:
+            role = msg.get("role", "user")
+            if role in self._ALLOWED_ROLES:
+                out.append(msg)
+                continue
+            new_msg = dict(msg)
+            new_msg["role"] = "assistant"
+            if "name" not in new_msg and isinstance(role, str):
+                new_msg["name"] = role[:64]
+            out.append(new_msg)
+        return out
+
+    async def generate(
+        self,
+        system_prompt: str,
+        context: List[dict],
+        temperature: float,
+        max_tokens: int,
+        response_mime_type: str = None,
+    ) -> str:
+        context_window = self.context_manager.prepare_context_for_llm(
+            messages=context,
+            system_prompt=system_prompt,
+            llm_provider="openai",
+        )
+        normalized_messages = self._normalize_messages(context_window.messages)
+        token_kwarg = "max_completion_tokens" if self._uses_completion_tokens_param() else "max_tokens"
+        create_kwargs: Dict[str, Any] = dict(
+            model=self.model,
+            messages=normalized_messages,
+            **{token_kwarg: max_tokens},
+            **self._reasoning_kwargs(),
+        )
+        if not self._uses_completion_tokens_param():
+            create_kwargs["temperature"] = temperature
+        if response_mime_type == "application/json":
+            create_kwargs["response_format"] = {"type": "json_object"}
+
+        try:
+            response = await self.client.chat.completions.create(**create_kwargs)
+            text = (response.choices[0].message.content or "").strip()
+            if not text:
+                raise ValueError("OpenAI returned empty content")
+            return self._clean_response(text)
+        except (APIConnectionError, APIStatusError) as exc:
+            logger.error("OpenAI API error: %s", exc)
+            raise
+        except Exception as exc:
+            logger.error("OpenAI generate failed: %s", exc)
+            raise
+
+    _MAX_TOOL_ROUNDS = 5
+
+    async def generate_with_tools(
+        self,
+        system_prompt: str,
+        user_message: str,
+        tool_definitions: Optional[List[Dict[str, Any]]] = None,
+        tool_executor: Optional[Callable] = None,
+        temperature: float = 0.7,
+        max_tokens: int = 2048,
+    ) -> ToolCallResult:
+        messages: List[Dict[str, Any]] = [
+            {"role": "system", "content": system_prompt},
+            {"role": "user", "content": user_message},
+        ]
+        openai_tools = tool_definitions or []
+        all_tool_calls: List[ToolCallInfo] = []
+
+        try:
+            for _round in range(self._MAX_TOOL_ROUNDS):
+                token_kwarg = "max_completion_tokens" if self._uses_completion_tokens_param() else "max_tokens"
+                tool_kwargs: Dict[str, Any] = dict(
+                    model=self.model,
+                    messages=self._normalize_messages(messages),
+                    tools=openai_tools or None,
+                    **{token_kwarg: max_tokens},
+                    **self._reasoning_kwargs(),
+                )
+                if not self._uses_completion_tokens_param():
+                    tool_kwargs["temperature"] = temperature
+                response = await self.client.chat.completions.create(**tool_kwargs)
+                choice = response.choices[0].message
+                if not choice.tool_calls:
+                    text = choice.content or ""
+                    if not text.strip():
+                        raise ValueError("OpenAI tool loop returned empty content")
+                    return ToolCallResult(
+                        text=text,
+                        used_tool=bool(all_tool_calls),
+                        tool_name=all_tool_calls[0].name if all_tool_calls else None,
+                        tool_args=all_tool_calls[0].args if all_tool_calls else {},
+                        tool_calls_made=all_tool_calls,
+                    )
+
+                messages.append(choice.model_dump())
+                for tc in choice.tool_calls:
+                    fn_name = tc.function.name
+                    fn_args = json.loads(tc.function.arguments)
+                    all_tool_calls.append(ToolCallInfo(name=fn_name, args=fn_args))
+                    try:
+                        tool_result = await tool_executor(name=fn_name, **fn_args)
+                    except Exception as exc:
+                        tool_result = {"error": str(exc)}
+                    messages.append({
+                        "role": "tool",
+                        "tool_call_id": tc.id,
+                        "content": json.dumps(tool_result),
+                    })
+
+            raise ValueError("OpenAI tool-calling loop exhausted max rounds")
+        except (APIConnectionError, APIStatusError) as exc:
+            logger.error("OpenAI tool API error: %s", exc)
+            raise
+        except Exception as exc:
+            logger.error("OpenAI generate_with_tools failed: %s", exc)
+            raise
diff --git a/multi_llm_chatbot_backend/app/llm/resilient_client.py b/multi_llm_chatbot_backend/app/llm/resilient_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..947878cb01e624e57e978ebbc6e2fdf4251badd1
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/llm/resilient_client.py
@@ -0,0 +1,158 @@
+"""Primary/fallback LLM wrapper with failure failover and optional race-to-first."""
+
+from __future__ import annotations
+
+import asyncio
+import logging
+from typing import Any, Callable, Dict, List, Optional
+
+from app.llm.llm_client import LLMClient, ToolCallResult
+
+logger = logging.getLogger(__name__)
+
+_VLLM_ERROR_MARKERS = (
+    "unable to connect",
+    "encountered an error",
+    "unexpected error",
+)
+
+
+def _looks_like_failed_response(text: str) -> bool:
+    if not text or not text.strip():
+        return True
+    lower = text.strip().lower()
+    return any(marker in lower for marker in _VLLM_ERROR_MARKERS)
+
+
+class ResilientLLMClient(LLMClient):
+    """Try *primary* first; on failure or slow response, use *fallback*."""
+
+    def __init__(
+        self,
+        primary: LLMClient,
+        fallback: LLMClient,
+        race_timeout_seconds: float = 3.0,
+        primary_label: str = "primary",
+    ):
+        self.primary = primary
+        self.fallback = fallback
+        self.race_timeout_seconds = race_timeout_seconds
+        self.primary_label = primary_label
+
+    async def _run_primary(self, coro_factory):
+        result = await coro_factory(self.primary)
+        if isinstance(result, str) and _looks_like_failed_response(result):
+            raise RuntimeError(f"{self.primary_label} returned failure text")
+        if isinstance(result, ToolCallResult) and _looks_like_failed_response(result.text):
+            raise RuntimeError(f"{self.primary_label} tool call returned failure text")
+        return result
+
+    async def _run_fallback(self, coro_factory):
+        logger.info("Using fallback LLM for %s", self.primary_label)
+        return await coro_factory(self.fallback)
+
+    async def _race_or_fallback(self, coro_factory):
+        """Failover policy:
+        - Start *primary* immediately.
+        - If primary returns successfully → use it.
+        - If primary fails (raises, returns recognised failure text) → run
+          *fallback* sequentially and return its result.
+        - If primary takes longer than ``race_timeout_seconds`` without
+          completing → start *fallback* in parallel and return whichever
+          finishes first (primary or fallback).
+        """
+        primary_task = asyncio.create_task(self._run_primary(coro_factory))
+
+        try:
+            return await asyncio.wait_for(
+                asyncio.shield(primary_task),
+                timeout=self.race_timeout_seconds,
+            )
+        except asyncio.TimeoutError:
+            logger.info(
+                "%s slower than %.1fs — racing fallback in parallel",
+                self.primary_label,
+                self.race_timeout_seconds,
+            )
+            return await self._race_first_successful(primary_task, coro_factory)
+        except Exception as exc:
+            logger.warning("%s failed: %s — using fallback sequentially", self.primary_label, exc)
+            if not primary_task.done():
+                primary_task.cancel()
+
+        try:
+            return await self._run_fallback(coro_factory)
+        except Exception as fb_exc:
+            logger.error(
+                "Both primary (%s) and fallback failed for this request: %s",
+                self.primary_label, fb_exc,
+            )
+            raise
+
+    async def _race_first_successful(self, primary_task: asyncio.Task, coro_factory):
+        """Primary is still running past the soft timeout. Start fallback in
+        parallel and return whichever completes successfully first. If the
+        first one to complete failed, await the other; if both fail, raise.
+        """
+        fallback_task = asyncio.create_task(self._run_fallback(coro_factory))
+        pending = {primary_task, fallback_task}
+        winner: Any = None
+        last_exc: Exception | None = None
+
+        while pending:
+            done, pending = await asyncio.wait(pending, return_when=asyncio.FIRST_COMPLETED)
+            for task in done:
+                try:
+                    winner = task.result()
+                    break
+                except Exception as exc:
+                    last_exc = exc
+                    continue
+            if winner is not None:
+                break
+
+        for t in pending:
+            if not t.done():
+                t.cancel()
+
+        if winner is not None:
+            return winner
+        if last_exc is not None:
+            raise last_exc
+        raise RuntimeError("race produced no result and no exception")
+
+    async def generate(
+        self,
+        system_prompt: str,
+        context: List[dict],
+        temperature: float,
+        max_tokens: int,
+        response_mime_type: str = None,
+    ) -> str:
+        async def _call(client: LLMClient):
+            return await client.generate(
+                system_prompt, context, temperature, max_tokens, response_mime_type,
+            )
+
+        return await self._race_or_fallback(_call)
+
+    async def generate_with_tools(
+        self,
+        system_prompt: str,
+        user_message: str,
+        tool_definitions: Optional[List[Dict[str, Any]]] = None,
+        tool_executor: Optional[Callable] = None,
+        temperature: float = 0.7,
+        max_tokens: int = 2048,
+    ) -> ToolCallResult:
+        async def _call(client: LLMClient):
+            return await client.generate_with_tools(
+                system_prompt=system_prompt,
+                user_message=user_message,
+                tool_definitions=tool_definitions,
+                tool_executor=tool_executor,
+                temperature=temperature,
+                max_tokens=max_tokens,
+            )
+
+        return await self._race_or_fallback(_call)
diff --git a/multi_llm_chatbot_backend/app/main.py b/multi_llm_chatbot_backend/app/main.py
new file mode 100644
index 0000000000000000000000000000000000000000..c91130fea3c66880dec8e3048eb34ced6c41575c
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/main.py
@@ -0,0 +1,111 @@
+import os
+from pathlib import Path
+
+from app.core.env_loader import load_application_env
+
+load_application_env()
+
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from contextlib import asynccontextmanager
+
+# Load configuration FIRST so every module can use it
+from app.config import load_settings
+settings = load_settings()
+
+# Import the new database functions
+from app.core.database import connect_to_mongo, close_mongo_connection
+
+# Import all route modules
+from app.api.routes import router as main_router
+from app.api.routes.auth import router as auth_router
+from app.api.routes.chat_sessions import router as chat_sessions_router
+from app.api.routes.phd_canvas import router as phd_canvas_router
+from app.api.routes.user_profile import router as user_profile_router
+from app.api.routes.onboarding import router as onboarding_router
+from app.api.routes.journey import router as journey_router
+from app.api.routes.user_knowledge import router as user_knowledge_router
+
+import logging
+
+logging.basicConfig(
+    level=logging.INFO,
+    format='%(asctime)s - %(name)s - %(levelname)s - %(message)s'
+)
+
+@asynccontextmanager
+async def lifespan(app: FastAPI):
+    # Startup
+    await connect_to_mongo()
+    yield
+    # Shutdown
+    await close_mongo_connection()
+
+app = FastAPI(
+    title=f"{settings.app.title} Backend",
+    version="2.0.0",
+    lifespan=lifespan
+)
+
+cors_origins = os.getenv("CORS_ORIGINS", "http://localhost:3000").split(",")
+cors_origins = [origin.strip() for origin in cors_origins]  # Clean whitespace
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=cors_origins,
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Include all routers
+app.include_router(main_router)
+app.include_router(auth_router, prefix="/auth", tags=["authentication"])
+app.include_router(chat_sessions_router, prefix="/api", tags=["chat-sessions"])
+app.include_router(phd_canvas_router, prefix="/api", tags=["phd-canvas"])
+app.include_router(user_profile_router, prefix="/api", tags=["user-profile"])
+app.include_router(onboarding_router, prefix="/api", tags=["onboarding"])
+app.include_router(journey_router, prefix="/api", tags=["journey"])
+app.include_router(user_knowledge_router, prefix="/api", tags=["user-knowledge"])
+
+# Serve bundled avatar images
+_avatars_dir = Path(__file__).resolve().parent / "assets" / "avatars"
+if _avatars_dir.is_dir():
+    app.mount(
+        "/api/avatars/bundled",
+        StaticFiles(directory=_avatars_dir),
+        name="bundled-avatars",
+    )
+
+
+# ---------------------------------------------------------------------------
+# Public configuration endpoint — serves the frontend-safe subset
+# ---------------------------------------------------------------------------
+@app.get("/api/config")
+def get_public_config():
+    """Return the public (non-secret) application configuration."""
+    return settings.get_frontend_config()
+
+
+# ---------------------------------------------------------------------------
+# Static SPA mount — Hugging Face Spaces / single-container deployment
+# ---------------------------------------------------------------------------
+# When the Docker build copies the React production bundle into ``./static``
+# (sibling of this app/ directory), expose it at "/" so the API and the
+# SPA share the FastAPI origin.
+#
+# IMPORTANT: Starlette matches path routes *before* mounts. Any ``GET /``
+# API handler (see historical ``routes/root.py``) would shadow this SPA
+# and make HF Spaces look like a bare JSON backend. Health lives at
+# ``/health`` instead.
+#
+# In local API-only development the static dir is absent; ``/health`` and
+# ``/docs`` remain available.
+_static_dir = Path(__file__).resolve().parent.parent / "static"
+if _static_dir.is_dir():
+    app.mount(
+        "/",
+        StaticFiles(directory=str(_static_dir), html=True),
+        name="spa",
+    )
diff --git a/multi_llm_chatbot_backend/app/models/README.md b/multi_llm_chatbot_backend/app/models/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..c9f4845d3adb2a90615ca8becb110dfba282abf1
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/README.md
@@ -0,0 +1,140 @@
+# `app/models` – Data Models & Persona Configuration
+
+This module defines the **core data structures** for users, chat sessions, and AI advisor personas in the Multi-LLM Chatbot Backend.
+
+It plays a foundational role in ensuring that:
+- User data and session state are **structured, validated, and serializable**
+- Persona behavior is **configurable, injectable, and extensible**
+
+---
+
+## Persona Model (`persona.py`)
+
+### `class Persona`
+
+Represents a single AI advisor with its own personality, tone, and domain of expertise.
+
+| Attribute       | Description |
+|----------------|-------------|
+| `id`           | Unique identifier for the persona |
+| `name`         | Human-readable display name |
+| `system_prompt`| The persona’s default LLM instruction |
+| `llm`          | Instance of the LLM client (Gemini/Ollama) |
+| `temperature`  | Controls creativity level (0–10 scale, converted to 0.0–1.0 internally) |
+
+### `respond()` method
+
+This asynchronous method generates a persona-specific reply using the provided context and desired `response_length` (short, medium, long). It uses a **system prompt + user messages** + length-based instructions.
+
+```python
+await persona.respond(context=messages, response_length="medium")
+```
+
+---
+
+## Persona Registry (`default_personas.py`)
+
+Defines and registers **all built-in personas** using detailed `system_prompt` templates and metadata.
+
+> These prompts define the tone, response style, formatting rules, document behavior, and epistemological approach of each advisor.
+
+### Available Personas
+
+- `methodologist`: Research methods and design expert  
+- `theorist`: Theoretical frameworks and philosophy of science  
+- `pragmatist`: Action-oriented coach with a focus on task execution  
+- `socratic`: Socratic questioning mentor  
+- `motivator`: Psychology-focused coach to build momentum  
+- `critic`: Constructive reviewer with sharp academic critique  
+- `storyteller`: Communication and storytelling specialist  
+- `minimalist`: Minimal guidance, maximum clarity  
+- `visionary`: Long-term strategy and innovation  
+- `empathetic`: Emotionally aware advisor for mental health & motivation  
+
+### Registry Functions
+
+| Function | Description |
+|---------|-------------|
+| `get_default_personas(llm)` | Returns a list of `Persona` instances with LLM injected |
+| `get_default_persona_prompt(pid)` | Returns only the `system_prompt` of a persona |
+| `is_valid_persona_id(pid)` | Checks if ID exists in registry |
+| `list_available_personas()` | Lists all persona IDs |
+
+---
+
+## User & Session Models (`user.py`)
+
+### `UserCreate` / `UserLogin`
+
+Pydantic models for request payloads during signup/login.
+
+### `User`
+
+Persistent user object, mapped to MongoDB using `_id` aliasing.
+
+| Field | Description |
+|-------|-------------|
+| `id` (`_id`) | MongoDB ObjectId |
+| `email`, `hashed_password` | Auth fields |
+| `academicStage`, `researchArea` | Optional metadata |
+| `created_at`, `last_login` | Timestamps |
+| `is_active` | Soft-deletion or block flag |
+
+### `UserResponse`
+
+Serialized user profile returned to frontend after login/token validation.
+
+---
+
+### `ChatSession`
+
+Stores a **single multi-turn conversation**. Used for RAG context, memory, and export.
+
+| Field | Description |
+|-------|-------------|
+| `id` | MongoDB `_id` |
+| `user_id` | Owner user’s ID |
+| `title` | Human-readable title |
+| `messages` | List of exchanged messages |
+| `created_at`, `updated_at` | Session lifecycle tracking |
+| `is_active` | Whether it is a deleted/inactive session |
+
+### `ChatSessionResponse`
+
+Returned when listing past sessions (lightweight response).
+
+---
+
+### `Token`
+
+Used as the unified login response structure:
+
+```json
+{
+  "access_token": "...",
+  "token_type": "bearer",
+  "user": { ... }
+}
+```
+
+---
+
+## Design Principles
+
+- All models are **fully compatible with FastAPI + Pydantic**
+- MongoDB integration uses `bson.ObjectId` support and aliases
+- Persona logic is **decoupled** from orchestration — easy to extend
+- System prompts are rich, structured, and **frontend-format aware** (markdown rules enforced)
+
+---
+
+## Next Steps
+
+This module is used by:
+
+- `core/improved_orchestrator.py` – Persona routing  
+- `routes/chat.py` – Sequential chat + replies  
+- `auth.py` – Token generation and validation  
+- `documents.py` – Document-enhanced message generation  
+
+> Add a new persona? Just extend `DEFAULT_PERSONAS` and restart the backend.
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/models/default_personas.py b/multi_llm_chatbot_backend/app/models/default_personas.py
new file mode 100644
index 0000000000000000000000000000000000000000..5abe723d2ff6333464135cb085f5e57323181a85
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/default_personas.py
@@ -0,0 +1,98 @@
+"""
+Persona registry — now driven by ``config.yaml``.
+
+The heavy persona definitions have moved into ``config.yaml`` (under the
+``personas`` key).  This module reads them via :func:`app.config.get_settings`
+and exposes the same public API the rest of the codebase already relies on.
+"""
+
+from typing import Dict, List, Optional
+
+from app.config import get_settings
+from app.llm.llm_client import LLMClient
+from app.models.persona import Persona
+
+
+def _build_personas_dict() -> dict:
+    """Build the ``{id: {name, system_prompt, temperature}}`` registry from
+    the YAML configuration."""
+    cfg = get_settings()
+    base_prompt = cfg.personas.base_prompt.strip()
+    registry: dict = {}
+    for p in cfg.personas.items:
+        # Combine the persona-specific prompt with the shared base prompt
+        full_prompt = p.persona_prompt.strip()
+        if base_prompt:
+            full_prompt = f"{full_prompt}\n\n{base_prompt}"
+        registry[p.id] = {
+            "name": p.name,
+            "system_prompt": full_prompt,
+            "default_temperature": p.temperature,
+            "role": p.role,
+            "summary": p.summary,
+        }
+    return registry
+
+
+# Lazy singleton — built once on first access
+_DEFAULT_PERSONAS: Optional[dict] = None
+
+
+def _get_registry() -> dict:
+    global _DEFAULT_PERSONAS
+    if _DEFAULT_PERSONAS is None:
+        _DEFAULT_PERSONAS = _build_personas_dict()
+    return _DEFAULT_PERSONAS
+
+
+# ------------------------------------------------------------------
+# Public API — unchanged signatures so existing callers keep working
+# ------------------------------------------------------------------
+
+def get_default_personas(llm: LLMClient) -> List[Persona]:
+    """Return a list of :class:`Persona` objects wired to *llm*."""
+    return [
+        Persona(
+            id=pid,
+            name=data["name"],
+            system_prompt=data["system_prompt"],
+            llm=llm,
+            temperature=data.get("default_temperature", 5),
+            role=data.get("role", ""),
+            summary=data.get("summary", ""),
+        )
+        for pid, data in _get_registry().items()
+    ]
+
+
+def get_personas_with_llm_map(
+    default_llm: LLMClient,
+    llm_map: Optional[Dict[str, LLMClient]] = None,
+) -> List[Persona]:
+    if not llm_map:
+        return get_default_personas(default_llm)
+    return [
+        Persona(
+            id=pid,
+            name=data["name"],
+            system_prompt=data["system_prompt"],
+            llm=llm_map.get(pid, default_llm),
+            temperature=data.get("default_temperature", 5),
+            role=data.get("role", ""),
+            summary=data.get("summary", ""),
+        )
+        for pid, data in _get_registry().items()
+    ]
+
+
+def get_default_persona_prompt(persona_id: str) -> Optional[str]:
+    data = _get_registry().get(persona_id)
+    return data["system_prompt"] if data else None
+
+
+def is_valid_persona_id(pid: str) -> bool:
+    return pid in _get_registry()
+
+
+def list_available_personas() -> List[str]:
+    return list(_get_registry().keys())
diff --git a/multi_llm_chatbot_backend/app/models/journey.py b/multi_llm_chatbot_backend/app/models/journey.py
new file mode 100644
index 0000000000000000000000000000000000000000..830290c2b968ff73255308592c524ad5d1e26c6c
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/journey.py
@@ -0,0 +1,103 @@
+"""Pydantic models for the Security Journey track engine."""
+
+from datetime import datetime
+from typing import Any, Dict, List, Literal, Optional
+
+from bson import ObjectId
+from pydantic import BaseModel, Field
+
+from app.models.user import PyObjectId
+
+Audience = Literal["individual", "smb", "enterprise", "any"]
+
+
+class TrackItem(BaseModel):
+    id: str
+    title: str
+    description: str = ""
+
+
+class TrackLevel(BaseModel):
+    id: str
+    name: str
+    description: str = ""
+    items: List[TrackItem] = []
+
+
+class Track(BaseModel):
+    id: str
+    name: str
+    description: str = ""
+    audience: Audience = "any"
+    levels: List[TrackLevel] = []
+
+
+class TrackSummary(BaseModel):
+    """Lightweight track listing (no nested item detail required by clients)."""
+
+    id: str
+    name: str
+    description: str = ""
+    audience: Audience = "any"
+    level_count: int = 0
+    item_count: int = 0
+
+
+class UserTrackProgress(BaseModel):
+    class Config:
+        allow_population_by_field_name = True
+        arbitrary_types_allowed = True
+        json_encoders = {ObjectId: str}
+
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    user_id: PyObjectId
+    active_track_id: Optional[str] = None
+    checked_item_ids: List[str] = []
+    updated_at: datetime = Field(default_factory=datetime.utcnow)
+
+
+class UserTrackProgressUpdate(BaseModel):
+    active_track_id: Optional[str] = None
+    checked_item_ids: Optional[List[str]] = None
+
+
+class UserTrackProgressResponse(BaseModel):
+    user_id: str
+    active_track_id: Optional[str] = None
+    checked_item_ids: List[str] = []
+    level_id: Optional[str] = None
+    level_name: Optional[str] = None
+    level_index: int = 0
+    level_count: int = 0
+    pct_overall: float = 0.0
+    pct_in_level: float = 0.0
+    updated_at: Optional[datetime] = None
+
+
+class Assessment(BaseModel):
+    class Config:
+        allow_population_by_field_name = True
+        arbitrary_types_allowed = True
+        json_encoders = {ObjectId: str}
+
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    user_id: PyObjectId
+    track_id: Optional[str] = None
+    scores: Dict[str, Any] = {}
+    notes: Optional[str] = None
+    created_at: datetime = Field(default_factory=datetime.utcnow)
+
+
+class AssessmentCreate(BaseModel):
+    scores: Dict[str, Any] = {}
+    notes: Optional[str] = None
+    track_id: Optional[str] = None
+
+
+class AssessmentResponse(BaseModel):
+    id: str
+    user_id: str
+    track_id: Optional[str] = None
+    scores: Dict[str, Any] = {}
+    notes: Optional[str] = None
+    created_at: Optional[datetime] = None
diff --git a/multi_llm_chatbot_backend/app/models/persona.py b/multi_llm_chatbot_backend/app/models/persona.py
new file mode 100644
index 0000000000000000000000000000000000000000..9324d7347f791ecdec57e911dcacdc7819028a0d
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/persona.py
@@ -0,0 +1,515 @@
+from app.llm.llm_client import LLMClient
+from typing import List, Dict
+import re
+
+SENTINEL = "</END>"
+
+# Shared compact formatting contract applied to all personas.
+COMPACT_MARKDOWN_V1 = (
+    "You must format your answer using GitHub-Flavored Markdown and exactly these three sections in this order:\n"
+    "### Thought\n"
+    "- 1–2 complete sentences of reasoning/context only. Do not put actions here.\n"
+    "- Finish each sentence; never cut a sentence short mid-phrase.\n"
+    "\n"
+    "### What to do\n"
+    "- Exactly 3 bullet points, one concrete action each. Use '-' as the bullet. Do not use unicode bullets.\n"
+    "- Write each bullet as a complete imperative sentence (plain text, no bold title prefixes).\n"
+    "- Bullets must be actionable steps, not leftover reasoning from Thought.\n"
+    "- If you would use an ordered list, keep text on the same line as the number (e.g., '1. Do X').\n"
+    "\n"
+    "### Next step\n"
+    "- One imperative sentence only.\n"
+    "- Must be distinct from every What-to-do bullet (do not copy or lightly rephrase the first bullet).\n"
+    "- Prefer: the single most important action to start with right now, optionally with when/how.\n"
+    "\n"
+    "Rules: Use '###' for headings (never bold-as-heading). Insert a blank line between blocks. "
+    "Do not include tables or code blocks unless explicitly requested. "
+    "Do not include preambles or conclusions outside the three sections. "
+    "Never truncate with ellipsis (... or …); always finish the sentence or bullet. "
+    f"Finish your response with the sentinel token {SENTINEL}."
+)
+
+# Soft structure guidance per response_length
+STRUCTURE_HINTS = {
+    "short": "Keep it concise: Thought ≤ 2 short complete sentences; bullets complete and ≤ ~16 words; next step one short distinct sentence. No ellipsis.",
+    "medium": "Be clear: Thought 1–2 complete sentences; bullets complete and ≤ ~22 words; next step one distinct sentence. No ellipsis.",
+    "long": "Stay compact but complete: Thought up to 2 full sentences; bullets complete and ≤ ~30 words; next step one distinct sentence. No ellipsis.",
+}
+
+# Enough headroom so compact sections finish sentences (models were cutting mid-bullet at 600).
+MAX_TOKENS_MAP = {
+    "short": 500,
+    "medium": 850,
+    "long": 1200,
+}
+
+_HEADING_ALIASES = {
+    "thought": "Thought",
+    "tldr": "Thought",
+    "tl;dr": "Thought",
+    "reasoning": "Thought",
+    "context": "Thought",
+    "what to do": "What to do",
+    "what-to-do": "What to do",
+    "actions": "What to do",
+    "action items": "What to do",
+    "recommendations": "What to do",
+    "next step": "Next step",
+    "next steps": "Next step",
+    "immediate next step": "Next step",
+}
+
+
+def _cut_at_sentinel(text: str) -> str:
+    if not text:
+        return ""
+    idx = text.find(SENTINEL)
+    return text[:idx] if idx != -1 else text
+
+
+def _normalize_eols(text: str) -> str:
+    return text.replace("\r\n", "\n").replace("\r", "\n")
+
+
+def _rstrip_lines(text: str) -> str:
+    return "\n".join(line.rstrip() for line in text.split("\n"))
+
+
+def _convert_bold_headers_to_atx(lines: List[str]) -> List[str]:
+    out = []
+    for l in lines:
+        # Full-line **Heading** or **Heading**: becomes '### Heading'
+        m = re.match(r"^\s*\*\*(.+?)\*\*\s*:?\s*$", l)
+        if m:
+            out.append(f"### {m.group(1).strip()}")
+        else:
+            out.append(l)
+    return out
+
+
+def _convert_unicode_bullets(lines: List[str]) -> List[str]:
+    out = []
+    for l in lines:
+        out.append(re.sub(r"^\s*[•●▪◦]\s+", "- ", l))
+    return out
+
+
+def _merge_orphan_numbered_items(lines: List[str]) -> List[str]:
+    out = []
+    i = 0
+    while i < len(lines):
+        cur = lines[i]
+        m = re.match(r"^\s*(\d+)\.\s*$", cur)
+        if m:
+            # find next non-empty line and merge
+            j = i + 1
+            while j < len(lines) and lines[j].strip() == "":
+                j += 1
+            if j < len(lines):
+                out.append(f"{m.group(1)}. {lines[j].strip()}")
+                i = j + 1
+                continue
+        out.append(cur)
+        i += 1
+    return out
+
+
+def _collapse_blank_runs(text: str) -> str:
+    return re.sub(r"\n{3,}", "\n\n", text).strip()
+
+
+_DANGLING_TAIL = re.compile(
+    r"(?i)\b(a|an|the|and|or|of|to|for|with|from|into|onto|by|as|at|in|on|is|are|be|than|that|which|your|my|our|,|;|:|-|—)$"
+)
+
+
+def _strip_md_noise(s: str) -> str:
+    """Normalize for compare / cleanup: drop bold markers and excess spaces."""
+    t = re.sub(r"\*+", "", (s or "").strip())
+    t = re.sub(r"\s+", " ", t).strip()
+    return t
+
+
+def _soft_limit_words(s: str, limit: int) -> str:
+    """Prefer complete text. Never append ellipsis; drop whole trailing clauses instead."""
+    text = _strip_md_noise(s)
+    if not text:
+        return ""
+    words = text.split()
+    if len(words) <= limit:
+        return text
+    # Prefer keeping a complete first sentence that fits (or the whole first sentence if longer)
+    parts = [p.strip() for p in re.split(r"(?<=[\.!?])\s+", text) if p.strip()]
+    if parts:
+        kept: List[str] = []
+        count = 0
+        for p in parts:
+            w = len(p.split())
+            if kept and count + w > limit:
+                break
+            if not kept and w > limit:
+                return p  # never mid-sentence cut; keep full first sentence
+            kept.append(p)
+            count += w
+            if count >= limit:
+                break
+        if kept:
+            return " ".join(kept)
+    # No sentence breaks — keep full text rather than clipping with "…"
+    return text
+
+
+def _first_n_sentences(text: str, n: int, max_words: int) -> str:
+    cleaned = _strip_md_noise(text)
+    parts = [p.strip() for p in re.split(r"(?<=[\.!?])\s+", cleaned) if p.strip()]
+    if not parts:
+        return _soft_limit_words(cleaned, max_words)
+    chosen: List[str] = []
+    word_count = 0
+    for p in parts[: max(1, n)]:
+        w = len(p.split())
+        if chosen and word_count + w > max_words:
+            break
+        if not chosen and w > max_words:
+            return p  # complete over-budget sentence beats an ellipsis clip
+        chosen.append(p)
+        word_count += w
+    return " ".join(chosen) if chosen else parts[0]
+
+
+def _looks_incomplete(s: str) -> bool:
+    t = (s or "").strip()
+    if not t:
+        return True
+    if _DANGLING_TAIL.search(t.rstrip(".!?")):
+        return True
+    if t[-1] in ",;:":
+        return True
+    return False
+
+
+def _normalize_heading_label(raw: str) -> str | None:
+    label = re.sub(r"^#+\s*", "", (raw or "").strip()).strip().rstrip(":").lower()
+    label = re.sub(r"\s+", " ", label)
+    return _HEADING_ALIASES.get(label)
+
+
+def _match_section_heading(line: str) -> str | None:
+    s = line.strip()
+    if not s:
+        return None
+    # ### Heading / ## Heading
+    m = re.match(r"^#{1,6}\s+(.+?)\s*$", s)
+    if m:
+        return _normalize_heading_label(m.group(1))
+    # **Heading** or **Heading:**
+    m = re.match(r"^\*\*(.+?)\*\*\s*:?\s*$", s)
+    if m:
+        return _normalize_heading_label(m.group(1))
+    # Heading: alone on a line
+    m = re.match(r"^(Thought|What to do|Next step|Actions|Next steps)\s*:?\s*$", s, re.I)
+    if m:
+        return _normalize_heading_label(m.group(1))
+    return None
+
+
+def _extract_heading_blocks(lines: List[str]) -> Dict[str, List[str]]:
+    sections = {"Thought": [], "What to do": [], "Next step": []}
+    current = None
+    for l in lines:
+        headed = _match_section_heading(l)
+        if headed:
+            current = headed
+            continue
+        if current:
+            sections[current].append(l)
+    return sections
+
+
+def _extract_bullets(lines: List[str]) -> List[str]:
+    bullets = []
+    for l in lines:
+        s = l.strip()
+        if s.startswith("- "):
+            bullets.append(s[2:].strip())
+        elif s.startswith("* "):
+            bullets.append(s[2:].strip())
+        else:
+            m = re.match(r"^(\d+)\.\s+(.*)$", s)
+            if m and m.group(2).strip():
+                bullets.append(m.group(2).strip())
+    return bullets
+
+
+def _is_action_like(text: str) -> bool:
+    s = (text or "").strip()
+    if not s:
+        return False
+    if re.match(r"^(-|\*|\d+\.)\s+", s):
+        return True
+    return bool(
+        re.match(
+            r"^(do|enable|disable|install|update|set|check|verify|review|turn|change|"
+            r"open|close|reset|remove|add|configure|run|use|start|stop|contact|"
+            r"document|backup|export|import|scan|patch)\b",
+            s,
+            re.I,
+        )
+    )
+
+
+def _split_thought_and_actions(thought_lines: List[str]) -> tuple[str, List[str]]:
+    """Keep reasoning prose in Thought; move bullet/action lines to What to do."""
+    prose: List[str] = []
+    actions: List[str] = []
+    for l in thought_lines:
+        s = l.strip()
+        if not s:
+            continue
+        if _extract_bullets([l]):
+            actions.extend(_extract_bullets([l]))
+        elif _is_action_like(s) and len(s.split()) <= 24:
+            actions.append(s)
+        else:
+            prose.append(s)
+    return " ".join(prose).strip(), actions
+
+
+def _synthesize_bullets_from_text(text: str, max_items: int, per_bullet_words: int) -> List[str]:
+    # Prefer imperative-looking sentences when inventing actions
+    sentences = re.split(r"(?<=[\.!?])\s+", text.strip())
+    items = []
+    for s in sentences:
+        s_clean = _strip_md_noise(s.strip("-•* ").strip())
+        if not s_clean:
+            continue
+        if not _is_action_like(s_clean) and len(items) > 0:
+            continue
+        items.append(_soft_limit_words(s_clean, per_bullet_words))
+        if len(items) >= max_items:
+            break
+    if len(items) < max_items:
+        for s in sentences:
+            s_clean = _strip_md_noise(s.strip("-•* ").strip())
+            if not s_clean:
+                continue
+            cand = _soft_limit_words(s_clean, per_bullet_words)
+            if cand not in items:
+                items.append(cand)
+            if len(items) >= max_items:
+                break
+    return items[:max_items]
+
+
+def _norm_compare(s: str) -> str:
+    return re.sub(r"[^a-z0-9]+", "", _strip_md_noise(s).lower())
+
+
+def _is_near_duplicate(a: str, b: str) -> bool:
+    an, bn = _norm_compare(a), _norm_compare(b)
+    if not an or not bn:
+        return False
+    if an == bn:
+        return True
+    # Shared significant prefix (handles "Disconnect X" vs "Immediately disconnect X")
+    n = max(10, min(len(an), len(bn)) // 2)
+    if an.startswith(bn[:n]) or bn.startswith(an[:n]):
+        return True
+    # High token overlap
+    aw, bw = set(re.findall(r"[a-z0-9]{3,}", _strip_md_noise(a).lower())), set(
+        re.findall(r"[a-z0-9]{3,}", _strip_md_noise(b).lower())
+    )
+    if not aw or not bw:
+        return False
+    overlap = len(aw & bw) / max(1, min(len(aw), len(bw)))
+    return overlap >= 0.72
+
+
+def _distinct_next_step(candidate: str, bullets: List[str], fallback: str, max_words: int) -> str:
+    """Ensure Next step is not a duplicate of a What-to-do bullet."""
+    cand = _first_n_sentences(candidate or "", 1, max_words)
+    clean_bullets = [_strip_md_noise(b) for b in bullets if b]
+
+    def _ok(text: str) -> bool:
+        if not text or _looks_incomplete(text):
+            return False
+        return not any(_is_near_duplicate(text, b) for b in clean_bullets)
+
+    if _ok(cand):
+        return cand
+    # Prefer a later bullet framed as priority timing — still must not equal that bullet text alone
+    for b in clean_bullets[1:]:
+        phrased = _soft_limit_words(f"Start now by doing this next: {b}", max_words)
+        # Reject if it collapses to the same action fingerprint as bullet 1
+        if clean_bullets and _is_near_duplicate(phrased, clean_bullets[0]):
+            continue
+        if phrased and not _looks_incomplete(phrased):
+            # Distinct enough from bullet text alone (has priority framing)
+            if _norm_compare(phrased) != _norm_compare(b):
+                return phrased
+    # Never echo bullet 1 verbatim; give a priority CTA that points at the list
+    if clean_bullets:
+        return "Begin with the first What-to-do action, then continue down the list."
+    return _soft_limit_words(fallback or "Proceed with the most actionable item.", max_words)
+
+
+def _ensure_compact_shape(text: str, response_length: str) -> str:
+    # Normalize and coerce into the 3-section compact shape.
+    # Soft budgets: keep full sentences/bullets (no ellipsis clipping).
+    per_bullet_words = 18 if response_length == "short" else 28 if response_length == "medium" else 36
+    sentence_words = 40 if response_length == "short" else 60 if response_length == "medium" else 80
+
+    t = _cut_at_sentinel(_rstrip_lines(_normalize_eols(text)))
+    lines = t.split("\n")
+    lines = _convert_bold_headers_to_atx(lines)
+    lines = _convert_unicode_bullets(lines)
+    lines = _merge_orphan_numbered_items(lines)
+    t = _collapse_blank_runs("\n".join(lines))
+    lines = t.split("\n")
+
+    sections = _extract_heading_blocks(lines)
+    thought_text, thought_actions = _split_thought_and_actions(sections["Thought"])
+    bullets = [_strip_md_noise(b) for b in _extract_bullets(sections["What to do"])]
+    bullets = [_strip_md_noise(b) for b in (thought_actions + bullets)]
+    next_body = " ".join([_strip_md_noise(l) for l in sections["Next step"] if l.strip()])
+
+    have_thought = bool(thought_text.strip())
+    have_actions = len(bullets) > 0
+    have_next = bool(next_body.strip())
+    have_all = have_thought and have_actions and have_next
+
+    def _finalize_bullets(src: List[str]) -> List[str]:
+        cleaned = []
+        for b in src:
+            b2 = _soft_limit_words(b, per_bullet_words)
+            # Drop mid-cut model fragments (e.g. ending in "of" / "to") instead of ellipsis
+            if b2 and not _looks_incomplete(b2):
+                cleaned.append(b2)
+        return cleaned
+
+    if not have_all:
+        # Build compact output from scratch using best-effort extraction
+        raw_plain = " ".join([l for l in lines if not l.strip().startswith("#")]).strip()
+        if not thought_text:
+            thought_text = _first_n_sentences(raw_plain, 2, sentence_words) if raw_plain else ""
+        if len(bullets) < 3:
+            extra = [_strip_md_noise(b) for b in _extract_bullets(lines)]
+            for b in extra:
+                if b not in bullets:
+                    bullets.append(b)
+            if len(bullets) < 3:
+                filler = _synthesize_bullets_from_text(raw_plain, 3 - len(bullets), per_bullet_words)
+                for b in filler:
+                    if b not in bullets:
+                        bullets.append(b)
+        bullets = _finalize_bullets(bullets)[:3]
+        while len(bullets) < 3:
+            bullets.append(
+                [
+                    "Identify the key task.",
+                    "Decide the immediate next action.",
+                    "Verify prerequisites and proceed.",
+                ][len(bullets)]
+            )
+        next_final = _distinct_next_step(next_body, bullets, thought_text, sentence_words)
+        tldr_final = _first_n_sentences(thought_text, 2, sentence_words) if thought_text else "Concise summary unavailable."
+
+        parts = [
+            "### Thought",
+            tldr_final,
+            "",
+            "### What to do",
+        ]
+        for b in bullets[:3]:
+            parts.append(f"- {b}")
+        parts.extend(["", "### Next step", next_final])
+        return "\n".join(parts).strip()
+
+    # Sections exist — normalize without dumping Thought remainder into actions
+    tldr_final = _first_n_sentences(thought_text, 2, sentence_words) if thought_text else "Concise summary unavailable."
+
+    bullets = _finalize_bullets(bullets)
+    # Prefer true action bullets; only pad from What-to-do prose if short
+    if len(bullets) < 3:
+        wtd_plain = " ".join([l.strip() for l in sections["What to do"] if l.strip() and not l.strip().startswith(("-", "*", "#"))])
+        filler = _synthesize_bullets_from_text(wtd_plain, 3 - len(bullets), per_bullet_words) if wtd_plain else []
+        for b in filler:
+            if b not in bullets:
+                bullets.append(b)
+        bullets = _finalize_bullets(bullets)
+    while len(bullets) < 3:
+        bullets.append(
+            [
+                "Identify the key task.",
+                "Decide the immediate next action.",
+                "Verify prerequisites and proceed.",
+            ][len(bullets)]
+        )
+    bullets = bullets[:3]
+
+    next_final = _distinct_next_step(next_body, bullets, tldr_final, sentence_words)
+
+    parts = [
+        "### Thought",
+        tldr_final,
+        "",
+        "### What to do",
+        *[f"- {b}" for b in bullets[:3]],
+        "",
+        "### Next step",
+        next_final,
+    ]
+
+    return "\n".join(parts).strip()
+
+
+class Persona:
+    def __init__(
+        self,
+        id: str,
+        name: str,
+        system_prompt: str,
+        llm: LLMClient,
+        temperature: int = 5,
+        role: str = "",
+        summary: str = "",
+    ):
+        self.id = id
+        self.name = name
+        self.system_prompt = system_prompt
+        self.llm = llm
+        self.temperature = temperature
+        # Short descriptors used for routing prompts (kept tiny on purpose).
+        self.role = role
+        self.summary = summary
+
+    async def respond(self, context: List[Dict], response_length: str = "medium") -> str:
+        """Generate a compact, well-formed Markdown response suitable for the UI.
+        Returns the compact Markdown string (backward compatible with previous callers).
+        """
+        max_tokens = MAX_TOKENS_MAP.get(response_length, 600)
+        structure_hint = STRUCTURE_HINTS.get(response_length, STRUCTURE_HINTS["medium"])
+        temp_scaled = round(self.temperature / 10, 2)
+
+        full_prompt = (
+            f"{self.system_prompt}\n\n"
+            f"{COMPACT_MARKDOWN_V1}\n\n"
+            f"{structure_hint}"
+        )
+
+        raw_text = await self.llm.generate(
+            system_prompt=full_prompt,
+            context=context,
+            temperature=temp_scaled,
+            max_tokens=max_tokens,
+        )
+
+        compact = _ensure_compact_shape(raw_text or "", response_length)
+
+        # Final safety: cap extreme length by trimming bullet lines further if necessary
+        # (We keep this conservative to avoid changing behavior unnecessarily)
+        if len(compact) > 4000:  # very generous; UI should stay well below this
+            # Trim bullets to even fewer words
+            compact = _ensure_compact_shape(compact, "short")
+
+        return compact
diff --git a/multi_llm_chatbot_backend/app/models/phd_canvas.py b/multi_llm_chatbot_backend/app/models/phd_canvas.py
new file mode 100644
index 0000000000000000000000000000000000000000..1547b462aa56651f0bd03b70034f0bdf0f5a9f92
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/phd_canvas.py
@@ -0,0 +1,169 @@
+from pydantic import BaseModel, Field
+from typing import Dict, List, Optional, Any
+from datetime import datetime
+from bson import ObjectId
+from app.models.user import PyObjectId
+import logging
+
+logger = logging.getLogger(__name__)
+
+class CanvasInsight(BaseModel):
+    """Individual insight extracted from chat messages"""
+    content: str
+    source_persona: str
+    source_message_id: Optional[str] = None
+    source_chat_session: Optional[str] = None
+    confidence_score: float = Field(ge=0.0, le=1.0, default=0.8)
+    extracted_at: datetime = Field(default_factory=datetime.utcnow)
+    keywords: List[str] = Field(default_factory=list)
+
+class CanvasSection(BaseModel):
+    """A themed section of the PhD Canvas with related insights"""
+    title: str
+    description: str
+    insights: List[CanvasInsight] = Field(default_factory=list)
+    priority: int = Field(default=1, ge=1, le=5)  # 1=highest priority
+    updated_at: datetime = Field(default_factory=datetime.utcnow)
+
+class PhdCanvas(BaseModel):
+    """Main PhD Canvas model storing all user insights organized by sections"""
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    user_id: PyObjectId
+    
+    # Canvas sections organized by theme
+    sections: Dict[str, CanvasSection] = Field(default_factory=dict)
+
+    # Workspace layout + widget state (server-persisted; frontend may also cache locally)
+    workspace: Dict[str, Any] = Field(default_factory=dict)
+    # Documents / deliverables project store (same shape as canvas-deliverables-v2)
+    deliverables: Dict[str, Any] = Field(default_factory=dict)
+    
+    # Metadata
+    created_at: datetime = Field(default_factory=datetime.utcnow)
+    last_updated: datetime = Field(default_factory=datetime.utcnow)
+    last_chat_processed: Optional[datetime] = None
+    total_insights: int = Field(default=0)
+    
+    # Settings
+    auto_update: bool = Field(default=True)
+    print_optimized: bool = Field(default=True)
+    
+    class Config:
+        allow_population_by_field_name = True
+        arbitrary_types_allowed = True
+        json_encoders = {ObjectId: str}
+
+    def update_section(self, section_key: str, insights: List[CanvasInsight]):
+        """Update a specific canvas section with new insights"""
+        if section_key not in self.sections:
+            self.sections[section_key] = CanvasSection(
+                title=self._get_section_title(section_key),
+                description=self._get_section_description(section_key)
+            )
+        
+        existing_insights_map = {
+            insight.content.strip().lower(): insight 
+            for insight in self.sections[section_key].insights
+        }
+        
+        # Also track existing chat session + message combinations
+        existing_sources = {
+            (insight.source_chat_session, insight.source_message_id)
+            for insight in self.sections[section_key].insights
+            if insight.source_chat_session and insight.source_message_id
+        }
+        
+        new_insights = []
+        for insight in insights:
+            # Normalize content for comparison
+            normalized_content = insight.content.strip().lower()
+            
+            # Check if this exact content already exists
+            if normalized_content in existing_insights_map:
+                logger.debug(f"Skipping duplicate insight: {insight.content[:50]}...")
+                continue
+            
+            # Check if this source was already processed
+            if insight.source_chat_session and insight.source_message_id:
+                source_key = (insight.source_chat_session, insight.source_message_id)
+                if source_key in existing_sources:
+                    logger.debug(f"Skipping already processed source: {source_key}")
+                    continue
+            
+            # This is genuinely new
+            new_insights.append(insight)
+        
+        if new_insights:
+            logger.info(f"Adding {len(new_insights)} new insights to section '{section_key}'")
+            self.sections[section_key].insights.extend(new_insights)
+            self.sections[section_key].updated_at = datetime.utcnow()
+            self.last_updated = datetime.utcnow()
+        else:
+            logger.info(f"No new insights to add to section '{section_key}' (all {len(insights)} were duplicates)")
+        
+        # Update total insights count
+        self.total_insights = sum(len(section.insights) for section in self.sections.values())
+    
+    def _get_section_title(self, section_key: str) -> str:
+        """Get human-readable title for section"""
+        titles = {
+            "research_progress": "Research Progress & Milestones",
+            "methodology": "Research Methods & Approach", 
+            "theoretical_framework": "Theoretical Foundations",
+            "challenges_obstacles": "Challenges & Solutions",
+            "next_steps": "Action Items & Next Steps",
+            "writing_communication": "Writing & Communication",
+            "career_development": "Academic Career Planning",
+            "literature_review": "Literature & Sources",
+            "data_analysis": "Data & Analysis",
+            "motivation_mindset": "Motivation & Mindset"
+        }
+        return titles.get(section_key, section_key.replace("_", " ").title())
+    
+    def _get_section_description(self, section_key: str) -> str:
+        """Get description for each section"""
+        descriptions = {
+            "research_progress": "Key milestones, accomplishments, and timeline updates",
+            "methodology": "Research design decisions and methodological insights",
+            "theoretical_framework": "Theoretical perspectives and conceptual foundations",
+            "challenges_obstacles": "Challenges faced and strategies for overcoming them",
+            "next_steps": "Immediate action items and upcoming priorities",
+            "writing_communication": "Writing strategies and communication insights",
+            "career_development": "Professional development and career planning",
+            "literature_review": "Literature gaps, sources, and review strategies",
+            "data_analysis": "Data collection and analysis approaches",
+            "motivation_mindset": "Motivational insights and mental health considerations"
+        }
+        return descriptions.get(section_key, "General insights and guidance")
+
+class CanvasResponse(BaseModel):
+    """Response model for canvas API endpoints"""
+    id: str
+    user_id: str
+    sections: Dict[str, CanvasSection]
+    workspace: Dict[str, Any] = Field(default_factory=dict)
+    deliverables: Dict[str, Any] = Field(default_factory=dict)
+    created_at: datetime
+    last_updated: datetime
+    last_chat_processed: Optional[datetime]
+    total_insights: int
+    auto_update: bool
+    print_optimized: bool
+
+class UpdateCanvasRequest(BaseModel):
+    """Request model for updating canvas"""
+    force_full_update: bool = Field(default=False)
+    include_chat_sessions: Optional[List[str]] = None  # Specific sessions to include
+    exclude_sections: Optional[List[str]] = None  # Sections to skip updating
+
+class SaveWorkspaceRequest(BaseModel):
+    """Persist workspace layout and widget states for the logged-in user."""
+    layout: List[Any] = Field(default_factory=list)
+    states: Dict[str, Any] = Field(default_factory=dict)
+    view: Optional[str] = None
+    task_statuses: Optional[Dict[str, Any]] = None
+
+class SaveDeliverablesRequest(BaseModel):
+    """Persist the Documents / deliverables project store."""
+    activeProjectId: Optional[str] = None
+    projects: Dict[str, Any] = Field(default_factory=dict)
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/models/user.py b/multi_llm_chatbot_backend/app/models/user.py
new file mode 100644
index 0000000000000000000000000000000000000000..f3a381af8fa124b1faeb1e00f27139c4a809e2a8
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/user.py
@@ -0,0 +1,107 @@
+from pydantic import BaseModel, EmailStr, Field, ConfigDict
+from typing import Optional, List, Any
+from datetime import datetime
+from bson import ObjectId
+
+class PyObjectId(ObjectId):
+    @classmethod
+    def __get_validators__(cls):
+        yield cls.validate
+
+    @classmethod
+    def validate(cls, v, handler=None):
+        if isinstance(v, ObjectId):
+            return v
+        if isinstance(v, str):
+            if ObjectId.is_valid(v):
+                return ObjectId(v)
+        raise ValueError("Invalid ObjectId")
+
+    @classmethod
+    def __get_pydantic_json_schema__(cls, field_schema):
+        field_schema.update(type="string")
+
+class UserCreate(BaseModel):
+    firstName: str
+    lastName: str
+    email: EmailStr
+    password: str
+    academicStage: Optional[str] = None
+    researchArea: Optional[str] = None
+
+class UserLogin(BaseModel):
+    email: EmailStr
+    password: str
+
+class User(BaseModel):
+    model_config = ConfigDict(
+        populate_by_name=True,
+        arbitrary_types_allowed=True,
+        json_encoders={ObjectId: str}
+    )
+    
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    firstName: str
+    lastName: str
+    email: EmailStr
+    hashed_password: str
+    academicStage: Optional[str] = None
+    researchArea: Optional[str] = None
+    avatarId: Optional[str] = None
+    created_at: datetime = Field(default_factory=datetime.utcnow)
+    last_login: Optional[datetime] = None
+    is_active: bool = True
+    is_guest: bool = False
+    guest_persona: Optional[str] = None  # personal | business | other
+    guest_label: Optional[str] = None  # one-word sidebar label (Personal / Business / derived)
+
+
+class UserUpdate(BaseModel):
+    avatarId: Optional[str] = None
+    firstName: Optional[str] = None
+    lastName: Optional[str] = None
+    email: Optional[EmailStr] = None
+    academicStage: Optional[str] = None
+    researchArea: Optional[str] = None
+
+
+class UserResponse(BaseModel):
+    id: str
+    firstName: str
+    lastName: str
+    email: str
+    academicStage: Optional[str] = None
+    researchArea: Optional[str] = None
+    avatarId: Optional[str] = None
+    created_at: datetime
+    last_login: Optional[datetime] = None
+    is_guest: bool = False
+    guest_persona: Optional[str] = None
+    guest_label: Optional[str] = None
+
+class ChatSession(BaseModel):
+    model_config = ConfigDict(
+        populate_by_name=True,
+        arbitrary_types_allowed=True,
+        json_encoders={ObjectId: str}
+    )
+    
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    user_id: PyObjectId
+    title: str
+    messages: List[dict] = []
+    created_at: datetime = Field(default_factory=datetime.utcnow)
+    updated_at: datetime = Field(default_factory=datetime.utcnow)
+    is_active: bool = True
+
+class ChatSessionResponse(BaseModel):
+    id: str
+    title: str
+    created_at: datetime
+    updated_at: datetime
+    message_count: int
+
+class Token(BaseModel):
+    access_token: str
+    token_type: str
+    user: UserResponse
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/models/user_knowledge.py b/multi_llm_chatbot_backend/app/models/user_knowledge.py
new file mode 100644
index 0000000000000000000000000000000000000000..6f8646727d236f8a2b6ff782dc5e38d994ead7d6
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/user_knowledge.py
@@ -0,0 +1,82 @@
+from datetime import datetime
+from typing import List, Literal, Optional
+
+from bson import ObjectId
+from pydantic import BaseModel, Field
+
+from app.models.user import PyObjectId
+
+FactCategory = Literal["person", "organization", "environment", "needs", "preferences"]
+FactSource = Literal["stated", "inferred"]
+
+
+class UserFact(BaseModel):
+    class Config:
+        allow_population_by_field_name = True
+        arbitrary_types_allowed = True
+        json_encoders = {ObjectId: str}
+
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    user_id: PyObjectId
+    category: FactCategory
+    key: str
+    value: str
+    source: FactSource
+    confidence: Optional[float] = None
+    evidence: Optional[str] = None
+    created_at: datetime = Field(default_factory=datetime.utcnow)
+    updated_at: datetime = Field(default_factory=datetime.utcnow)
+
+
+class UserFactCreate(BaseModel):
+    category: FactCategory
+    key: str
+    value: str
+    evidence: Optional[str] = None
+
+
+class UserFactUpdate(BaseModel):
+    value: Optional[str] = None
+    source: Optional[FactSource] = None
+    confidence: Optional[float] = None
+    evidence: Optional[str] = None
+    category: Optional[FactCategory] = None
+
+
+class UserFactResponse(BaseModel):
+    id: str
+    user_id: str
+    category: FactCategory
+    key: str
+    value: str
+    source: FactSource
+    confidence: Optional[float] = None
+    evidence: Optional[str] = None
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+
+
+class UserFactListResponse(BaseModel):
+    facts: List[UserFactResponse]
+
+
+class UserSummary(BaseModel):
+    class Config:
+        allow_population_by_field_name = True
+        arbitrary_types_allowed = True
+        json_encoders = {ObjectId: str}
+
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    user_id: PyObjectId
+    short: str = ""
+    long: str = ""
+    generated_at: datetime = Field(default_factory=datetime.utcnow)
+    version: Optional[int] = None
+
+
+class UserSummaryResponse(BaseModel):
+    user_id: str
+    short: str = ""
+    long: str = ""
+    generated_at: Optional[datetime] = None
+    version: Optional[int] = None
diff --git a/multi_llm_chatbot_backend/app/models/user_profile.py b/multi_llm_chatbot_backend/app/models/user_profile.py
new file mode 100644
index 0000000000000000000000000000000000000000..fa75115c28fb3030cfc25557f88801fc3f8f390f
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/models/user_profile.py
@@ -0,0 +1,60 @@
+from datetime import datetime
+from typing import List, Optional
+
+from bson import ObjectId
+from pydantic import BaseModel, Field
+
+from app.models.user import PyObjectId
+
+
+class UserProfile(BaseModel):
+    class Config:
+        allow_population_by_field_name = True
+        arbitrary_types_allowed = True
+        json_encoders = {ObjectId: str}
+
+    id: PyObjectId = Field(default_factory=PyObjectId, alias="_id")
+    user_id: PyObjectId
+    knowledge_level: Optional[str] = None
+    timezone: Optional[str] = None
+    cyber_role: Optional[str] = None
+    organization_type: Optional[str] = None
+    primary_domains: List[str] = []
+    certifications: List[str] = []
+    tools_stack: List[str] = []
+    compliance_focus: Optional[str] = None
+    current_goals: Optional[str] = None
+    learning_preferences: Optional[str] = None
+    advisor_notes: Optional[str] = None
+    updated_at: datetime = Field(default_factory=datetime.utcnow)
+
+
+class UserProfileUpdate(BaseModel):
+    knowledge_level: Optional[str] = None
+    timezone: Optional[str] = None
+    cyber_role: Optional[str] = None
+    organization_type: Optional[str] = None
+    primary_domains: Optional[List[str]] = None
+    certifications: Optional[List[str]] = None
+    tools_stack: Optional[List[str]] = None
+    compliance_focus: Optional[str] = None
+    current_goals: Optional[str] = None
+    learning_preferences: Optional[str] = None
+    advisor_notes: Optional[str] = None
+
+
+class UserProfileResponse(BaseModel):
+    user_id: str
+    knowledge_level: Optional[str] = None
+    timezone: Optional[str] = None
+    cyber_role: Optional[str] = None
+    organization_type: Optional[str] = None
+    primary_domains: List[str] = []
+    certifications: List[str] = []
+    tools_stack: List[str] = []
+    compliance_focus: Optional[str] = None
+    current_goals: Optional[str] = None
+    learning_preferences: Optional[str] = None
+    advisor_notes: Optional[str] = None
+    updated_at: Optional[datetime] = None
+    completion_pct: int = 0
diff --git a/multi_llm_chatbot_backend/app/tests/__init__.py b/multi_llm_chatbot_backend/app/tests/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..8b137891791fe96927ad78e64b0aad7bded08bdc
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/__init__.py
@@ -0,0 +1 @@
+
diff --git a/multi_llm_chatbot_backend/app/tests/integration/__init__.py b/multi_llm_chatbot_backend/app/tests/integration/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..8b137891791fe96927ad78e64b0aad7bded08bdc
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/integration/__init__.py
@@ -0,0 +1 @@
+
diff --git a/multi_llm_chatbot_backend/app/tests/integration/test_context_propagation.py b/multi_llm_chatbot_backend/app/tests/integration/test_context_propagation.py
new file mode 100644
index 0000000000000000000000000000000000000000..34ac0ae85f898f9e67b82e708f262003a26df64d
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/integration/test_context_propagation.py
@@ -0,0 +1,42 @@
+import requests
+import time
+
+BASE_URL = "http://localhost:8000"
+
+def test_unified_chat():
+    print("\nSending unified chat request to /chat...\n")
+    payload = {
+        "user_input": "I'm a second year PhD student in Machine Learning. Any advice for my research paper presentation? I am preparing for final QnA session."
+    }
+
+    try:
+        response = requests.post(f"{BASE_URL}/chat", json=payload)
+        response.raise_for_status()
+    except requests.exceptions.RequestException as e:
+        print("Error:", e)
+        return
+
+    data = response.json()
+    print(f"Type: {data.get('type')}")
+    print(f"Collected Info: {data.get('collected_info')}")
+
+    for reply in data.get("responses", []):
+        print(f"\n{reply['persona']}:\n{reply['response'][:500]}...\n")  # show only first 500 chars
+
+def test_context_log():
+    print("\nFetching /context...\n")
+    try:
+        response = requests.get(f"{BASE_URL}/context")
+        response.raise_for_status()
+    except requests.exceptions.RequestException as e:
+        print("Error fetching context:", e)
+        return
+
+    context = response.json()
+    for entry in context[-6:]:  # Show the last 6 interactions for relevance
+        print(f"{entry['role']}: {entry['content'][:120]}...")  # preview each entry
+
+if __name__ == "__main__":
+    test_unified_chat()
+    time.sleep(2)
+    test_context_log()
diff --git a/multi_llm_chatbot_backend/app/tests/integration/test_document_upload.py b/multi_llm_chatbot_backend/app/tests/integration/test_document_upload.py
new file mode 100644
index 0000000000000000000000000000000000000000..23b2778b0073ab5a0e6ad636294d48528ff2a7ee
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/integration/test_document_upload.py
@@ -0,0 +1,23 @@
+import requests
+
+# Set your file path here
+file_path = "C:/Projects/Neon AI Project/Neon-AI-Project/multi_llm_chatbot_backend/app/tests/Resume.pdf"
+
+# Step 1: Upload the file
+upload_url = "http://localhost:8000/upload-document"
+with open(file_path, "rb") as file:
+    files = {"file": ("Resume.pdf", file, "application/pdf")}
+    #print("Received file type:", file.content_type)
+    upload_response = requests.post(upload_url, files=files)
+
+print("Upload Status:", upload_response.status_code)
+print("Upload Response:", upload_response.json())
+
+# Step 2: Fetch context
+context_url = "http://localhost:8000/context"
+context_response = requests.get(context_url)
+
+print("\nSession Context Status:", context_response.status_code)
+print("Latest Context Snippet:")
+for msg in context_response.json()[-3:]:  # Show last 3 entries
+    print(msg)
diff --git a/multi_llm_chatbot_backend/app/tests/integration/test_rag_system.py b/multi_llm_chatbot_backend/app/tests/integration/test_rag_system.py
new file mode 100644
index 0000000000000000000000000000000000000000..0ba6e3458dd3939039232276b44bcb504543a2b4
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/integration/test_rag_system.py
@@ -0,0 +1,155 @@
+import requests
+import json
+import time
+
+BASE_URL = "http://localhost:8000"
+
+def test_rag_system():
+    """
+    Comprehensive test of the RAG system
+    """
+    print("🚀 Testing RAG System Integration\n")
+    
+    # Test 1: Upload a document
+    print("📄 Test 1: Uploading a document...")
+    
+    # Create a sample research document
+    sample_document = """
+    Research Methodology for Machine Learning PhD
+    
+    Abstract: This document outlines the methodology for conducting research in machine learning, 
+    focusing on experimental design, data collection, and validation techniques.
+    
+    1. Introduction
+    Machine learning research requires rigorous methodology to ensure reproducible results.
+    The theoretical framework must be grounded in statistical learning theory.
+    
+    2. Methodology
+    Our research design follows a mixed-methods approach combining quantitative experiments
+    with qualitative analysis. Data collection involves sampling from multiple datasets
+    to ensure statistical validity and external validity.
+    
+    3. Practical Implementation
+    The implementation strategy focuses on actionable steps: first, establish baseline models,
+    then implement incremental improvements, and finally conduct comprehensive evaluation.
+    Each step should have clear success metrics and timelines.
+    
+    4. Theoretical Framework
+    The conceptual foundation draws from information theory, statistical learning theory,
+    and computational complexity theory. The epistemological assumptions underlying
+    our approach assume that knowledge can be extracted from data through systematic analysis.
+    
+    5. Next Steps
+    Immediate action items include: data preprocessing, model selection, hyperparameter tuning,
+    and result validation. The timeline should prioritize high-impact activities first.
+    """
+    
+    # Save as temporary file
+    with open("temp_research_doc.txt", "w") as f:
+        f.write(sample_document)
+    
+    # Upload the document
+    with open("temp_research_doc.txt", "rb") as f:
+        files = {"file": ("research_methodology.txt", f, "text/plain")}
+        upload_response = requests.post(f"{BASE_URL}/upload-document", files=files)
+    
+    print(f"Upload Status: {upload_response.status_code}")
+    print(f"Response: {json.dumps(upload_response.json(), indent=2)}\n")
+    
+    # Test 2: Get document statistics
+    print("📊 Test 2: Getting document statistics...")
+    stats_response = requests.get(f"{BASE_URL}/document-stats")
+    print(f"Stats: {json.dumps(stats_response.json(), indent=2)}\n")
+    
+    # Test 3: Test direct document search
+    print("🔍 Test 3: Testing direct document search...")
+    
+    search_queries = [
+        {"query": "What methodology should I use?", "persona": "methodologist"},
+        {"query": "What is the theoretical framework?", "persona": "theorist"},
+        {"query": "What are the next steps?", "persona": "pragmatist"}
+    ]
+    
+    for search in search_queries:
+        print(f"\nSearching: '{search['query']}' for {search['persona']}")
+        search_response = requests.post(
+            f"{BASE_URL}/search-documents",
+            json=search
+        )
+        
+        if search_response.status_code == 200:
+            results = search_response.json()
+            print(f"Found {results['results_count']} results")
+            for i, result in enumerate(results['results'][:2], 1):  # Show top 2
+                print(f"  Result {i}: {result['text'][:100]}... (score: {result['relevance_score']:.3f})")
+        else:
+            print(f"Search failed: {search_response.status_code}")
+    
+    print("\n" + "="*60)
+    
+    # Test 4: Test RAG-enhanced chat
+    print("💬 Test 4: Testing RAG-enhanced chat responses...\n")
+    
+    chat_queries = [
+        "I need help with my research methodology. What approach should I take?",
+        "Can you explain the theoretical framework I should consider?", 
+        "What are the practical next steps I should focus on?"
+    ]
+    
+    for query in chat_queries:
+        print(f"Query: {query}")
+        chat_response = requests.post(
+            f"{BASE_URL}/chat-sequential",
+            json={"user_input": query, "response_length": "short"}
+        )
+        
+        if chat_response.status_code == 200:
+            result = chat_response.json()
+            print(f"Response type: {result.get('type')}")
+            
+            if 'rag_info' in result:
+                rag_info = result['rag_info']
+                print(f"RAG Info: {rag_info['personas_using_documents']}/{len(result.get('responses', []))} personas used documents")
+                print(f"Total chunks used: {rag_info['total_document_chunks_used']}")
+            
+            # Show one advisor response
+            if 'responses' in result and result['responses']:
+                advisor = result['responses'][0]
+                print(f"\n{advisor['persona_name']}: {advisor['response'][:200]}...")
+                if advisor.get('used_documents'):
+                    print(f"✅ Used {advisor.get('document_chunks_used', 0)} document chunks")
+                else:
+                    print("❌ No documents used")
+        else:
+            print(f"Chat failed: {chat_response.status_code}")
+        
+        print("\n" + "-"*40 + "\n")
+    
+    # Test 5: Session statistics
+    print("📈 Test 5: Getting comprehensive session statistics...")
+    session_stats = requests.get(f"{BASE_URL}/session-stats")
+    if session_stats.status_code == 200:
+        stats = session_stats.json()
+        print(f"Session Stats:")
+        print(f"  Messages: {stats.get('message_count', 0)}")
+        print(f"  Uploaded files: {len(stats.get('uploaded_files', []))}")
+        print(f"  RAG documents: {stats.get('rag_stats', {}).get('total_documents', 0)}")
+        print(f"  RAG chunks: {stats.get('rag_stats', {}).get('total_chunks', 0)}")
+    
+    # Cleanup
+    import os
+    try:
+        os.remove("temp_research_doc.txt")
+    except:
+        pass
+    
+    print("\n🎉 RAG System Testing Complete!")
+    print("\nKey Improvements:")
+    print("✅ Documents are now chunked and stored in vector database")
+    print("✅ Each advisor gets persona-specific document chunks") 
+    print("✅ Only relevant content is retrieved for each query")
+    print("✅ Session context is much more efficient")
+    print("✅ Supports semantic search across all uploaded documents")
+
+if __name__ == "__main__":
+    test_rag_system()
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/tests/scripts/check_mistral.py b/multi_llm_chatbot_backend/app/tests/scripts/check_mistral.py
new file mode 100644
index 0000000000000000000000000000000000000000..fbe08298f106b8af1b1cd10789618071022aa80f
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/scripts/check_mistral.py
@@ -0,0 +1,13 @@
+import requests
+
+url = "http://localhost:11434/api/generate"
+
+payload = {
+    "model": "mistral",
+    "prompt": "You are a professor. Give me PhD advice.",
+    "stream": False
+}
+
+response = requests.post(url, json=payload)
+print(response.status_code)
+print(response.json())
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/tests/scripts/debug_rag.py b/multi_llm_chatbot_backend/app/tests/scripts/debug_rag.py
new file mode 100644
index 0000000000000000000000000000000000000000..40326f4f41511ea01674abbb459a0ed08411cd95
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/scripts/debug_rag.py
@@ -0,0 +1,208 @@
+#!/usr/bin/env python3
+"""
+Debug RAG Chat Integration
+
+This script helps debug why RAG isn't working in chat responses.
+"""
+
+import requests
+import json
+import time
+
+BASE_URL = "http://localhost:8000"
+
+def test_direct_search():
+    """Test direct document search with detailed output"""
+    print("🔍 Testing direct document search...")
+    
+    test_queries = [
+        {"query": "research methodology approach", "persona": "methodologist"},
+        {"query": "theoretical framework theory", "persona": "theorist"},
+        {"query": "practical steps implementation", "persona": "pragmatist"}
+    ]
+    
+    for test in test_queries:
+        print(f"\nTesting: '{test['query']}' for {test['persona']}")
+        
+        try:
+            response = requests.post(
+                f"{BASE_URL}/search-documents",
+                json=test,
+                timeout=10
+            )
+            
+            if response.status_code == 200:
+                result = response.json()
+                print(f"✅ Found {result['results_count']} results")
+                
+                for i, chunk in enumerate(result['results'], 1):
+                    score = chunk['relevance_score']
+                    distance = chunk.get('distance', 'unknown')
+                    text_preview = chunk['text'][:100]
+                    
+                    print(f"  Result {i}:")
+                    print(f"    Relevance: {score:.4f}")
+                    print(f"    Distance: {distance}")
+                    print(f"    Text: {text_preview}...")
+                    print(f"    Meets 0.1 threshold: {'✅' if score > 0.1 else '❌'}")
+            else:
+                print(f"❌ Search failed: {response.status_code}")
+                
+        except Exception as e:
+            print(f"❌ Search error: {e}")
+
+def test_single_persona_chat():
+    """Test individual persona chat to isolate issues"""
+    print("\n💬 Testing individual persona chat...")
+    
+    personas = ["methodologist", "theorist", "pragmatist"]
+    query = "What research methodology should I use based on the uploaded document?"
+    
+    for persona in personas:
+        print(f"\nTesting {persona}...")
+        
+        try:
+            # Note: This endpoint might not exist yet, but we can try
+            response = requests.post(
+                f"{BASE_URL}/chat/{persona}",
+                json={"user_input": query, "response_length": "short"},
+                timeout=15
+            )
+            
+            if response.status_code == 200:
+                result = response.json()
+                print(f"✅ {persona} response received")
+                
+                if 'rag_info' in result:
+                    rag_info = result['rag_info']
+                    print(f"   Used documents: {rag_info.get('used_documents', False)}")
+                    print(f"   Chunks used: {rag_info.get('document_chunks_used', 0)}")
+                
+                if 'persona' in result:
+                    response_text = result['persona'].get('response', '')[:150]
+                    print(f"   Response: {response_text}...")
+            else:
+                print(f"❌ {persona} chat failed: {response.status_code}")
+                
+        except Exception as e:
+            print(f"❌ {persona} chat error: {e}")
+
+def test_sequential_chat_debug():
+    """Test sequential chat with more detailed debugging"""
+    print("\n🔄 Testing sequential chat with debug info...")
+    
+    query = "Based on the methodology document I uploaded, what approach should I take?"
+    
+    try:
+        response = requests.post(
+            f"{BASE_URL}/chat-sequential",
+            json={"user_input": query, "response_length": "short"},
+            timeout=30
+        )
+        
+        if response.status_code == 200:
+            result = response.json()
+            print(f"✅ Sequential chat response received")
+            print(f"   Response type: {result.get('type')}")
+            
+            if 'rag_info' in result:
+                rag_info = result['rag_info']
+                print(f"   RAG enabled: {rag_info.get('rag_enabled', False)}")
+                print(f"   Personas using documents: {rag_info.get('personas_using_documents', 0)}")
+                print(f"   Total chunks used: {rag_info.get('total_document_chunks_used', 0)}")
+            
+            if 'responses' in result:
+                print(f"\n   Individual persona results:")
+                for resp in result['responses']:
+                    persona_name = resp.get('persona_name', 'Unknown')
+                    used_docs = resp.get('used_documents', False)
+                    chunks_used = resp.get('document_chunks_used', 0)
+                    error = resp.get('error', False)
+                    
+                    print(f"   {persona_name}:")
+                    print(f"     Used documents: {used_docs}")
+                    print(f"     Chunks used: {chunks_used}")
+                    print(f"     Error: {error}")
+                    
+                    if resp.get('response'):
+                        response_preview = resp['response'][:100]
+                        print(f"     Response: {response_preview}...")
+        else:
+            print(f"❌ Sequential chat failed: {response.status_code}")
+            print(f"   Response: {response.text}")
+            
+    except Exception as e:
+        print(f"❌ Sequential chat error: {e}")
+
+def upload_better_test_document():
+    """Upload a more targeted test document"""
+    print("\n📄 Uploading better test document...")
+    
+    better_doc = """
+    PhD Research Methodology Guide for Machine Learning
+    
+    METHODOLOGY SECTION:
+    For machine learning research, you should use a mixed-methods approach combining quantitative experiments with qualitative analysis. Start with baseline models and incrementally add complexity. Use proper train/validation/test splits with stratified sampling. Statistical significance testing is crucial for methodology validation.
+    
+    THEORETICAL FRAMEWORK SECTION:
+    Ground your work in established learning theory and computational complexity theory. Consider information theory principles and statistical learning theory. The epistemological assumptions should assume that knowledge can be extracted from data through systematic analysis. Review relevant literature and position your work within existing theoretical frameworks.
+    
+    PRACTICAL IMPLEMENTATION SECTION:
+    Your next steps should include: 1) Define clear research questions, 2) Design data collection methods, 3) Implement baseline models, 4) Conduct hyperparameter tuning, 5) Perform comprehensive evaluation, 6) Document all results. Create a timeline with specific milestones and success metrics for each phase.
+    """
+    
+    try:
+        with open("better_test_doc.txt", "w") as f:
+            f.write(better_doc)
+        
+        with open("better_test_doc.txt", "rb") as f:
+            files = {"file": ("ml_methodology_guide.txt", f, "text/plain")}
+            response = requests.post(f"{BASE_URL}/upload-document", files=files)
+        
+        import os
+        os.remove("better_test_doc.txt")
+        
+        if response.status_code == 200:
+            result = response.json()
+            print(f"✅ Better document uploaded: {result['chunks_created']} chunks")
+            return True
+        else:
+            print(f"❌ Upload failed: {response.status_code}")
+            return False
+            
+    except Exception as e:
+        print(f"❌ Upload error: {e}")
+        return False
+
+def main():
+    """Run debug sequence"""
+    print("🔧 RAG Chat Debug Tool")
+    print("=" * 40)
+    
+    # Test 1: Upload better document
+    if not upload_better_test_document():
+        print("❌ Document upload failed, continuing with existing document...")
+    
+    # Test 2: Direct search
+    test_direct_search()
+    
+    # Test 3: Individual persona chat (if endpoint exists)
+    test_single_persona_chat()
+    
+    # Test 4: Sequential chat with debug
+    test_sequential_chat_debug()
+    
+    print("\n" + "=" * 40)
+    print("🔍 Debug Analysis:")
+    print("1. Check if direct search shows relevance scores > 0.1")
+    print("2. Check if individual personas work (may not be implemented)")
+    print("3. Check if sequential chat shows 'used_documents: true' for any persona")
+    print("4. Look for server logs showing document retrieval attempts")
+    
+    print("\nIf RAG still isn't working:")
+    print("- Check server logs for 'Retrieved X chunks for persona_name'")
+    print("- Verify relevance scores are above 0.1 threshold")
+    print("- Ensure document context is being passed to personas")
+
+if __name__ == "__main__":
+    main()
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/tests/unit/__init__.py b/multi_llm_chatbot_backend/app/tests/unit/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..8b137891791fe96927ad78e64b0aad7bded08bdc
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/__init__.py
@@ -0,0 +1 @@
+
diff --git a/multi_llm_chatbot_backend/app/tests/unit/conftest.py b/multi_llm_chatbot_backend/app/tests/unit/conftest.py
new file mode 100644
index 0000000000000000000000000000000000000000..1f539bd3b68d87acd9ed7e6879e6a7a64749b0e6
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/conftest.py
@@ -0,0 +1,38 @@
+"""Session-wide stubs for modules that do heavy work at import time.
+
+``app.api.routes.__init__`` eagerly imports every sibling route, and
+``app.api.routes.provider`` instantiates real LLM clients at module
+load.  ``app.core.bootstrap`` and ``app.core.rag_manager`` likewise
+start NLTK, ChromaDB, and the LLM stack the moment they are imported.
+
+We install harmless ``MagicMock`` substitutes for those modules once,
+before any test file in this directory is collected, so every test
+gets a consistent, importable view of ``app.api.routes`` without
+having to reproduce the same stubbing recipe in every test module.
+
+Tests that want to exercise the real version of a specific route
+module (for example, ``test_version.py`` wanting the real
+``app.api.routes.root``) can still pop their target out of
+``sys.modules`` in their own setup -- they no longer have to
+coordinate cleanup with peer test modules.
+"""
+
+import sys
+from unittest.mock import MagicMock
+
+from fastapi import APIRouter
+
+
+for _name in ("app.core.bootstrap", "app.core.rag_manager"):
+    sys.modules.setdefault(_name, MagicMock())
+
+_stub_router_module = MagicMock(router=APIRouter())
+for _name in (
+    "app.api.routes.chat",
+    "app.api.routes.documents",
+    "app.api.routes.sessions",
+    "app.api.routes.provider",
+    "app.api.routes.debug",
+    "app.api.routes.phd_canvas",
+):
+    sys.modules.setdefault(_name, _stub_router_module)
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_account_management.py b/multi_llm_chatbot_backend/app/tests/unit/test_account_management.py
new file mode 100644
index 0000000000000000000000000000000000000000..ab9fd3671578f3fd71248d1555142a5d9cc17358
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_account_management.py
@@ -0,0 +1,286 @@
+import asyncio
+import unittest
+from datetime import datetime
+from unittest.mock import AsyncMock, MagicMock, patch
+
+from bson import ObjectId
+from fastapi import HTTPException
+from pydantic import ValidationError
+
+# Heavy modules pulled in transitively by ``app.api.routes.auth`` are
+# stubbed once for the whole test session in ``conftest.py``; the import
+# below relies on those stubs already being in place.
+from app.api.routes.auth import (  # noqa: E402
+    ChangePasswordRequest,
+    DeleteAccountRequest,
+    change_password,
+    delete_account,
+    update_profile,
+)
+from app.models.user import User, UserUpdate  # noqa: E402
+
+
+FAKE_USER_ID = ObjectId()
+
+
+def _make_fake_user(**overrides):
+    defaults = dict(
+        _id=FAKE_USER_ID,
+        firstName="Test",
+        lastName="User",
+        email="test@example.com",
+        hashed_password="$2b$12$fakehash",
+        is_active=True,
+        created_at=datetime(2025, 1, 1),
+    )
+    defaults.update(overrides)
+    return User(**defaults)
+
+
+def _mock_db():
+    db = MagicMock()
+    db.users.update_one = AsyncMock()
+    db.users.delete_one = AsyncMock()
+    db.users.find_one = AsyncMock()
+    db.chat_sessions.delete_many = AsyncMock()
+    db.phd_canvases.delete_many = AsyncMock()
+    db.user_profiles.delete_many = AsyncMock()
+    db.onboarding_conversations.delete_many = AsyncMock()
+    db.user_facts.delete_many = AsyncMock()
+    db.user_summaries.delete_many = AsyncMock()
+    db.goal_tracks.delete_many = AsyncMock()
+    db.assessments.delete_many = AsyncMock()
+    return db
+
+
+# ------------------------------------------------------------------
+# POST /auth/me/password
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.auth.get_database")
+@patch("app.api.routes.auth.get_password_hash", return_value="new_hashed")
+@patch("app.api.routes.auth.verify_password")
+class TestChangePassword(unittest.TestCase):
+
+    def test_success(self, mock_verify, mock_hash, mock_get_db):
+        mock_verify.return_value = True
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        body = ChangePasswordRequest(
+            current_password="old", new_password="newsecure",
+        )
+
+        result = asyncio.run(change_password(body=body, current_user=user))
+
+        mock_verify.assert_called_once_with("old", user.hashed_password)
+        mock_hash.assert_called_once_with("newsecure")
+        db.users.update_one.assert_called_once_with(
+            {"_id": user.id},
+            {"$set": {"hashed_password": "new_hashed"}},
+        )
+        self.assertEqual(result.message, "Password changed successfully")
+
+    def test_wrong_current_password(self, mock_verify, mock_hash, mock_get_db):
+        mock_verify.return_value = False
+
+        user = _make_fake_user()
+        body = ChangePasswordRequest(
+            current_password="wrong", new_password="newsecure",
+        )
+
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(change_password(body=body, current_user=user))
+
+        self.assertEqual(ctx.exception.status_code, 400)
+        self.assertIn("incorrect", ctx.exception.detail.lower())
+
+    def test_new_password_too_short(self, mock_verify, mock_hash, mock_get_db):
+        mock_verify.return_value = True
+
+        user = _make_fake_user()
+        body = ChangePasswordRequest(
+            current_password="old", new_password="short",
+        )
+
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(change_password(body=body, current_user=user))
+
+        self.assertEqual(ctx.exception.status_code, 400)
+        self.assertIn("8 characters", ctx.exception.detail)
+
+    def test_db_not_called_on_wrong_password(self, mock_verify, mock_hash, mock_get_db):
+        mock_verify.return_value = False
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        body = ChangePasswordRequest(
+            current_password="wrong", new_password="newsecure",
+        )
+
+        with self.assertRaises(HTTPException):
+            asyncio.run(change_password(body=body, current_user=user))
+
+        db.users.update_one.assert_not_called()
+
+    def test_same_password_rejected(self, mock_verify, mock_hash, mock_get_db):
+        with self.assertRaises(ValidationError) as ctx:
+            ChangePasswordRequest(
+                current_password="samepass", new_password="samepass",
+            )
+
+        self.assertIn("different", str(ctx.exception).lower())
+
+
+# ------------------------------------------------------------------
+# PATCH /auth/me
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.auth.get_database")
+class TestUpdateProfile(unittest.TestCase):
+
+    def test_update_first_name(self, mock_get_db):
+        user = _make_fake_user()
+        updated_doc = {**user.model_dump(by_alias=True), "firstName": "Alice"}
+        db = _mock_db()
+        db.users.find_one = AsyncMock(return_value=updated_doc)
+        mock_get_db.return_value = db
+
+        body = UserUpdate(firstName="Alice")
+        result = asyncio.run(update_profile(body=body, current_user=user))
+
+        db.users.update_one.assert_called_once_with(
+            {"_id": user.id},
+            {"$set": {"firstName": "Alice"}},
+        )
+        self.assertEqual(result.firstName, "Alice")
+
+    def test_update_both_names(self, mock_get_db):
+        user = _make_fake_user()
+        updated_doc = {
+            **user.model_dump(by_alias=True),
+            "firstName": "Alice",
+            "lastName": "Smith",
+        }
+        db = _mock_db()
+        db.users.find_one = AsyncMock(return_value=updated_doc)
+        mock_get_db.return_value = db
+
+        body = UserUpdate(firstName="Alice", lastName="Smith")
+        result = asyncio.run(update_profile(body=body, current_user=user))
+
+        db.users.update_one.assert_called_once_with(
+            {"_id": user.id},
+            {"$set": {"firstName": "Alice", "lastName": "Smith"}},
+        )
+        self.assertEqual(result.firstName, "Alice")
+        self.assertEqual(result.lastName, "Smith")
+
+    def test_empty_body_is_noop(self, mock_get_db):
+        user = _make_fake_user()
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        body = UserUpdate()
+        result = asyncio.run(update_profile(body=body, current_user=user))
+
+        db.users.update_one.assert_not_called()
+        self.assertEqual(result.firstName, "Test")
+
+    def test_strips_whitespace(self, mock_get_db):
+        user = _make_fake_user()
+        updated_doc = {**user.model_dump(by_alias=True), "firstName": "Alice"}
+        db = _mock_db()
+        db.users.find_one = AsyncMock(return_value=updated_doc)
+        mock_get_db.return_value = db
+
+        body = UserUpdate(firstName="  Alice  ")
+
+        asyncio.run(update_profile(body=body, current_user=user))
+
+        db.users.update_one.assert_called_once_with(
+            {"_id": user.id},
+            {"$set": {"firstName": "Alice"}},
+        )
+
+    def test_knowledge_level_syncs_to_profile(self, mock_get_db):
+        user = _make_fake_user()
+        updated_doc = {**user.model_dump(by_alias=True), "academicStage": "expert"}
+        db = _mock_db()
+        db.users.find_one = AsyncMock(return_value=updated_doc)
+        db.user_profiles.update_one = AsyncMock()
+        mock_get_db.return_value = db
+
+        body = UserUpdate(academicStage="expert")
+        asyncio.run(update_profile(body=body, current_user=user))
+
+        profile_call = db.user_profiles.update_one.call_args
+        self.assertEqual(profile_call[0][0], {"user_id": user.id})
+        self.assertEqual(
+            profile_call[0][1]["$set"]["knowledge_level"], "expert"
+        )
+
+
+# ------------------------------------------------------------------
+# DELETE /auth/me
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.auth.get_database")
+@patch("app.api.routes.auth.verify_password")
+class TestDeleteAccount(unittest.TestCase):
+
+    def test_success(self, mock_verify, mock_get_db):
+        mock_verify.return_value = True
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        body = DeleteAccountRequest(password="correct")
+
+        result = asyncio.run(delete_account(body=body, current_user=user))
+
+        mock_verify.assert_called_once_with("correct", user.hashed_password)
+        db.chat_sessions.delete_many.assert_called_once_with({"user_id": user.id})
+        db.phd_canvases.delete_many.assert_called_once_with({"user_id": user.id})
+        db.user_profiles.delete_many.assert_called_once_with({"user_id": user.id})
+        db.onboarding_conversations.delete_many.assert_called_once_with({"user_id": user.id})
+        db.user_facts.delete_many.assert_called_once_with({"user_id": user.id})
+        db.user_summaries.delete_many.assert_called_once_with({"user_id": user.id})
+        db.goal_tracks.delete_many.assert_called_once_with({"user_id": user.id})
+        db.assessments.delete_many.assert_called_once_with({"user_id": user.id})
+        db.users.delete_one.assert_called_once_with({"_id": user.id})
+        self.assertEqual(result.message, "Account deleted")
+
+    def test_wrong_password(self, mock_verify, mock_get_db):
+        mock_verify.return_value = False
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        body = DeleteAccountRequest(password="wrong")
+
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(delete_account(body=body, current_user=user))
+
+        self.assertEqual(ctx.exception.status_code, 400)
+        self.assertIn("Incorrect password", ctx.exception.detail)
+
+    def test_no_deletion_on_wrong_password(self, mock_verify, mock_get_db):
+        mock_verify.return_value = False
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        body = DeleteAccountRequest(password="wrong")
+
+        with self.assertRaises(HTTPException):
+            asyncio.run(delete_account(body=body, current_user=user))
+
+        db.users.delete_one.assert_not_called()
+        db.chat_sessions.delete_many.assert_not_called()
+        db.phd_canvases.delete_many.assert_not_called()
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_auto_colors.py b/multi_llm_chatbot_backend/app/tests/unit/test_auto_colors.py
new file mode 100644
index 0000000000000000000000000000000000000000..8e2f1f65efec4fc69739c4ed7d5625a6a7b5ea06
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_auto_colors.py
@@ -0,0 +1,42 @@
+import re
+import pytest
+from app.config import PersonaItemConfig, generate_persona_colors
+
+
+HEX_COLOR_RE = re.compile(r"^#[0-9A-Fa-f]{6}$")
+
+
+def _perceived_lightness(hex_color: str) -> float:
+    """0.0 = black, 1.0 = white. Weighted formula matching human perception."""
+    h = hex_color.lstrip("#")
+    r, g, b = (int(h[i:i+2], 16) for i in (0, 2, 4))
+    return (0.299 * r + 0.587 * g + 0.114 * b) / 255
+
+
+# ---------------------------------------------------------------------------
+# generate_persona_colors tests
+# ---------------------------------------------------------------------------
+
+
+def test_all_values_are_valid_hex():
+    colors = generate_persona_colors("Methodologist")
+    for key in ("color", "bg_color", "dark_color", "dark_bg_color"):
+        assert key in colors, f"Missing key: {key}"
+        assert HEX_COLOR_RE.match(colors[key]), f"{key}={colors[key]} is not valid hex"
+
+
+def test_deterministic():
+    a = generate_persona_colors("Methodologist")
+    b = generate_persona_colors("Methodologist")
+    assert a == b
+
+
+def test_bg_color_is_light_and_dark_bg_is_dark():
+    colors = generate_persona_colors("Methodologist")
+    assert _perceived_lightness(colors["bg_color"]) > 0.85
+    assert _perceived_lightness(colors["dark_bg_color"]) < 0.35
+
+
+def test_explicit_color_preserved():
+    p = PersonaItemConfig(id="test", name="Methodologist", color="#FF0000")
+    assert p.color == "#FF0000"
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_avatar_resolution.py b/multi_llm_chatbot_backend/app/tests/unit/test_avatar_resolution.py
new file mode 100644
index 0000000000000000000000000000000000000000..43da8a9551978f5ebdfa37682db0dc8c7eb9738d
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_avatar_resolution.py
@@ -0,0 +1,135 @@
+import unittest
+import tempfile
+import os
+from unittest.mock import patch, MagicMock
+from pathlib import Path
+
+import httpx
+
+from app.config import PersonaItemConfig
+from app.utils.avatar_helpers import get_bundled_avatar_path, list_bundled_avatars
+
+
+class TestAvatarHelpers(unittest.TestCase):
+
+    def setUp(self):
+        self._tmp = tempfile.TemporaryDirectory()
+        self.tmp_path = Path(self._tmp.name)
+        (self.tmp_path / "advisor1.png").write_bytes(b"fake png")
+        (self.tmp_path / "advisor2.svg").write_bytes(b"<svg/>")
+
+    def tearDown(self):
+        self._tmp.cleanup()
+        list_bundled_avatars.cache_clear()
+
+    @patch("app.utils.avatar_helpers._AVATARS_DIR")
+    def test_get_bundled_avatar_path_returns_path_for_existing_file(self, mock_dir):
+        mock_dir.__class__ = Path
+        with patch("app.utils.avatar_helpers._AVATARS_DIR", self.tmp_path):
+            result = get_bundled_avatar_path("advisor1.png")
+            self.assertEqual(result, self.tmp_path / "advisor1.png")
+
+    @patch("app.utils.avatar_helpers._AVATARS_DIR")
+    def test_get_bundled_avatar_path_returns_none_for_missing_file(self, mock_dir):
+        with patch("app.utils.avatar_helpers._AVATARS_DIR", self.tmp_path):
+            result = get_bundled_avatar_path("nonexistent.png")
+            self.assertIsNone(result)
+
+    def test_get_bundled_avatar_path_returns_none_when_dir_missing(self):
+        with patch("app.utils.avatar_helpers._AVATARS_DIR", Path("/nonexistent/dir")):
+            result = get_bundled_avatar_path("advisor1.png")
+            self.assertIsNone(result)
+
+    def test_list_bundled_avatars_returns_filenames(self):
+        with patch("app.utils.avatar_helpers._AVATARS_DIR", self.tmp_path):
+            list_bundled_avatars.cache_clear()
+            result = list_bundled_avatars()
+            self.assertEqual(result, ("advisor1.png", "advisor2.svg"))
+
+
+class TestResolveImage(unittest.TestCase):
+
+    def test_no_avatar_returns_icon_uri(self):
+        persona = PersonaItemConfig(id="test", name="Test", icon="Brain")
+        self.assertEqual(persona._resolve_image(), "icon://Brain")
+
+    @patch("httpx.head")
+    def test_external_url_passed_through(self, mock_head):
+        mock_head.return_value = MagicMock(is_success=True)
+        persona = PersonaItemConfig(
+            id="test", name="Test", icon="Brain",
+            avatar="https://example.com/avatar.png",
+        )
+        self.assertEqual(
+            persona._resolve_image(),
+            "https://example.com/avatar.png",
+        )
+        mock_head.assert_called_once_with(
+            "https://example.com/avatar.png", timeout=5, follow_redirects=True,
+        )
+
+    @patch("httpx.head")
+    def test_http_url_passed_through(self, mock_head):
+        mock_head.return_value = MagicMock(is_success=True)
+        persona = PersonaItemConfig(
+            id="test", name="Test", icon="Brain",
+            avatar="http://example.com/avatar.png",
+        )
+        self.assertEqual(
+            persona._resolve_image(),
+            "http://example.com/avatar.png",
+        )
+
+    @patch("httpx.head")
+    def test_url_returning_404_falls_back_to_icon(self, mock_head):
+        mock_head.return_value = MagicMock(is_success=False, status_code=404)
+        persona = PersonaItemConfig(
+            id="test", name="Test", icon="Brain",
+            avatar="https://example.com/missing.png",
+        )
+        self.assertEqual(persona._resolve_image(), "icon://Brain")
+
+    @patch("httpx.head")
+    def test_unreachable_url_falls_back_to_icon(self, mock_head):
+        mock_head.side_effect = httpx.ConnectError("DNS lookup failed")
+        persona = PersonaItemConfig(
+            id="test", name="Test", icon="Brain",
+            avatar="https://nonexistent.invalid/avatar.png",
+        )
+        self.assertEqual(persona._resolve_image(), "icon://Brain")
+
+    @patch("httpx.head")
+    def test_url_timeout_falls_back_to_icon(self, mock_head):
+        mock_head.side_effect = httpx.TimeoutException("timed out")
+        persona = PersonaItemConfig(
+            id="test", name="Test", icon="Brain",
+            avatar="https://slow.example.com/avatar.png",
+        )
+        self.assertEqual(persona._resolve_image(), "icon://Brain")
+
+    @patch("app.utils.avatar_helpers.get_bundled_avatar_path")
+    def test_bundled_avatar_exists_returns_path(self, mock_get_path):
+        mock_get_path.return_value = Path("/fake/path/advisor1.png")
+        persona = PersonaItemConfig(
+            id="test", name="Test", icon="Brain", avatar="advisor1.png",
+        )
+        with patch.dict(os.environ, {"REACT_APP_API_URL": "http://localhost:8000"}):
+            self.assertEqual(
+                persona._resolve_image(),
+                "http://localhost:8000/api/avatars/bundled/advisor1.png",
+            )
+
+    @patch("app.utils.avatar_helpers.get_bundled_avatar_path")
+    def test_bundled_avatar_missing_falls_back_to_icon(self, mock_get_path):
+        mock_get_path.return_value = None
+        persona = PersonaItemConfig(
+            id="test", name="Test", icon="Brain", avatar="missing.png",
+        )
+        self.assertEqual(persona._resolve_image(), "icon://Brain")
+
+    def test_to_frontend_config_includes_image_field(self):
+        persona = PersonaItemConfig(id="test", name="Test", icon="Brain")
+        config = persona.to_frontend_config()
+        self.assertIn("image", config)
+        self.assertNotIn("icon", config)
+        self.assertEqual(config["image"], "icon://Brain")
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_canvas_workspace.py b/multi_llm_chatbot_backend/app/tests/unit/test_canvas_workspace.py
new file mode 100644
index 0000000000000000000000000000000000000000..f325d9992883b811dc44bd00451f2329bc89ef0c
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_canvas_workspace.py
@@ -0,0 +1,84 @@
+"""Unit tests for workspace / deliverables persistence on CanvasManager."""
+
+import asyncio
+import sys
+from datetime import datetime
+from types import SimpleNamespace
+from unittest.mock import AsyncMock, MagicMock, patch
+
+from bson import ObjectId
+
+
+def _make_manager(user_id: str):
+    with patch.dict(
+        sys.modules,
+        {
+            "app.core.bootstrap": MagicMock(llm=MagicMock()),
+            "app.core.canvas_analysis": MagicMock(
+                CanvasAnalysisService=MagicMock(return_value=MagicMock())
+            ),
+        },
+    ):
+        sys.modules.pop("app.core.canvas_manager", None)
+        from app.core.canvas_manager import CanvasManager
+
+        mgr = CanvasManager()
+        canvas_id = ObjectId()
+        canvas_doc = {
+            "_id": canvas_id,
+            "user_id": ObjectId(user_id),
+            "sections": {},
+            "workspace": {},
+            "deliverables": {},
+            "created_at": datetime.utcnow(),
+            "last_updated": datetime.utcnow(),
+            "last_chat_processed": None,
+            "total_insights": 0,
+            "auto_update": True,
+            "print_optimized": True,
+        }
+
+        db = SimpleNamespace()
+        db.phd_canvases = MagicMock()
+        db.phd_canvases.find_one = AsyncMock(return_value=canvas_doc)
+        db.phd_canvases.replace_one = AsyncMock(return_value=MagicMock())
+        db.phd_canvases.insert_one = AsyncMock(
+            return_value=SimpleNamespace(inserted_id=canvas_id)
+        )
+        mgr.get_database = MagicMock(return_value=db)
+        return mgr, db
+
+
+def test_save_workspace_persists_layout_and_states():
+    user_id = str(ObjectId())
+    mgr, db = _make_manager(user_id)
+    payload = {
+        "layout": [{"id": "w-1", "type": "kanban", "size": "md"}],
+        "states": {"kanban": {"columns": []}},
+        "view": "workspace",
+    }
+    canvas = asyncio.run(mgr.save_workspace(user_id, payload))
+    assert canvas.workspace["layout"][0]["type"] == "kanban"
+    assert canvas.workspace["states"]["kanban"]["columns"] == []
+    db.phd_canvases.replace_one.assert_awaited()
+
+
+def test_save_deliverables_persists_projects():
+    user_id = str(ObjectId())
+    mgr, db = _make_manager(user_id)
+    payload = {
+        "activeProjectId": "p-abc",
+        "projects": {
+            "p-abc": {
+                "id": "p-abc",
+                "name": "IR Report",
+                "templateId": "thesis-chapter",
+                "sections": {"overview": "Hello"},
+                "versions": [],
+            }
+        },
+    }
+    canvas = asyncio.run(mgr.save_deliverables(user_id, payload))
+    assert canvas.deliverables["activeProjectId"] == "p-abc"
+    assert canvas.deliverables["projects"]["p-abc"]["name"] == "IR Report"
+    db.phd_canvases.replace_one.assert_awaited()
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_chat_sessions.py b/multi_llm_chatbot_backend/app/tests/unit/test_chat_sessions.py
new file mode 100644
index 0000000000000000000000000000000000000000..bfbdad4af1c658cdb32b6a0330067e3005d7eec0
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_chat_sessions.py
@@ -0,0 +1,380 @@
+import asyncio
+import unittest
+from datetime import datetime
+from unittest.mock import AsyncMock, MagicMock, patch, call
+
+from bson import ObjectId
+from fastapi import HTTPException
+
+# Heavy modules pulled in transitively by ``app.api.routes.chat_sessions``
+# are stubbed once for the whole test session in ``conftest.py``; the
+# import below relies on those stubs already being in place.
+from app.api.routes.chat_sessions import (  # noqa: E402
+    CreateChatSessionRequest,
+    UpdateChatSessionRequest,
+    SaveMessageRequest,
+    persist_message,
+    create_chat_session,
+    get_user_chat_sessions,
+    get_chat_sessions_count,
+    get_chat_session,
+    update_chat_session,
+    save_message_to_session,
+    delete_chat_session,
+)
+from app.models.user import User  # noqa: E402
+
+FAKE_USER_ID = ObjectId()
+OTHER_USER_ID = ObjectId()
+FAKE_SESSION_ID = ObjectId()
+
+
+def _make_fake_user(**overrides):
+    defaults = dict(
+        _id=FAKE_USER_ID,
+        firstName="Test",
+        lastName="User",
+        email="test@example.com",
+        hashed_password="$2b$12$fakehash",
+        is_active=True,
+        created_at=datetime(2025, 1, 1),
+    )
+    defaults.update(overrides)
+    return User(**defaults)
+
+
+def _mock_db():
+    db = MagicMock()
+    db.chat_sessions.insert_one = AsyncMock()
+    db.chat_sessions.find_one = AsyncMock()
+    db.chat_sessions.update_one = AsyncMock()
+    db.chat_sessions.update_many = AsyncMock()
+    db.chat_sessions.count_documents = AsyncMock()
+    return db
+
+
+def _make_session_doc(user_id=FAKE_USER_ID, session_id=None, **overrides):
+    doc = {
+        "_id": session_id or FAKE_SESSION_ID,
+        "user_id": user_id,
+        "title": "Test Chat",
+        "messages": [{"type": "user", "content": "hello"}],
+        "created_at": datetime(2025, 6, 1),
+        "updated_at": datetime(2025, 6, 1),
+        "is_active": True,
+    }
+    doc.update(overrides)
+    return doc
+
+
+def _make_find_cursor(docs):
+    mock_cursor = MagicMock()
+    mock_cursor.sort.return_value = mock_cursor
+    mock_cursor.skip.return_value = mock_cursor
+    mock_cursor.limit.return_value = mock_cursor
+    mock_cursor.__aiter__ = lambda self: self
+    mock_cursor.__anext__ = AsyncMock(
+        side_effect=[*docs, StopAsyncIteration]
+    )
+    return mock_cursor
+
+
+# ------------------------------------------------------------------
+# persist_message
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestPersistMessage(unittest.TestCase):
+
+    def test_appends_message_with_auto_timestamp(self, mock_get_db):
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        msg = {"type": "user", "content": "hello"}
+        asyncio.run(persist_message(str(FAKE_SESSION_ID), msg))
+
+        args = db.chat_sessions.update_one.call_args
+        pushed = args[0][1]["$push"]["messages"]
+        self.assertEqual(pushed["type"], "user")
+        self.assertEqual(pushed["content"], "hello")
+        self.assertIn("timestamp", pushed)
+
+    def test_preserves_existing_timestamp(self, mock_get_db):
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        msg = {"type": "user", "content": "hi", "timestamp": "2025-01-01T00:00:00"}
+        asyncio.run(persist_message(str(FAKE_SESSION_ID), msg))
+
+        pushed = db.chat_sessions.update_one.call_args[0][1]["$push"]["messages"]
+        self.assertEqual(pushed["timestamp"], "2025-01-01T00:00:00")
+
+
+# ------------------------------------------------------------------
+# POST /chat-sessions (create)
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestCreateChatSession(unittest.TestCase):
+
+    def test_creates_session_and_returns_expected_shape(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.insert_one.return_value = MagicMock(inserted_id=FAKE_SESSION_ID)
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        req = CreateChatSessionRequest(title="My Chat")
+
+        result = asyncio.run(create_chat_session(request=req, current_user=user))
+
+        self.assertEqual(result["id"], str(FAKE_SESSION_ID))
+        self.assertEqual(result["title"], "My Chat")
+        self.assertEqual(result["message_count"], 0)
+        self.assertIn("created_at", result)
+        self.assertIn("updated_at", result)
+
+    def test_db_error_returns_500(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.insert_one.side_effect = Exception("DB down")
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        req = CreateChatSessionRequest(title="Fail")
+
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(create_chat_session(request=req, current_user=user))
+
+        self.assertEqual(ctx.exception.status_code, 500)
+
+
+# ------------------------------------------------------------------
+# GET /chat-sessions (list)
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestGetUserChatSessions(unittest.TestCase):
+
+    def test_returns_sessions_for_user(self, mock_get_db):
+        db = _mock_db()
+        mock_get_db.return_value = db
+
+        session_doc = _make_session_doc()
+        db.chat_sessions.find.return_value = _make_find_cursor([session_doc])
+
+        user = _make_fake_user()
+        result = asyncio.run(get_user_chat_sessions(current_user=user))
+
+        self.assertEqual(len(result), 1)
+        self.assertEqual(result[0].title, "Test Chat")
+        self.assertEqual(result[0].message_count, 1)
+
+    def test_returns_empty_list_when_no_sessions(self, mock_get_db):
+        db = _mock_db()
+        mock_get_db.return_value = db
+        db.chat_sessions.find.return_value = _make_find_cursor([])
+
+        user = _make_fake_user()
+        result = asyncio.run(get_user_chat_sessions(current_user=user))
+
+        self.assertEqual(len(result), 0)
+
+
+# ------------------------------------------------------------------
+# GET /chat-sessions/count
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestGetChatSessionsCount(unittest.TestCase):
+
+    def test_returns_correct_count(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.count_documents.return_value = 7
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        result = asyncio.run(get_chat_sessions_count(current_user=user))
+
+        self.assertEqual(result["count"], 7)
+
+    def test_db_error_returns_500(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.count_documents.side_effect = Exception("DB error")
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(get_chat_sessions_count(current_user=user))
+
+        self.assertEqual(ctx.exception.status_code, 500)
+
+
+# ------------------------------------------------------------------
+# GET /chat-sessions/{session_id}
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestGetChatSession(unittest.TestCase):
+
+    def test_returns_session_with_messages(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.find_one.return_value = _make_session_doc()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        result = asyncio.run(
+            get_chat_session(session_id=str(FAKE_SESSION_ID), current_user=user)
+        )
+
+        self.assertEqual(result["id"], str(FAKE_SESSION_ID))
+        self.assertEqual(result["title"], "Test Chat")
+        self.assertEqual(len(result["messages"]), 1)
+
+    def test_returns_404_when_not_found(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.find_one.return_value = None
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(
+                get_chat_session(session_id=str(ObjectId()), current_user=user)
+            )
+
+        self.assertEqual(ctx.exception.status_code, 404)
+
+
+# ------------------------------------------------------------------
+# PUT /chat-sessions/{session_id}
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestUpdateChatSession(unittest.TestCase):
+
+    def test_updates_title(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.find_one.return_value = _make_session_doc()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        req = UpdateChatSessionRequest(title="New Title")
+
+        result = asyncio.run(
+            update_chat_session(
+                session_id=str(FAKE_SESSION_ID), request=req, current_user=user
+            )
+        )
+
+        self.assertEqual(result["message"], "Chat session updated successfully")
+        set_data = db.chat_sessions.update_one.call_args[0][1]["$set"]
+        self.assertEqual(set_data["title"], "New Title")
+        self.assertNotIn("messages", set_data)
+
+    def test_returns_404_for_nonexistent_session(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.find_one.return_value = None
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        req = UpdateChatSessionRequest(title="Whatever")
+
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(
+                update_chat_session(
+                    session_id=str(ObjectId()), request=req, current_user=user
+                )
+            )
+
+        self.assertEqual(ctx.exception.status_code, 404)
+
+
+# ------------------------------------------------------------------
+# POST /chat-sessions/{session_id}/messages
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestSaveMessageToSession(unittest.TestCase):
+
+    def test_saves_message_to_valid_session(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.find_one.return_value = _make_session_doc()
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        req = SaveMessageRequest(
+            session_id=str(FAKE_SESSION_ID),
+            message={"type": "user", "content": "test"},
+        )
+
+        result = asyncio.run(
+            save_message_to_session(
+                session_id=str(FAKE_SESSION_ID), request=req, current_user=user
+            )
+        )
+
+        self.assertEqual(result["message"], "Message saved successfully")
+
+    def test_returns_404_for_nonexistent_session(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.find_one.return_value = None
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        req = SaveMessageRequest(
+            session_id=str(FAKE_SESSION_ID),
+            message={"type": "user", "content": "test"},
+        )
+
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(
+                save_message_to_session(
+                    session_id=str(FAKE_SESSION_ID), request=req, current_user=user
+                )
+            )
+
+        self.assertEqual(ctx.exception.status_code, 404)
+
+
+# ------------------------------------------------------------------
+# DELETE /chat-sessions/{session_id}
+# ------------------------------------------------------------------
+
+
+@patch("app.api.routes.chat_sessions.get_database")
+class TestDeleteChatSession(unittest.TestCase):
+
+    def test_soft_deletes_session(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.update_one.return_value = MagicMock(matched_count=1)
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        result = asyncio.run(
+            delete_chat_session(session_id=str(FAKE_SESSION_ID), current_user=user)
+        )
+
+        self.assertEqual(result["message"], "Chat session deleted successfully")
+
+        set_arg = db.chat_sessions.update_one.call_args[0][1]["$set"]
+        self.assertFalse(set_arg["is_active"])
+
+    def test_returns_404_for_nonexistent_session(self, mock_get_db):
+        db = _mock_db()
+        db.chat_sessions.update_one.return_value = MagicMock(matched_count=0)
+        mock_get_db.return_value = db
+
+        user = _make_fake_user()
+        with self.assertRaises(HTTPException) as ctx:
+            asyncio.run(
+                delete_chat_session(
+                    session_id=str(ObjectId()), current_user=user
+                )
+            )
+
+        self.assertEqual(ctx.exception.status_code, 404)
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_clarification.py b/multi_llm_chatbot_backend/app/tests/unit/test_clarification.py
new file mode 100644
index 0000000000000000000000000000000000000000..d8f63645df4ccbd6a10de95dd60eba68040b99c7
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_clarification.py
@@ -0,0 +1,336 @@
+import asyncio
+import json
+import unittest
+from unittest.mock import AsyncMock, MagicMock, patch
+
+from app.core.improved_orchestrator import ImprovedChatOrchestrator
+
+
+def _make_session(user_message_count=1):
+    """Build a mock ConversationContext with N user messages."""
+    session = MagicMock()
+    session.messages = [
+        {"role": "user", "content": f"message {i}"}
+        for i in range(user_message_count)
+    ]
+    return session
+
+
+def _make_mock_settings():
+    """Build a mock settings object with the fields needs_clarification_improved reads."""
+    settings = MagicMock()
+    settings.app.title = "Test Advisory Panel"
+    settings.app.subtitle = "AI-Powered Test Guidance"
+    settings.orchestrator.specific_keywords = ["methodology", "theory", "research"]
+    settings.orchestrator.min_words_without_keywords = 6
+    settings.orchestrator.clarification_questions = ["Could you provide more details?"]
+    settings.orchestrator.clarification_suggestions = ["Ask about methodology."]
+    return settings
+
+
+def _make_orchestrator(persona_llm=None):
+    """Build an orchestrator with mocked dependencies, bypassing __init__."""
+    orch = ImprovedChatOrchestrator.__new__(ImprovedChatOrchestrator)
+    orch.llm_client = None
+    orch.session_manager = MagicMock()
+    orch.context_manager = MagicMock()
+
+    if persona_llm is not None:
+        persona = MagicMock()
+        persona.name = "Dr. Test"
+        persona.id = "tester"
+        persona.llm = persona_llm
+        orch.personas = {"tester": persona}
+    else:
+        orch.personas = {}
+
+    return orch
+
+
+@patch("app.core.improved_orchestrator.get_settings")
+class TestNeedsClarificationImproved(unittest.TestCase):
+
+    def _run(self, coro):
+        return asyncio.run(coro)
+
+    # ------------------------------------------------------------------
+    # First-message gate
+    # ------------------------------------------------------------------
+
+    def test_skips_when_session_has_multiple_user_messages(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock()
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=3)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "help")
+        )
+
+        self.assertFalse(result)
+        llm.generate.assert_not_called()
+
+    def test_proceeds_when_session_has_one_user_message(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": False,
+            "reason": "Clear.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        self._run(orch.needs_clarification_improved(session, "explain transformers"))
+
+        llm.generate.assert_called_once()
+
+    # ------------------------------------------------------------------
+    # LLM happy path — clear input
+    # ------------------------------------------------------------------
+
+    def test_returns_false_when_llm_says_clear(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": False,
+            "reason": "The user asked about a specific topic.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "explain transformers")
+        )
+
+        self.assertFalse(result)
+
+    # ------------------------------------------------------------------
+    # LLM happy path — vague input
+    # ------------------------------------------------------------------
+
+    def test_returns_true_when_llm_says_vague(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": True,
+            "reason": "Single generic word with no topic.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "help")
+        )
+
+        self.assertTrue(result)
+
+    # ------------------------------------------------------------------
+    # Strict boolean parsing
+    # ------------------------------------------------------------------
+
+    def test_rejects_string_false_and_falls_back(self, mock_settings):
+        """bool("false") is True in Python; ensure string values are rejected."""
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": "false",
+            "reason": "Should have been a boolean.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        orch.needs_clarification = MagicMock(return_value=False)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "methodology")
+        )
+
+        self.assertFalse(result)
+        orch.needs_clarification.assert_called_once()
+
+    def test_rejects_string_true_and_falls_back(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": "true",
+            "reason": "Should have been a boolean.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        orch.needs_clarification = MagicMock(return_value=True)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "help")
+        )
+
+        self.assertTrue(result)
+        orch.needs_clarification.assert_called_once()
+
+    def test_rejects_missing_key_and_falls_back(self, mock_settings):
+        """If the LLM omits the key entirely, fall back."""
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "reason": "Forgot the main field.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        orch.needs_clarification = MagicMock(return_value=True)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "help")
+        )
+
+        self.assertTrue(result)
+        orch.needs_clarification.assert_called_once()
+
+    # ------------------------------------------------------------------
+    # Malformed JSON → fallback
+    # ------------------------------------------------------------------
+
+    def test_falls_back_on_malformed_json(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value="this is not json at all")
+        orch = _make_orchestrator(persona_llm=llm)
+        orch.needs_clarification = MagicMock(return_value=False)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "something")
+        )
+
+        self.assertFalse(result)
+        orch.needs_clarification.assert_called_once()
+
+    # ------------------------------------------------------------------
+    # LLM exception → fallback
+    # ------------------------------------------------------------------
+
+    def test_falls_back_on_llm_exception(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(side_effect=RuntimeError("connection refused"))
+        orch = _make_orchestrator(persona_llm=llm)
+        orch.needs_clarification = MagicMock(return_value=True)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "help")
+        )
+
+        self.assertTrue(result)
+        orch.needs_clarification.assert_called_once()
+
+    # ------------------------------------------------------------------
+    # No personas registered → fallback
+    # ------------------------------------------------------------------
+
+    def test_falls_back_when_no_personas_registered(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        orch = _make_orchestrator(persona_llm=None)
+        orch.needs_clarification = MagicMock(return_value=True)
+        session = _make_session(user_message_count=1)
+
+        result = self._run(
+            orch.needs_clarification_improved(session, "help")
+        )
+
+        self.assertTrue(result)
+        orch.needs_clarification.assert_called_once()
+
+    # ------------------------------------------------------------------
+    # LLM call parameters
+    # ------------------------------------------------------------------
+
+    def test_llm_called_with_json_mode_and_zero_temp(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": False,
+            "reason": "Clear.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        self._run(
+            orch.needs_clarification_improved(session, "explain transformers")
+        )
+
+        call_kwargs = llm.generate.call_args.kwargs
+        self.assertEqual(call_kwargs["temperature"], 0.0)
+        self.assertEqual(call_kwargs["max_tokens"], 128)
+        self.assertEqual(call_kwargs["response_mime_type"], "application/json")
+
+    def test_system_prompt_includes_app_context(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": False,
+            "reason": "Clear.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        self._run(
+            orch.needs_clarification_improved(session, "explain transformers")
+        )
+
+        system_prompt = llm.generate.call_args.kwargs["system_prompt"]
+        self.assertIn("Test Advisory Panel", system_prompt)
+        self.assertIn("AI-Powered Test Guidance", system_prompt)
+
+    def test_system_prompt_includes_domain_keywords(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": False,
+            "reason": "Clear.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        self._run(
+            orch.needs_clarification_improved(session, "explain transformers")
+        )
+
+        system_prompt = llm.generate.call_args.kwargs["system_prompt"]
+        self.assertIn("methodology", system_prompt)
+        self.assertIn("theory", system_prompt)
+        self.assertIn("research", system_prompt)
+
+    def test_system_prompt_includes_advisor_names(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": False,
+            "reason": "Clear.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        self._run(
+            orch.needs_clarification_improved(session, "explain transformers")
+        )
+
+        system_prompt = llm.generate.call_args.kwargs["system_prompt"]
+        self.assertIn("Dr. Test (tester)", system_prompt)
+
+    def test_user_input_passed_in_user_prompt(self, mock_settings):
+        mock_settings.return_value = _make_mock_settings()
+        llm = MagicMock()
+        llm.generate = AsyncMock(return_value=json.dumps({
+            "needs_clarification": False,
+            "reason": "Clear.",
+        }))
+        orch = _make_orchestrator(persona_llm=llm)
+        session = _make_session(user_message_count=1)
+
+        self._run(
+            orch.needs_clarification_improved(session, "How do I structure my lit review?")
+        )
+
+        context = llm.generate.call_args.kwargs["context"]
+        self.assertEqual(len(context), 1)
+        self.assertEqual(context[0]["role"], "user")
+        self.assertIn("How do I structure my lit review?", context[0]["content"])
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_current_datetime_tool.py b/multi_llm_chatbot_backend/app/tests/unit/test_current_datetime_tool.py
new file mode 100644
index 0000000000000000000000000000000000000000..8716f1c9d04619994ccd78360d86b52d1d3c896b
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_current_datetime_tool.py
@@ -0,0 +1,21 @@
+import asyncio
+import unittest
+from unittest.mock import patch
+
+from app.tools.current_datetime import TOOL_DEFINITION, execute
+
+
+class TestCurrentDatetimeTool(unittest.TestCase):
+    def test_tool_definition_shape(self):
+        self.assertEqual(TOOL_DEFINITION["type"], "function")
+        self.assertEqual(TOOL_DEFINITION["function"]["name"], "get_current_datetime")
+
+    @patch("app.config.get_settings")
+    def test_execute_returns_utc_and_local(self, mock_settings):
+        mock_settings.return_value.tools.get_tool_config.return_value = {
+            "default_timezone": "UTC",
+        }
+        result = asyncio.run(execute())
+        self.assertIn("utc_iso", result)
+        self.assertIn("local_iso", result)
+        self.assertEqual(result["local_timezone"], "UTC")
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_gemini_client.py b/multi_llm_chatbot_backend/app/tests/unit/test_gemini_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..d621e7ab7dad634b165b080d40ec59aa7f9e39f8
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_gemini_client.py
@@ -0,0 +1,432 @@
+import asyncio
+import json
+import unittest
+from unittest.mock import AsyncMock, MagicMock, patch
+
+from openai import APIConnectionError, APIStatusError
+
+from app.llm.llm_client import ToolCallResult
+from app.llm.improved_gemini_client import ImprovedGeminiClient
+
+
+FAKE_TOOL = {
+    "type": "function",
+    "function": {
+        "name": "search_courses",
+        "description": "Search courses",
+        "parameters": {
+            "type": "object",
+            "properties": {
+                "subject": {"type": "string", "description": "Subject code"},
+            },
+        },
+    },
+}
+
+
+def _make_text_completion_mock(content="Response"):
+    """Build a ChatCompletion mock with no tool calls."""
+    mock_message = MagicMock()
+    mock_message.content = content
+    mock_message.tool_calls = None
+    mock_choice = MagicMock()
+    mock_choice.message = mock_message
+    return MagicMock(choices=[mock_choice])
+
+
+def _make_tool_call_mock(fn_name, fn_args_dict, tool_call_id="call_123"):
+    """Build a ChatCompletion mock where the model requests a tool call."""
+    fn_args_json = json.dumps(fn_args_dict)
+
+    tool_call = MagicMock()
+    tool_call.id = tool_call_id
+    tool_call.function.name = fn_name
+    tool_call.function.arguments = fn_args_json
+
+    mock_message = MagicMock()
+    mock_message.content = None
+    mock_message.tool_calls = [tool_call]
+    mock_message.model_dump.return_value = {
+        "role": "assistant",
+        "content": None,
+        "tool_calls": [{
+            "id": tool_call_id,
+            "type": "function",
+            "function": {"name": fn_name, "arguments": fn_args_json},
+        }],
+    }
+
+    mock_choice = MagicMock()
+    mock_choice.message = mock_message
+    return MagicMock(choices=[mock_choice])
+
+
+def _make_multi_tool_call_mock(calls):
+    """Build a ChatCompletion mock with multiple parallel tool calls.
+
+    *calls* is a list of (fn_name, fn_args_dict, tool_call_id) tuples.
+    """
+    tool_calls = []
+    dump_calls = []
+    for fn_name, fn_args_dict, tool_call_id in calls:
+        fn_args_json = json.dumps(fn_args_dict)
+        tc = MagicMock()
+        tc.id = tool_call_id
+        tc.function.name = fn_name
+        tc.function.arguments = fn_args_json
+        tool_calls.append(tc)
+        dump_calls.append({
+            "id": tool_call_id,
+            "type": "function",
+            "function": {"name": fn_name, "arguments": fn_args_json},
+        })
+
+    mock_message = MagicMock()
+    mock_message.content = None
+    mock_message.tool_calls = tool_calls
+    mock_message.model_dump.return_value = {
+        "role": "assistant",
+        "content": None,
+        "tool_calls": dump_calls,
+    }
+
+    mock_choice = MagicMock()
+    mock_choice.message = mock_message
+    return MagicMock(choices=[mock_choice])
+
+
+def _make_gemini_client(MockSettings, MockCtxMgr):
+    """Instantiate an ImprovedGeminiClient with mocked dependencies."""
+    mock_settings = MagicMock()
+    mock_settings.llm.gemini.api_key = "fake-key"
+    mock_settings.llm.gemini.model = "gemini-2.0-flash"
+    MockSettings.return_value = mock_settings
+    MockCtxMgr.return_value = MagicMock()
+    return ImprovedGeminiClient()
+
+
+@patch("app.llm.improved_gemini_client.get_context_manager")
+@patch("app.llm.improved_gemini_client.get_settings")
+class TestGeminiGenerateWithTools(unittest.TestCase):
+    """Unit tests for ImprovedGeminiClient.generate_with_tools()
+    using the OpenAI-compatible endpoint."""
+
+    # ------------------------------------------------------------------
+    # Happy path — no tool call
+    # ------------------------------------------------------------------
+
+    def test_direct_text_response_returns_text(self, MockSettings, MockCtxMgr):
+        """When the model responds with text (no tool call), return it."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(
+            return_value=_make_text_completion_mock("Hello, world!"),
+        )
+        mock_executor = AsyncMock()
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Hi there",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertIsInstance(result, ToolCallResult)
+        self.assertEqual(result.text, "Hello, world!")
+        self.assertFalse(result.used_tool)
+        mock_executor.assert_not_called()
+
+    # ------------------------------------------------------------------
+    # Happy path — tool call
+    # ------------------------------------------------------------------
+
+    def test_function_call_triggers_executor_and_returns_final_text(self, MockSettings, MockCtxMgr):
+        """When the model requests a tool call, execute it and return
+        the text from the follow-up completion."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("search_courses", {"subject": "CSCI"}),
+            _make_text_completion_mock("CSCI 1300 is available MWF 10-10:50."),
+        ])
+        mock_executor = AsyncMock(
+            return_value={"courses": [{"title": "Intro to CS"}]}
+        )
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="What CSCI classes are there?",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        mock_executor.assert_called_once_with(
+            name="search_courses", subject="CSCI",
+        )
+        self.assertIsInstance(result, ToolCallResult)
+        self.assertEqual(result.text, "CSCI 1300 is available MWF 10-10:50.")
+        self.assertTrue(result.used_tool)
+        self.assertEqual(result.tool_name, "search_courses")
+        self.assertEqual(result.tool_args, {"subject": "CSCI"})
+        self.assertEqual(len(result.tool_calls_made), 1)
+        self.assertEqual(result.tool_calls_made[0].name, "search_courses")
+        self.assertEqual(gemini.openai_client.chat.completions.create.call_count, 2)
+
+    # ------------------------------------------------------------------
+    # Payload format
+    # ------------------------------------------------------------------
+
+    def test_tool_definitions_passed_through_in_openai_format(self, MockSettings, MockCtxMgr):
+        """Tool definitions (already in OpenAI format) are passed through
+        directly to the completions API."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(
+            return_value=_make_text_completion_mock("Ok"),
+        )
+
+        asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Hello",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=AsyncMock(),
+        ))
+
+        call_kwargs = gemini.openai_client.chat.completions.create.call_args[1]
+        tools = call_kwargs["tools"]
+        self.assertEqual(len(tools), 1)
+        self.assertEqual(tools[0]["type"], "function")
+        self.assertEqual(tools[0]["function"]["name"], "search_courses")
+        self.assertIn("parameters", tools[0]["function"])
+
+    def test_tool_result_appended_to_followup(self, MockSettings, MockCtxMgr):
+        """After executing a tool, the follow-up call must include
+        the assistant message, a ``role: tool`` message, and ``tools=``."""
+        tool_output = {"courses": [{"title": "Algorithms"}]}
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("search_courses", {"subject": "CSCI"}),
+            _make_text_completion_mock("Here are the results."),
+        ])
+        mock_executor = AsyncMock(return_value=tool_output)
+
+        asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Find CSCI courses",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        second_call_kwargs = gemini.openai_client.chat.completions.create.call_args_list[1][1]
+        messages = second_call_kwargs["messages"]
+
+        assistant_msg = messages[-2]
+        self.assertEqual(assistant_msg["role"], "assistant")
+
+        tool_msg = messages[-1]
+        self.assertEqual(tool_msg["role"], "tool")
+        self.assertEqual(tool_msg["tool_call_id"], "call_123")
+        self.assertEqual(json.loads(tool_msg["content"]), tool_output)
+
+        self.assertIn("tools", second_call_kwargs,
+                       "Follow-up call must include tools= so the model can "
+                       "request additional tool calls if needed")
+
+    # ------------------------------------------------------------------
+    # Error handling
+    # ------------------------------------------------------------------
+
+    def test_tool_executor_failure_serialises_error_and_continues(self, MockSettings, MockCtxMgr):
+        """If the tool executor raises, the error is serialised as the
+        tool result and the loop continues to the follow-up completion."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("search_courses", {"subject": "CSCI"}),
+            _make_text_completion_mock("Sorry, I couldn't look that up."),
+        ])
+        mock_executor = AsyncMock(side_effect=RuntimeError("network down"))
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Find CSCI courses",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertTrue(result.used_tool)
+        self.assertEqual(result.tool_name, "search_courses")
+        self.assertEqual(len(result.tool_calls_made), 1)
+
+        second_call_msgs = gemini.openai_client.chat.completions.create.call_args_list[1][1]["messages"]
+        tool_msg = [m for m in second_call_msgs if m.get("role") == "tool"][0]
+        self.assertIn("network down", json.loads(tool_msg["content"])["error"])
+
+    def test_connection_error_returns_not_used(self, MockSettings, MockCtxMgr):
+        """APIConnectionError during tool calling returns used_tool=False."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(
+            side_effect=APIConnectionError(request=MagicMock()),
+        )
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="Test",
+            user_message="Hi",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=AsyncMock(),
+        ))
+
+        self.assertIsInstance(result, ToolCallResult)
+        self.assertFalse(result.used_tool)
+        self.assertIn("unable to connect", result.text.lower())
+
+    def test_status_error_returns_not_used(self, MockSettings, MockCtxMgr):
+        """APIStatusError during tool calling returns used_tool=False."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        mock_response = MagicMock()
+        mock_response.status_code = 500
+        gemini.openai_client.chat.completions.create = AsyncMock(
+            side_effect=APIStatusError(
+                message="Server error", response=mock_response, body=None,
+            )
+        )
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="Test",
+            user_message="Hi",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=AsyncMock(),
+        ))
+
+        self.assertIsInstance(result, ToolCallResult)
+        self.assertFalse(result.used_tool)
+        self.assertIn("error", result.text.lower())
+
+    # ------------------------------------------------------------------
+    # Multi-tool call in a single response
+    # ------------------------------------------------------------------
+
+    def test_parallel_tool_calls_all_executed(self, MockSettings, MockCtxMgr):
+        """When the model requests multiple tool calls in one response,
+        all of them are executed and their results fed back."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(side_effect=[
+            _make_multi_tool_call_mock([
+                ("rate_my_professor", {"professor_name": "Dubson"}, "call_a"),
+                ("rate_my_professor", {"professor_name": "West"}, "call_b"),
+            ]),
+            _make_text_completion_mock("Dubson has a 4.5 rating. West has a 3.8 rating."),
+        ])
+        mock_executor = AsyncMock(side_effect=[
+            {"professors": [{"name": "Dubson", "rating": 4.5}]},
+            {"professors": [{"name": "West", "rating": 3.8}]},
+        ])
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Is professor Dubson or West rated better?",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertEqual(mock_executor.call_count, 2)
+        self.assertTrue(result.used_tool)
+        self.assertIn("Dubson", result.text)
+        self.assertIn("West", result.text)
+        self.assertEqual(len(result.tool_calls_made), 2)
+        self.assertEqual(result.tool_calls_made[0].name, "rate_my_professor")
+        self.assertEqual(result.tool_calls_made[1].args, {"professor_name": "West"})
+        self.assertEqual(gemini.openai_client.chat.completions.create.call_count, 2)
+
+    def test_parallel_tool_results_all_in_followup_messages(self, MockSettings, MockCtxMgr):
+        """All tool results must appear as separate role:tool messages
+        in the follow-up request."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(side_effect=[
+            _make_multi_tool_call_mock([
+                ("rate_my_professor", {"professor_name": "Dubson"}, "call_a"),
+                ("rate_my_professor", {"professor_name": "West"}, "call_b"),
+            ]),
+            _make_text_completion_mock("Comparison complete."),
+        ])
+        mock_executor = AsyncMock(side_effect=[
+            {"professors": [{"name": "Dubson"}]},
+            {"professors": [{"name": "West"}]},
+        ])
+
+        asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Compare",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        second_call_msgs = gemini.openai_client.chat.completions.create.call_args_list[1][1]["messages"]
+        tool_msgs = [m for m in second_call_msgs if m.get("role") == "tool"]
+        self.assertEqual(len(tool_msgs), 2)
+        self.assertEqual(tool_msgs[0]["tool_call_id"], "call_a")
+        self.assertEqual(tool_msgs[1]["tool_call_id"], "call_b")
+
+    # ------------------------------------------------------------------
+    # Multi-round tool calling
+    # ------------------------------------------------------------------
+
+    def test_sequential_tool_rounds(self, MockSettings, MockCtxMgr):
+        """The loop handles a second round of tool calls after the first
+        results are fed back."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("rate_my_professor", {"professor_name": "Dubson"}, "call_1"),
+            _make_tool_call_mock("rate_my_professor", {"professor_name": "West"}, "call_2"),
+            _make_text_completion_mock("Dubson is rated higher than West."),
+        ])
+        mock_executor = AsyncMock(side_effect=[
+            {"professors": [{"name": "Dubson", "rating": 4.5}]},
+            {"professors": [{"name": "West", "rating": 3.8}]},
+        ])
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Compare Dubson and West",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertEqual(mock_executor.call_count, 2)
+        self.assertTrue(result.used_tool)
+        self.assertEqual(len(result.tool_calls_made), 2)
+        self.assertEqual(result.tool_name, "rate_my_professor")
+        self.assertEqual(gemini.openai_client.chat.completions.create.call_count, 3)
+
+    # ------------------------------------------------------------------
+    # Partial failure in multi-tool context
+    # ------------------------------------------------------------------
+
+    def test_partial_tool_failure_continues(self, MockSettings, MockCtxMgr):
+        """If one tool call in a batch fails, the error is serialised
+        and the loop continues to the follow-up."""
+        gemini = _make_gemini_client(MockSettings, MockCtxMgr)
+        gemini.openai_client.chat.completions.create = AsyncMock(side_effect=[
+            _make_multi_tool_call_mock([
+                ("rate_my_professor", {"professor_name": "Dubson"}, "call_a"),
+                ("rate_my_professor", {"professor_name": "West"}, "call_b"),
+            ]),
+            _make_text_completion_mock("Only Dubson data available."),
+        ])
+        mock_executor = AsyncMock(side_effect=[
+            {"professors": [{"name": "Dubson", "rating": 4.5}]},
+            RuntimeError("network down"),
+        ])
+
+        result = asyncio.run(gemini.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Compare",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertTrue(result.used_tool)
+        self.assertEqual(len(result.tool_calls_made), 2)
+        self.assertEqual(gemini.openai_client.chat.completions.create.call_count, 2)
+
+        second_call_msgs = gemini.openai_client.chat.completions.create.call_args_list[1][1]["messages"]
+        tool_msgs = [m for m in second_call_msgs if m.get("role") == "tool"]
+        self.assertEqual(len(tool_msgs), 2)
+        error_content = json.loads(tool_msgs[1]["content"])
+        self.assertIn("error", error_content)
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_guest_demo.py b/multi_llm_chatbot_backend/app/tests/unit/test_guest_demo.py
new file mode 100644
index 0000000000000000000000000000000000000000..a2639b7e362bb1f773f807b618be34fabba3604b
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_guest_demo.py
@@ -0,0 +1,32 @@
+"""Unit tests for guest demo persona resolution (no DB)."""
+
+from app.core.guest_demo import resolve_persona, derive_guest_label
+
+
+def test_resolve_personal_choice():
+    assert resolve_persona("personal") == "personal"
+    assert resolve_persona("individual") == "personal"
+
+
+def test_resolve_business_choice():
+    assert resolve_persona("business") == "business"
+    assert resolve_persona("organization") == "business"
+
+
+def test_resolve_other_with_free_text():
+    assert resolve_persona("other", "I want to study for Security+") == "other"
+
+
+def test_infer_business_from_free_text():
+    assert resolve_persona("other", "Need help with SOC 2 for our company") == "business"
+
+
+def test_derive_guest_label_personal_business():
+    assert derive_guest_label("personal") == "Personal"
+    assert derive_guest_label("business") == "Business"
+
+
+def test_derive_guest_label_from_free_text():
+    assert derive_guest_label("other", "Preparing for a Security+ exam") == "Preparing"
+    assert derive_guest_label("other", "ransomware readiness review") == "Ransomware"
+    assert derive_guest_label("other", "") == "Custom"
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_lucide_icons.py b/multi_llm_chatbot_backend/app/tests/unit/test_lucide_icons.py
new file mode 100644
index 0000000000000000000000000000000000000000..47d306bc74363cc8986f1ee1db8caae0d88aeb9c
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_lucide_icons.py
@@ -0,0 +1,66 @@
+import unittest
+from pydantic import ValidationError
+from app.utils.lucide_icons import get_valid_icon_names
+from app.config import FeatureConfig, ExampleCategory, PersonaItemConfig
+
+
+class TestIconRegistry(unittest.TestCase):
+
+    def setUp(self):
+        get_valid_icon_names.cache_clear()
+
+    def tearDown(self):
+        get_valid_icon_names.cache_clear()
+
+    def test_returns_known_icons(self):
+        icons = get_valid_icon_names()
+        self.assertGreater(len(icons), 1500)
+        self.assertIn("HelpCircle", icons)
+        self.assertIn("BookOpen", icons)
+
+    def test_rejects_invalid_icon(self):
+        icons = get_valid_icon_names()
+        self.assertNotIn("NotARealIcon", icons)
+
+
+class TestIconValidation(unittest.TestCase):
+
+    def setUp(self):
+        get_valid_icon_names.cache_clear()
+
+    def tearDown(self):
+        get_valid_icon_names.cache_clear()
+
+    def test_feature_config_accepts_valid_icon(self):
+        feature = FeatureConfig(title="Test", description="desc", icon="BookOpen")
+        self.assertEqual(feature.icon, "BookOpen")
+
+    def test_example_category_accepts_valid_icon(self):
+        example = ExampleCategory(title="Test", icon="Brain")
+        self.assertEqual(example.icon, "Brain")
+
+    def test_persona_item_accepts_valid_icon(self):
+        persona = PersonaItemConfig(id="test", name="Test", icon="Heart")
+        self.assertEqual(persona.icon, "Heart")
+
+    def test_default_icons_are_valid(self):
+        feature = FeatureConfig(title="Test", description="desc")
+        self.assertEqual(feature.icon, "HelpCircle")
+
+        example = ExampleCategory(title="Test")
+        self.assertEqual(example.icon, "BookOpen")
+
+        persona = PersonaItemConfig(id="test", name="Test")
+        self.assertEqual(persona.icon, "HelpCircle")
+
+    def test_feature_config_rejects_invalid_icon(self):
+        with self.assertRaisesRegex(ValidationError, "Unknown icon"):
+            FeatureConfig(title="Test", description="desc", icon="NotARealIcon")
+
+    def test_example_category_rejects_invalid_icon(self):
+        with self.assertRaisesRegex(ValidationError, "Unknown icon"):
+            ExampleCategory(title="Test", icon="TotallyFake")
+
+    def test_persona_item_rejects_invalid_icon(self):
+        with self.assertRaisesRegex(ValidationError, "Unknown icon"):
+            PersonaItemConfig(id="test", name="Test", icon="Nope")
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_model_status.py b/multi_llm_chatbot_backend/app/tests/unit/test_model_status.py
new file mode 100644
index 0000000000000000000000000000000000000000..4f2e1e4f80055c332e63eb58c1bab325bde55944
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_model_status.py
@@ -0,0 +1,59 @@
+"""Unit tests for model health classification helpers."""
+
+import unittest
+
+from app.core.model_status import (
+    classify_probe_exception,
+    classify_probe_text,
+    truncate_error,
+)
+
+
+class TestClassifyProbeText(unittest.TestCase):
+    def test_online_ok_word(self):
+        status, err = classify_probe_text("OK")
+        self.assertEqual(status, "online")
+        self.assertIsNone(err)
+
+    def test_online_with_whitespace_and_punctuation(self):
+        status, err = classify_probe_text("  ok.\n")
+        self.assertEqual(status, "online")
+        self.assertIsNone(err)
+
+    def test_unavailable_none(self):
+        status, err = classify_probe_text(None)
+        self.assertEqual(status, "unavailable")
+        self.assertIsNone(err)
+
+    def test_unavailable_empty(self):
+        status, err = classify_probe_text("   ")
+        self.assertEqual(status, "unavailable")
+        self.assertIsNone(err)
+
+    def test_error_soft_fail_message(self):
+        status, err = classify_probe_text(
+            "I'm unable to connect to the AI service. Please ensure the vLLM endpoint is available."
+        )
+        self.assertEqual(status, "error")
+        self.assertIsNotNone(err)
+        self.assertIn("unable to connect", err.lower())
+
+    def test_error_truncated_to_200(self):
+        huge = "unable to connect " + ("x" * 500)
+        status, err = classify_probe_text(huge)
+        self.assertEqual(status, "error")
+        self.assertEqual(len(err), 200)
+
+
+class TestClassifyProbeException(unittest.TestCase):
+    def test_exception_is_error(self):
+        status, err = classify_probe_exception(RuntimeError("HTTP 503 Service Unavailable"))
+        self.assertEqual(status, "error")
+        self.assertIn("503", err)
+
+    def test_truncate_error(self):
+        self.assertEqual(len(truncate_error("a" * 250)), 200)
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_orchestrator_routing.py b/multi_llm_chatbot_backend/app/tests/unit/test_orchestrator_routing.py
new file mode 100644
index 0000000000000000000000000000000000000000..e86966e512b517b84bf1ae14992045d9b08ed565
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_orchestrator_routing.py
@@ -0,0 +1,158 @@
+"""Unit tests for the orchestrator routing rules (plan §5).
+
+These cover the deterministic post-processing applied to the LLM ranking:
+- the required lead advisor (Jerry) is always on the panel,
+- triage mode pulls the incident expert to the front,
+- invalid/duplicate IDs from the LLM are cleaned up,
+- the keyword urgency fallback fires on incident language.
+"""
+
+import asyncio
+import unittest
+from unittest.mock import MagicMock, patch
+
+from app.core.improved_orchestrator import ImprovedChatOrchestrator
+
+
+def _make_orchestrator():
+    with patch("app.core.improved_orchestrator.get_session_manager"), \
+         patch("app.core.improved_orchestrator.get_context_manager"):
+        return ImprovedChatOrchestrator(llm_client=MagicMock())
+
+
+def _pool(*ids):
+    return {pid: MagicMock(id=pid) for pid in ids}
+
+
+def _mock_settings(required="jerry_huaute", triage="incident_responder"):
+    settings = MagicMock()
+    settings.orchestrator.required_advisor = required
+    settings.orchestrator.triage_advisor = triage
+    settings.orchestrator.followup_count = 3
+    return settings
+
+
+ALL_ADVISORS = (
+    "jerry_huaute", "incident_responder", "compliance_advisor",
+    "security_architect", "threat_analyst", "career_mentor",
+)
+
+
+class TestApplyRoutingRules(unittest.TestCase):
+    def setUp(self):
+        self.orch = _make_orchestrator()
+        self.pool = _pool(*ALL_ADVISORS)
+
+    def _run(self, ranked, k=3, urgency="advisory", pool=None):
+        with patch(
+            "app.core.improved_orchestrator.get_settings",
+            return_value=_mock_settings(),
+        ):
+            return self.orch._apply_routing_rules(
+                ranked, pool or self.pool, k, urgency
+            )
+
+    def test_required_advisor_always_included(self):
+        result = self._run(["threat_analyst", "security_architect", "career_mentor"])
+        self.assertIn("jerry_huaute", result)
+        self.assertEqual(len(result), 3)
+
+    def test_ranking_preserved_when_required_present(self):
+        ranked = ["jerry_huaute", "threat_analyst", "compliance_advisor"]
+        self.assertEqual(self._run(ranked), ranked)
+
+    def test_triage_advisor_first_on_triage(self):
+        result = self._run(
+            ["threat_analyst", "security_architect", "career_mentor"],
+            urgency="triage",
+        )
+        self.assertEqual(result[0], "incident_responder")
+        self.assertIn("jerry_huaute", result)
+
+    def test_invalid_ids_filtered_and_filled(self):
+        result = self._run(["not_a_persona", "threat_analyst"])
+        self.assertEqual(len(result), 3)
+        self.assertNotIn("not_a_persona", result)
+        self.assertIn("threat_analyst", result)
+        self.assertIn("jerry_huaute", result)
+
+    def test_duplicates_removed(self):
+        result = self._run(["jerry_huaute", "jerry_huaute", "threat_analyst"])
+        self.assertEqual(len(result), 3)
+        self.assertEqual(len(set(result)), 3)
+
+    def test_empty_ranking_falls_back_to_pool_order(self):
+        result = self._run([])
+        self.assertEqual(len(result), 3)
+        self.assertIn("jerry_huaute", result)
+
+    def test_required_advisor_skipped_when_not_in_pool(self):
+        pool = _pool("threat_analyst", "career_mentor")
+        result = self._run(["career_mentor"], k=2, pool=pool)
+        self.assertEqual(len(result), 2)
+        self.assertNotIn("jerry_huaute", result)
+
+
+class TestHeuristicUrgency(unittest.TestCase):
+    def setUp(self):
+        self.orch = _make_orchestrator()
+
+    def test_incident_language_is_triage(self):
+        for text in (
+            "I think I've been hacked",
+            "There is ransomware on our file server",
+            "someone made an unauthorized login to my account",
+            "we found a data leak",
+        ):
+            self.assertEqual(self.orch._heuristic_urgency(text), "triage", text)
+
+    def test_normal_questions_are_advisory(self):
+        for text in (
+            "How do I prepare for a SOC 2 audit?",
+            "What certification should I get first?",
+            "",
+        ):
+            self.assertEqual(self.orch._heuristic_urgency(text), "advisory", text)
+
+
+class TestSummarizedContextIncludesLatestMessage(unittest.TestCase):
+    """Regression: over the history threshold, the persona context must
+    contain both the conversation summary and the latest raw messages
+    (previously a cached summary produced a context with neither)."""
+
+    def test_cached_summary_and_recent_tail_included(self):
+        orch = _make_orchestrator()
+        orch.context_manager._estimate_tokens_for_messages = (
+            lambda msgs: sum(len(m.get("content", "")) // 4 + 1 for m in msgs)
+        )
+
+        long_text = "x" * 8000  # ~2000 tokens per message -> over threshold
+        session = MagicMock()
+        session.messages = [
+            {"role": "user", "content": long_text},
+            {"role": "jerry_huaute", "content": long_text},
+            {"role": "user", "content": long_text},
+            {"role": "user", "content": "What should I do next about MFA?"},
+        ]
+        session.conversation_summary = "CACHED-SUMMARY-MARKER"
+        session.conversation_summary_message_count = 4
+        session.uploaded_files = []
+        session.user_profile_context = ""
+        session.urgency_context = ""
+
+        persona = MagicMock()
+        persona.system_prompt = "You are Jerry."
+
+        context = asyncio.run(
+            orch._build_enhanced_context_for_persona(session, persona, "", "")
+        )
+
+        self.assertIn("CACHED-SUMMARY-MARKER", context[0]["content"])
+        self.assertGreater(len(context), 1, "recent messages must be included")
+        self.assertEqual(
+            context[-1]["content"], "What should I do next about MFA?"
+        )
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_persona_compact.py b/multi_llm_chatbot_backend/app/tests/unit/test_persona_compact.py
new file mode 100644
index 0000000000000000000000000000000000000000..a5bb60cc3e0e833571718b53b4063cca8b37cb00
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_persona_compact.py
@@ -0,0 +1,121 @@
+"""Unit tests for compact persona response shaping."""
+
+import unittest
+
+from app.models.persona import _ensure_compact_shape, _distinct_next_step
+
+
+class TestEnsureCompactShape(unittest.TestCase):
+    def test_keeps_full_thought_and_distinct_next(self):
+        raw = (
+            "### Thought\n"
+            "Your Windows PC likely needs better backup hygiene before enabling extra MFA.\n"
+            "\n"
+            "### What to do\n"
+            "- Turn on File History or OneDrive backup for Documents.\n"
+            "- Enable MFA on email and banking accounts.\n"
+            "- Update Windows and review installed apps.\n"
+            "\n"
+            "### Next step\n"
+            "Tonight, start a full backup of Documents to an external drive.\n"
+            "</END>"
+        )
+        out = _ensure_compact_shape(raw, "medium")
+        self.assertIn("### Thought", out)
+        self.assertIn("### What to do", out)
+        self.assertIn("### Next step", out)
+        self.assertNotIn("…", out)
+        self.assertNotIn("...", out)
+        thought = out.split("### What to do")[0]
+        self.assertIn("backup hygiene", thought.lower())
+        next_section = out.split("### Next step")[1].strip()
+        first_bullet = "Turn on File History or OneDrive backup for Documents."
+        self.assertNotEqual(next_section.lower(), first_bullet.lower())
+
+    def test_does_not_copy_first_bullet_as_next_when_missing(self):
+        raw = (
+            "### Thought\n"
+            "Phishing risk is elevated after the click.\n"
+            "\n"
+            "### What to do\n"
+            "- Change the password on the affected account.\n"
+            "- Revoke active sessions.\n"
+            "- Scan the device for malware.\n"
+        )
+        out = _ensure_compact_shape(raw, "medium")
+        next_section = out.split("### Next step")[1].strip().lower()
+        self.assertNotEqual(next_section, "change the password on the affected account.")
+        self.assertNotIn("change the password on the affected account", next_section)
+
+    def test_moves_action_bullets_out_of_thought(self):
+        raw = (
+            "### Thought\n"
+            "Account recovery should be prioritized.\n"
+            "- Reset email password immediately.\n"
+            "- Enable MFA afterward.\n"
+            "\n"
+            "### What to do\n"
+            "- Review mailbox forwarding rules.\n"
+            "\n"
+            "### Next step\n"
+            "Reset the email password from a known-clean device.\n"
+        )
+        out = _ensure_compact_shape(raw, "medium")
+        what = out.split("### What to do")[1].split("### Next step")[0]
+        self.assertIn("Reset email password", what)
+        thought = out.split("### What to do")[0]
+        self.assertNotIn("- Reset email password", thought)
+
+    def test_distinct_helper_rejects_duplicates(self):
+        bullets = ["Enable MFA on email", "Update passwords", "Back up files"]
+        result = _distinct_next_step("Enable MFA on email", bullets, "fallback", 40)
+        self.assertNotEqual(result.lower(), "enable mfa on email")
+        self.assertNotIn("…", result)
+
+    def test_no_ellipsis_on_long_thought(self):
+        raw = (
+            "### Thought\n"
+            "Your PC may be compromised after that download, so isolate it from important "
+            "accounts before you hunt for malware thoroughly across disks and restore points "
+            "while preserving forensic evidence. This second sentence explains more context "
+            "about why backup first matters for ransomware risk scenarios that can escalate "
+            "quickly overnight.\n"
+            "\n"
+            "### What to do\n"
+            "- Disconnect from Wi-Fi and unplug ethernet immediately to limit spread of worm payloads.\n"
+            "- Change passwords for email banking and work accounts from a different clean device.\n"
+            "- Run a full Windows Defender offline scan and review startup items carefully afterward.\n"
+            "\n"
+            "### Next step\n"
+            "Disconnect from Wi-Fi and unplug ethernet immediately to limit spread of worm payloads.\n"
+            "</END>"
+        )
+        out = _ensure_compact_shape(raw, "medium")
+        self.assertNotIn("…", out)
+        self.assertNotIn("...", out)
+        thought = out.split("### What to do")[0]
+        self.assertTrue(thought.strip().endswith((".", "!", "?")) or "Thought" in thought)
+        next_section = out.split("### Next step")[1].strip().lower()
+        self.assertNotIn("disconnect from wi-fi and unplug ethernet", next_section)
+
+    def test_rejects_near_paraphrase_next_step(self):
+        raw = (
+            "### Thought\n"
+            "Act quickly but carefully after a suspicious download.\n"
+            "\n"
+            "### What to do\n"
+            "- Disconnect your PC from the internet and any network.\n"
+            "- Run a full antivirus scan with Windows Defender.\n"
+            "- Change email and banking passwords from another device.\n"
+            "\n"
+            "### Next step\n"
+            "Immediately disconnect your PC from the internet and any network connections.\n"
+        )
+        out = _ensure_compact_shape(raw, "medium")
+        next_section = out.split("### Next step")[1].strip().lower()
+        first = "disconnect your pc from the internet and any network"
+        self.assertFalse(first in next_section and next_section.startswith("immediately"))
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_persona_config.py b/multi_llm_chatbot_backend/app/tests/unit/test_persona_config.py
new file mode 100644
index 0000000000000000000000000000000000000000..1762bfa10a7257dd2ffecf441934b02b9f5e0efc
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_persona_config.py
@@ -0,0 +1,140 @@
+import unittest
+import os
+import tempfile
+import yaml
+import app.config
+from app.config import load_settings, load_personas_from_dir, PersonasConfig
+
+
+def _write_config(tmp_path, data: dict) -> str:
+    path = os.path.join(tmp_path, "config.yaml")
+    with open(path, "w") as f:
+        yaml.dump(data, f)
+    return path
+
+
+def _write_persona(directory, filename, data: dict):
+    path = os.path.join(directory, filename)
+    with open(path, "w") as f:
+        yaml.dump(data, f)
+
+
+class TestLoadSettings(unittest.TestCase):
+
+    def setUp(self):
+        app.config._settings = None
+        self._tmp = tempfile.TemporaryDirectory()
+        self.tmp_path = self._tmp.name
+
+    def tearDown(self):
+        app.config._settings = None
+        self._tmp.cleanup()
+
+    def test_loads_personas_from_main_config(self):
+        cfg_path = _write_config(self.tmp_path, {
+            "personas": {
+                "base_prompt": "Be helpful.",
+                "items": [
+                    {"id": "test1", "name": "Test One", "persona_prompt": "You are test1."},
+                ]
+            }
+        })
+        settings = load_settings(cfg_path)
+        self.assertEqual(len(settings.personas.items), 1)
+        self.assertEqual(settings.personas.items[0].id, "test1")
+
+    def test_uses_personas_dir(self):
+        """Test that load_settings loads personas from a directory when personas_dir is set."""
+        personas_dir = os.path.join(self.tmp_path, "personas")
+        os.makedirs(personas_dir)
+
+        _write_persona(personas_dir, "one.yaml", {"id": "one", "name": "One"})
+        _write_persona(personas_dir, "two.yaml", {"id": "two", "name": "Two"})
+
+        cfg_path = _write_config(self.tmp_path, {
+            "personas": {
+                "base_prompt": "Be helpful.",
+                "personas_dir": "personas",
+            }
+        })
+
+        settings = load_settings(cfg_path)
+        self.assertEqual(len(settings.personas.items), 2)
+        ids = {p.id for p in settings.personas.items}
+        self.assertEqual(ids, {"one", "two"})
+
+    def test_bad_persona_does_not_crash_everything(self):
+        """Validates that a bad persona in the inline items list causes a
+        validation error -- the directory loader solves this for file-based configs."""
+        cfg_path = _write_config(self.tmp_path, {
+            "personas": {
+                "items": [
+                    {"id": "good", "name": "Good"},
+                    {"not_an_id": "bad"},
+                ]
+            }
+        })
+        with self.assertRaises(Exception):
+            load_settings(cfg_path)
+
+
+class TestLoadPersonasFromDir(unittest.TestCase):
+
+    def setUp(self):
+        app.config._settings = None
+        self._tmp = tempfile.TemporaryDirectory()
+        self.tmp_path = self._tmp.name
+
+    def tearDown(self):
+        app.config._settings = None
+        self._tmp.cleanup()
+
+    def test_loads_personas_from_directory(self):
+        _write_persona(self.tmp_path, "one.yaml", {"id": "one", "name": "One"})
+        _write_persona(self.tmp_path, "two.yaml", {"id": "two", "name": "Two"})
+        result = load_personas_from_dir(self.tmp_path)
+        self.assertEqual(len(result), 2)
+        ids = {p.id for p in result}
+        self.assertEqual(ids, {"one", "two"})
+
+    def test_personas_config_validator_loads_from_dir(self):
+        """Test that PersonasConfig's model_validator loads personas automatically."""
+        _write_persona(self.tmp_path, "one.yaml", {"id": "one", "name": "One"})
+        _write_persona(self.tmp_path, "two.yaml", {"id": "two", "name": "Two"})
+
+        config = PersonasConfig(personas_dir=self.tmp_path)
+        self.assertEqual(len(config.items), 2)
+        ids = {p.id for p in config.items}
+        self.assertEqual(ids, {"one", "two"})
+
+    def test_skips_invalid_persona_files(self):
+        _write_persona(self.tmp_path, "good.yaml", {"id": "good", "name": "Good"})
+        _write_persona(self.tmp_path, "bad.yaml", {"not_id": "bad"})
+        result = load_personas_from_dir(self.tmp_path)
+        self.assertEqual(len(result), 1)
+        self.assertEqual(result[0].id, "good")
+
+    def test_disabled_persona_excluded(self):
+        _write_persona(self.tmp_path, "on.yaml", {"id": "on", "name": "On"})
+        _write_persona(self.tmp_path, "off.yaml", {"id": "off", "name": "Off", "enabled": False})
+        result = load_personas_from_dir(self.tmp_path)
+        self.assertEqual(len(result), 1)
+        self.assertEqual(result[0].id, "on")
+
+    def test_duplicate_id_rejected(self):
+        _write_persona(self.tmp_path, "a.yaml", {"id": "same", "name": "First"})
+        _write_persona(self.tmp_path, "b.yaml", {"id": "same", "name": "Second"})
+        result = load_personas_from_dir(self.tmp_path)
+        self.assertEqual(len(result), 1)
+        self.assertEqual(result[0].name, "First")
+
+    def test_duplicate_name_rejected(self):
+        _write_persona(self.tmp_path, "a.yaml", {"id": "id_a", "name": "Same Name"})
+        _write_persona(self.tmp_path, "b.yaml", {"id": "id_b", "name": "Same Name"})
+        result = load_personas_from_dir(self.tmp_path)
+        self.assertEqual(len(result), 1)
+        self.assertEqual(result[0].id, "id_a")
+
+    def test_missing_directory_returns_empty(self):
+        result = load_personas_from_dir(os.path.join(self.tmp_path, "nonexistent"))
+        self.assertEqual(result, [])
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_resilient_client.py b/multi_llm_chatbot_backend/app/tests/unit/test_resilient_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..1a5175c811d9a90e4dd5ea12f18f1788cf3979fb
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_resilient_client.py
@@ -0,0 +1,49 @@
+import asyncio
+import unittest
+from unittest.mock import AsyncMock, MagicMock
+
+from app.llm.llm_client import ToolCallResult
+from app.llm.resilient_client import ResilientLLMClient, _looks_like_failed_response
+
+
+class TestResilientHelpers(unittest.TestCase):
+    def test_failed_response_detection(self):
+        self.assertTrue(_looks_like_failed_response(""))
+        self.assertTrue(_looks_like_failed_response("I'm unable to connect to the AI service."))
+        self.assertFalse(_looks_like_failed_response("Hello world"))
+
+
+class TestResilientClient(unittest.TestCase):
+    def test_primary_failure_uses_fallback(self):
+        primary = MagicMock()
+        primary.generate = AsyncMock(
+            return_value="I'm unable to connect to the AI service. Please ensure the vLLM endpoint is available.",
+        )
+        fallback = MagicMock()
+        fallback.generate = AsyncMock(return_value="fallback answer")
+
+        client = ResilientLLMClient(primary, fallback, race_timeout_seconds=3.0)
+        result = asyncio.run(
+            client.generate("sys", [{"role": "user", "content": "hi"}], 0.5, 100),
+        )
+        self.assertEqual(result, "fallback answer")
+        fallback.generate.assert_awaited_once()
+
+    def test_race_uses_faster_fallback(self):
+        async def slow_primary(*_a, **_k):
+            await asyncio.sleep(5)
+            return "primary"
+
+        async def fast_fallback(*_a, **_k):
+            return "fallback fast"
+
+        primary = MagicMock()
+        primary.generate = slow_primary
+        fallback = MagicMock()
+        fallback.generate = fast_fallback
+
+        client = ResilientLLMClient(primary, fallback, race_timeout_seconds=0.05)
+        result = asyncio.run(
+            client.generate("sys", [{"role": "user", "content": "hi"}], 0.5, 100),
+        )
+        self.assertEqual(result, "fallback fast")
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_tool_registry.py b/multi_llm_chatbot_backend/app/tests/unit/test_tool_registry.py
new file mode 100644
index 0000000000000000000000000000000000000000..b6e6a2aa5705c5a65bd7b875cedc0cbb8bf498cf
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_tool_registry.py
@@ -0,0 +1,44 @@
+import asyncio
+import unittest
+from unittest.mock import AsyncMock
+
+from app.tools import (
+    get_tool_definitions,
+    get_tool_executor,
+    list_registered_tools,
+    _REGISTRY,
+)
+
+
+KNOWN_TOOLS = {"get_current_datetime"}
+
+
+class TestToolDiscovery(unittest.TestCase):
+    def test_known_tools_are_discovered(self):
+        registered = set(list_registered_tools())
+        for name in KNOWN_TOOLS:
+            self.assertIn(name, registered, f"Tool '{name}' was not discovered")
+
+    def test_registry_entries_have_definition_and_executor(self):
+        for name, entry in _REGISTRY.items():
+            self.assertIn("definition", entry, f"'{name}' missing definition")
+            self.assertIn("executor", entry, f"'{name}' missing executor")
+
+
+class TestGetToolDefinitions(unittest.TestCase):
+    def test_returns_all_when_no_filter(self):
+        defs = get_tool_definitions()
+        names = {d["function"]["name"] for d in defs}
+        self.assertTrue(KNOWN_TOOLS.issubset(names))
+
+    def test_filter_to_single_tool(self):
+        defs = get_tool_definitions(enabled=["get_current_datetime"])
+        self.assertEqual(len(defs), 1)
+        self.assertEqual(defs[0]["function"]["name"], "get_current_datetime")
+
+
+class TestGetToolExecutor(unittest.TestCase):
+    def test_dispatch_unknown_tool_returns_error(self):
+        dispatch = get_tool_executor()
+        result = asyncio.run(dispatch(name="nonexistent"))
+        self.assertIn("error", result)
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_user_knowledge.py b/multi_llm_chatbot_backend/app/tests/unit/test_user_knowledge.py
new file mode 100644
index 0000000000000000000000000000000000000000..ab17a6c419521d34c31a75365d8646733139ffbd
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_user_knowledge.py
@@ -0,0 +1,302 @@
+"""Unit tests for user knowledge fact upsert / summary selection."""
+
+import asyncio
+import unittest
+from datetime import datetime
+from unittest.mock import AsyncMock, MagicMock, patch
+
+from bson import ObjectId
+
+from app.core import user_knowledge as uk
+
+
+FAKE_USER_ID = ObjectId()
+
+
+def _mock_db_store():
+    """In-memory collection mocks for user_facts / user_summaries."""
+    facts: list = []
+    summaries: list = []
+
+    facts_coll = MagicMock()
+    summaries_coll = MagicMock()
+    profiles_coll = MagicMock()
+
+    async def facts_find_one(query):
+        for d in facts:
+            if all(d.get(k) == v for k, v in query.items()):
+                return dict(d)
+        return None
+
+    async def facts_insert_one(doc):
+        facts.append(dict(doc))
+        return MagicMock(inserted_id=doc.get("_id"))
+
+    async def facts_update_one(query, update, upsert=False):
+        for d in facts:
+            if all(d.get(k) == v for k, v in query.items()):
+                if "$set" in update:
+                    d.update(update["$set"])
+                return MagicMock(matched_count=1, modified_count=1)
+        if upsert and "$set" in update:
+            new_doc = {"_id": ObjectId()}
+            if "$setOnInsert" in update:
+                new_doc.update(update["$setOnInsert"])
+            new_doc.update(update["$set"])
+            facts.append(new_doc)
+        return MagicMock(matched_count=0, modified_count=0)
+
+    async def facts_delete_many(query):
+        before = len(facts)
+        keep = []
+        for d in facts:
+            if all(d.get(k) == v for k, v in query.items()):
+                continue
+            keep.append(d)
+        facts.clear()
+        facts.extend(keep)
+        return MagicMock(deleted_count=before - len(facts))
+
+    def facts_find(query):
+        matched = [
+            dict(d)
+            for d in facts
+            if all(d.get(k) == v for k, v in query.items())
+        ]
+        cursor = MagicMock()
+        cursor.to_list = AsyncMock(return_value=matched)
+        return cursor
+
+    facts_coll.find_one = AsyncMock(side_effect=facts_find_one)
+    facts_coll.insert_one = AsyncMock(side_effect=facts_insert_one)
+    facts_coll.update_one = AsyncMock(side_effect=facts_update_one)
+    facts_coll.delete_many = AsyncMock(side_effect=facts_delete_many)
+    facts_coll.find = MagicMock(side_effect=facts_find)
+
+    async def summaries_find_one(query):
+        for d in summaries:
+            if all(d.get(k) == v for k, v in query.items()):
+                return dict(d)
+        return None
+
+    async def summaries_update_one(query, update, upsert=False):
+        for d in summaries:
+            if all(d.get(k) == v for k, v in query.items()):
+                if "$set" in update:
+                    d.update(update["$set"])
+                return MagicMock(matched_count=1, modified_count=1)
+        if upsert:
+            new_doc = {"_id": ObjectId()}
+            if "$setOnInsert" in update:
+                new_doc.update(update["$setOnInsert"])
+            if "$set" in update:
+                new_doc.update(update["$set"])
+            summaries.append(new_doc)
+        return MagicMock(matched_count=0, modified_count=0)
+
+    summaries_coll.find_one = AsyncMock(side_effect=summaries_find_one)
+    summaries_coll.update_one = AsyncMock(side_effect=summaries_update_one)
+
+    profiles_coll.find_one = AsyncMock(return_value={
+        "user_id": FAKE_USER_ID,
+        "cyber_role": "SOC analyst",
+        "knowledge_level": "practitioner",
+    })
+
+    db = MagicMock()
+    db.user_profiles = profiles_coll
+
+    def _getitem(name):
+        if name == "user_facts":
+            return facts_coll
+        if name == "user_summaries":
+            return summaries_coll
+        raise KeyError(name)
+
+    db.__getitem__ = MagicMock(side_effect=_getitem)
+    db.user_facts = facts_coll
+    db.user_summaries = summaries_coll
+
+    return db, facts, summaries
+
+
+class TestShouldRegenerate(unittest.TestCase):
+    def test_first_message_false(self):
+        self.assertFalse(uk.should_regenerate_after_chat(1))
+        self.assertFalse(uk.should_regenerate_after_chat(0))
+
+    def test_later_messages_true(self):
+        self.assertTrue(uk.should_regenerate_after_chat(2))
+        self.assertTrue(uk.should_regenerate_after_chat(10))
+
+
+class TestSmallContextProviders(unittest.TestCase):
+    def test_vllm_and_ollama_are_small(self):
+        self.assertTrue(uk.is_small_context_provider("vllm"))
+        self.assertTrue(uk.is_small_context_provider("ollama"))
+
+    def test_openai_gemini_are_large(self):
+        self.assertFalse(uk.is_small_context_provider("openai"))
+        self.assertFalse(uk.is_small_context_provider("gemini"))
+
+
+class TestUpsertInferredFact(unittest.TestCase):
+    def test_insert_then_update_same_key(self):
+        db, facts, _summaries = _mock_db_store()
+
+        with patch("app.core.user_knowledge.get_database", return_value=db):
+            first = asyncio.run(
+                uk.upsert_inferred_fact(
+                    FAKE_USER_ID,
+                    category="person",
+                    key="cyber_role",
+                    value="student",
+                    confidence=0.6,
+                    evidence="I'm a student",
+                )
+            )
+            self.assertEqual(len(facts), 1)
+            self.assertEqual(first["value"], "student")
+            self.assertEqual(first["source"], "inferred")
+
+            second = asyncio.run(
+                uk.upsert_inferred_fact(
+                    FAKE_USER_ID,
+                    category="person",
+                    key="cyber_role",
+                    value="SOC analyst",
+                    confidence=0.9,
+                    evidence="I work in a SOC",
+                )
+            )
+            self.assertEqual(len(facts), 1, "same inferred key must not duplicate")
+            self.assertEqual(second["value"], "SOC analyst")
+            self.assertEqual(facts[0]["value"], "SOC analyst")
+            self.assertEqual(facts[0]["_id"], first["_id"])
+
+    def test_stated_same_key_not_overwritten(self):
+        db, facts, _ = _mock_db_store()
+        stated_id = ObjectId()
+        facts.append({
+            "_id": stated_id,
+            "user_id": FAKE_USER_ID,
+            "category": "person",
+            "key": "cyber_role",
+            "value": "Manager",
+            "source": "stated",
+            "created_at": datetime.utcnow(),
+            "updated_at": datetime.utcnow(),
+        })
+
+        with patch("app.core.user_knowledge.get_database", return_value=db):
+            inferred = asyncio.run(
+                uk.upsert_inferred_fact(
+                    FAKE_USER_ID,
+                    category="person",
+                    key="cyber_role",
+                    value="director",
+                    confidence=0.5,
+                )
+            )
+            self.assertEqual(len(facts), 2)
+            stated = next(d for d in facts if d["source"] == "stated")
+            self.assertEqual(stated["value"], "Manager")
+            self.assertEqual(inferred["source"], "inferred")
+            self.assertEqual(inferred["value"], "director")
+
+
+class TestExtractFactsDedup(unittest.TestCase):
+    def test_extract_upserts_by_key(self):
+        db, facts, _ = _mock_db_store()
+        llm = MagicMock()
+        llm.generate = AsyncMock(
+            return_value=(
+                '{"facts":[{"category":"organization","key":"org_size",'
+                '"value":"200 employees","confidence":0.8,"evidence":"200-person"}]}'
+            )
+        )
+
+        with patch("app.core.user_knowledge.get_database", return_value=db):
+            first = asyncio.run(
+                uk.extract_facts_from_message(FAKE_USER_ID, "We have 200 people", llm)
+            )
+            self.assertEqual(len(first), 1)
+            self.assertEqual(len(facts), 1)
+
+            llm.generate = AsyncMock(
+                return_value=(
+                    '{"facts":[{"category":"organization","key":"org_size",'
+                    '"value":"250 employees","confidence":0.9}]}'
+                )
+            )
+            second = asyncio.run(
+                uk.extract_facts_from_message(FAKE_USER_ID, "Actually 250 staff", llm)
+            )
+            self.assertEqual(len(second), 1)
+            self.assertEqual(len(facts), 1)
+            self.assertEqual(facts[0]["value"], "250 employees")
+
+
+class TestSanitizeAndDevices(unittest.TestCase):
+    def test_sanitize_harsh_language(self):
+        self.assertIn("insufficient", uk.sanitize_fact_language("User is negligent about MFA"))
+        self.assertNotIn("negligent", uk.sanitize_fact_language("User is negligent about MFA").lower())
+        self.assertIn("novice", uk.sanitize_fact_language("incompetent with backups").lower())
+
+    def test_heuristic_windows_pc_stated(self):
+        facts = uk.heuristic_device_facts("I have a Windows PC at home")
+        self.assertTrue(any(f["key"] == "primary_os" and f["value"] == "Windows PC" for f in facts))
+        self.assertTrue(all(f["source"] == "stated" for f in facts))
+
+    def test_heuristic_requires_ownership_cue(self):
+        facts = uk.heuristic_device_facts("Windows is a popular OS")
+        self.assertEqual(facts, [])
+
+
+class TestSummarySelection(unittest.TestCase):
+    def test_get_summary_short_vs_long(self):
+        db, _facts, summaries = _mock_db_store()
+        summaries.append({
+            "_id": ObjectId(),
+            "user_id": FAKE_USER_ID,
+            "short": "Short brief",
+            "long": "Long detailed brief with history",
+            "generated_at": datetime.utcnow(),
+            "version": 1,
+        })
+
+        with patch("app.core.user_knowledge.get_database", return_value=db):
+            short = asyncio.run(uk.get_summary_for_provider(FAKE_USER_ID, True))
+            long = asyncio.run(uk.get_summary_for_provider(FAKE_USER_ID, False))
+            by_vllm = asyncio.run(uk.get_summary_for_provider(FAKE_USER_ID, "vllm"))
+            by_openai = asyncio.run(uk.get_summary_for_provider(FAKE_USER_ID, "openai"))
+
+        self.assertEqual(short, "Short brief")
+        self.assertEqual(long, "Long detailed brief with history")
+        self.assertEqual(by_vllm, "Short brief")
+        self.assertEqual(by_openai, "Long detailed brief with history")
+
+    def test_regenerate_stores_versions(self):
+        db, _facts, summaries = _mock_db_store()
+        llm = MagicMock()
+        llm.generate = AsyncMock(
+            return_value='{"short":"S1","long":"L1 longer text"}'
+        )
+
+        with patch("app.core.user_knowledge.get_database", return_value=db):
+            doc1 = asyncio.run(uk.regenerate_summaries(FAKE_USER_ID, llm))
+            self.assertEqual(doc1["short"], "S1")
+            self.assertEqual(doc1["long"], "L1 longer text")
+            self.assertEqual(doc1["version"], 1)
+
+            llm.generate = AsyncMock(
+                return_value='{"short":"S2","long":"L2"}'
+            )
+            doc2 = asyncio.run(uk.regenerate_summaries(FAKE_USER_ID, llm))
+            self.assertEqual(doc2["version"], 2)
+            self.assertEqual(len(summaries), 1)
+            self.assertEqual(summaries[0]["short"], "S2")
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_version.py b/multi_llm_chatbot_backend/app/tests/unit/test_version.py
new file mode 100644
index 0000000000000000000000000000000000000000..7de4d7fb7f949639045ca348b8c22881b25f6aaa
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_version.py
@@ -0,0 +1,41 @@
+"""Sanity checks for the centralized ``__version__`` string.
+
+Guards against regressions where the release automation assumes it can
+locate and parse ``app/version.py``.
+"""
+
+import re
+import unittest
+
+from app.api.routes.root import health
+from app.version import __version__
+
+
+VERSION_REGEX = re.compile(r"^\d+\.\d+\.\d+([a-zA-Z0-9.\-+]*)?$")
+
+
+class TestVersion(unittest.TestCase):
+
+    def test_version_string_is_importable_and_well_formed(self):
+        self.assertIsInstance(__version__, str)
+        self.assertTrue(__version__)
+        self.assertRegex(
+            __version__,
+            VERSION_REGEX,
+            f"Unexpected version format: {__version__!r}",
+        )
+
+
+class TestHealthEndpointVersion(unittest.TestCase):
+    """The ``/health`` handler should surface the same version we imported
+    from ``app.version``.
+
+    ``app.api.routes.__init__`` eagerly imports every sibling route
+    module; the heavy ones are replaced with ``MagicMock`` stubs once,
+    session-wide, in ``conftest.py`` so ``root.py`` can be loaded via
+    normal import machinery.
+    """
+
+    def test_health_endpoint_exposes_imported_version(self):
+        payload = health()
+        self.assertEqual(payload["version"], __version__)
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_vllm_client.py b/multi_llm_chatbot_backend/app/tests/unit/test_vllm_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..ab2f3f37dc89419c6dfa1e22abbaac027ba208ec
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_vllm_client.py
@@ -0,0 +1,697 @@
+import asyncio
+import json
+import unittest
+from unittest.mock import AsyncMock, MagicMock, patch
+
+from openai import APIConnectionError, APIStatusError
+
+from app.core.context_manager import ContextManager
+from app.llm.llm_client import ToolCallResult
+from app.llm.improved_vllm_client import ImprovedVllmClient
+
+
+FAKE_URL = "https://fake.example.com/vllm0"
+FAKE_KEY = "test-key"
+
+FAKE_TOOL = {
+    "type": "function",
+    "function": {
+        "name": "search_courses",
+        "description": "Search courses",
+        "parameters": {
+            "type": "object",
+            "properties": {
+                "subject": {"type": "string", "description": "Subject code"},
+            },
+        },
+    },
+}
+
+
+def _make_completion_mock(content="Response"):
+    """Build a mock that looks like an OpenAI ChatCompletion."""
+    mock_message = MagicMock()
+    mock_message.content = content
+    mock_choice = MagicMock()
+    mock_choice.message = mock_message
+    return MagicMock(choices=[mock_choice])
+
+
+def _make_text_completion_mock(content="Response"):
+    """Build a ChatCompletion mock with no tool calls."""
+    mock_message = MagicMock()
+    mock_message.content = content
+    mock_message.tool_calls = None
+    mock_choice = MagicMock()
+    mock_choice.message = mock_message
+    return MagicMock(choices=[mock_choice])
+
+
+def _make_tool_call_mock(fn_name, fn_args_dict, tool_call_id="call_123"):
+    """Build a ChatCompletion mock where the model requests a tool call."""
+    fn_args_json = json.dumps(fn_args_dict)
+
+    tool_call = MagicMock()
+    tool_call.id = tool_call_id
+    tool_call.function.name = fn_name
+    tool_call.function.arguments = fn_args_json
+
+    mock_message = MagicMock()
+    mock_message.content = None
+    mock_message.tool_calls = [tool_call]
+    mock_message.model_dump.return_value = {
+        "role": "assistant",
+        "content": None,
+        "tool_calls": [{
+            "id": tool_call_id,
+            "type": "function",
+            "function": {"name": fn_name, "arguments": fn_args_json},
+        }],
+    }
+
+    mock_choice = MagicMock()
+    mock_choice.message = mock_message
+    return MagicMock(choices=[mock_choice])
+
+
+def _make_multi_tool_call_mock(calls):
+    """Build a ChatCompletion mock with multiple parallel tool calls.
+
+    *calls* is a list of (fn_name, fn_args_dict, tool_call_id) tuples.
+    """
+    tool_calls = []
+    dump_calls = []
+    for fn_name, fn_args_dict, tool_call_id in calls:
+        fn_args_json = json.dumps(fn_args_dict)
+        tc = MagicMock()
+        tc.id = tool_call_id
+        tc.function.name = fn_name
+        tc.function.arguments = fn_args_json
+        tool_calls.append(tc)
+        dump_calls.append({
+            "id": tool_call_id,
+            "type": "function",
+            "function": {"name": fn_name, "arguments": fn_args_json},
+        })
+
+    mock_message = MagicMock()
+    mock_message.content = None
+    mock_message.tool_calls = tool_calls
+    mock_message.model_dump.return_value = {
+        "role": "assistant",
+        "content": None,
+        "tool_calls": dump_calls,
+    }
+
+    mock_choice = MagicMock()
+    mock_choice.message = mock_message
+    return MagicMock(choices=[mock_choice])
+
+
+@patch("app.llm.improved_vllm_client.get_context_manager")
+@patch("app.llm.improved_vllm_client.AsyncOpenAI")
+class TestImprovedVllmClient(unittest.TestCase):
+
+    # ------------------------------------------------------------------
+    # Construction
+    # ------------------------------------------------------------------
+
+    def test_constructor_stores_attributes(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        self.assertEqual(client.api_url, FAKE_URL)
+        self.assertEqual(client.api_key, FAKE_KEY)
+        self.assertEqual(client.model_name, "test-model")
+
+    def test_constructor_defaults_model_to_none(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(api_url=FAKE_URL, api_key=FAKE_KEY)
+        self.assertIsNone(client.model_name)
+
+    # ------------------------------------------------------------------
+    # Model discovery
+    # ------------------------------------------------------------------
+
+    def test_refresh_model_discovers_model(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(api_url=FAKE_URL, api_key=FAKE_KEY)
+
+        mock_model = MagicMock()
+        mock_model.id = "discovered-model"
+        client.client.models.list = AsyncMock(
+            return_value=MagicMock(data=[mock_model])
+        )
+
+        asyncio.run(client.refresh_model())
+        self.assertEqual(client.model_name, "discovered-model")
+
+    # ------------------------------------------------------------------
+    # generate – happy path
+    # ------------------------------------------------------------------
+
+    def test_generate_returns_cleaned_response(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(
+            return_value=_make_completion_mock("  Here is my response.  ")
+        )
+
+        result = asyncio.run(client.generate(
+            system_prompt="You are helpful.",
+            context=[{"role": "user", "content": "Hello"}],
+            temperature=0.7,
+            max_tokens=100,
+        ))
+        self.assertEqual(result, "Here is my response.")
+
+    def test_generate_auto_discovers_model_when_none(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name=None,
+        )
+
+        mock_model = MagicMock()
+        mock_model.id = "auto-discovered"
+        client.client.models.list = AsyncMock(
+            return_value=MagicMock(data=[mock_model])
+        )
+        client.client.chat.completions.create = AsyncMock(
+            return_value=_make_completion_mock()
+        )
+
+        asyncio.run(client.generate(
+            system_prompt="Test",
+            context=[{"role": "user", "content": "Hi"}],
+            temperature=0.5,
+            max_tokens=50,
+        ))
+
+        client.client.models.list.assert_called_once()
+        self.assertEqual(client.model_name, "auto-discovered")
+
+    # ------------------------------------------------------------------
+    # generate – error handling
+    # ------------------------------------------------------------------
+
+    def test_generate_handles_connection_error(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(
+            side_effect=APIConnectionError(request=MagicMock())
+        )
+
+        result = asyncio.run(client.generate(
+            system_prompt="Test",
+            context=[{"role": "user", "content": "Hi"}],
+            temperature=0.5,
+            max_tokens=50,
+        ))
+        self.assertIn("unable to connect", result.lower())
+
+    def test_generate_handles_status_error(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        mock_response = MagicMock()
+        mock_response.status_code = 500
+        client.client.chat.completions.create = AsyncMock(
+            side_effect=APIStatusError(
+                message="Server error", response=mock_response, body=None,
+            )
+        )
+
+        result = asyncio.run(client.generate(
+            system_prompt="Test",
+            context=[{"role": "user", "content": "Hi"}],
+            temperature=0.5,
+            max_tokens=50,
+        ))
+        self.assertIn("error", result.lower())
+
+    def test_generate_clears_model_on_404(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="stale-model",
+        )
+        mock_response = MagicMock()
+        mock_response.status_code = 404
+        not_found = APIStatusError(
+            message="Model not found", response=mock_response, body=None,
+        )
+        mock_model = MagicMock()
+        mock_model.id = "still-missing"
+        client.client.models.list = AsyncMock(
+            return_value=MagicMock(data=[mock_model])
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=not_found)
+
+        asyncio.run(client.generate(
+            system_prompt="Test",
+            context=[{"role": "user", "content": "Hi"}],
+            temperature=0.5,
+            max_tokens=50,
+        ))
+        self.assertIsNone(client.model_name)
+
+    def test_generate_retries_after_404_with_discovered_model(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="stale-model",
+        )
+        mock_response = MagicMock()
+        mock_response.status_code = 404
+        not_found = APIStatusError(
+            message="Model not found", response=mock_response, body=None,
+        )
+        mock_model = MagicMock()
+        mock_model.id = "fresh-model"
+        client.client.models.list = AsyncMock(
+            return_value=MagicMock(data=[mock_model])
+        )
+        client.client.chat.completions.create = AsyncMock(
+            side_effect=[not_found, _make_completion_mock("Recovered OK")]
+        )
+
+        result = asyncio.run(client.generate(
+            system_prompt="Test",
+            context=[{"role": "user", "content": "Hi"}],
+            temperature=0.5,
+            max_tokens=50,
+        ))
+        self.assertEqual(result, "Recovered OK")
+        self.assertEqual(client.model_name, "fresh-model")
+        self.assertEqual(client.client.chat.completions.create.call_count, 2)
+
+    # ------------------------------------------------------------------
+    # generate – response_format for JSON
+    # ------------------------------------------------------------------
+
+    def test_generate_passes_response_format_for_json(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(
+            return_value=_make_completion_mock('{"key": "value"}')
+        )
+
+        asyncio.run(client.generate(
+            system_prompt="Return JSON",
+            context=[{"role": "user", "content": "Hi"}],
+            temperature=0.3,
+            max_tokens=100,
+            response_mime_type="application/json",
+        ))
+
+        call_kwargs = client.client.chat.completions.create.call_args.kwargs
+        self.assertEqual(call_kwargs["response_format"], {"type": "json_object"})
+
+    def test_generate_omits_response_format_when_no_mime_type(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(
+            return_value=_make_completion_mock("plain text response")
+        )
+
+        asyncio.run(client.generate(
+            system_prompt="You are helpful.",
+            context=[{"role": "user", "content": "Hello"}],
+            temperature=0.7,
+            max_tokens=100,
+        ))
+
+        call_kwargs = client.client.chat.completions.create.call_args.kwargs
+        self.assertNotIn("response_format", call_kwargs)
+
+    # ------------------------------------------------------------------
+    # _clean_response
+    # ------------------------------------------------------------------
+
+    def test_clean_response_normalizes_whitespace(self, MockAsyncOpenAI, mock_get_ctx):
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        dirty = "Line one.\r\n\r\n\r\n\r\nLine two.  "
+        cleaned = client._clean_response(dirty)
+        self.assertNotIn("\r", cleaned)
+        self.assertNotIn("\n\n\n", cleaned)
+        self.assertEqual(cleaned, "Line one.\n\nLine two.")
+
+
+@patch("app.llm.improved_vllm_client.get_context_manager")
+@patch("app.llm.improved_vllm_client.AsyncOpenAI")
+class TestVllmGenerateWithTools(unittest.TestCase):
+    """Unit tests for ImprovedVllmClient.generate_with_tools()."""
+
+    # ------------------------------------------------------------------
+    # Happy path — no tool call
+    # ------------------------------------------------------------------
+
+    def test_text_response_returns_not_used(self, MockAsyncOpenAI, mock_get_ctx):
+        """When the model responds with plain text, return used_tool=False."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(
+            return_value=_make_text_completion_mock("Hello, world!"),
+        )
+
+        result = asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Hi there",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=AsyncMock(),
+        ))
+
+        self.assertIsInstance(result, ToolCallResult)
+        self.assertEqual(result.text, "Hello, world!")
+        self.assertFalse(result.used_tool)
+
+    # ------------------------------------------------------------------
+    # Happy path — tool call
+    # ------------------------------------------------------------------
+
+    def test_tool_call_executes_and_returns_final_text(self, MockAsyncOpenAI, mock_get_ctx):
+        """When the model requests a tool call, execute it and return
+        the text from the follow-up completion."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("search_courses", {"subject": "CSCI"}),
+            _make_text_completion_mock("CSCI 1300 is available MWF 10-10:50."),
+        ])
+        mock_executor = AsyncMock(
+            return_value={"courses": [{"title": "Intro to CS"}]},
+        )
+
+        result = asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="What CSCI classes are there?",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        mock_executor.assert_called_once_with(
+            name="search_courses", subject="CSCI",
+        )
+        self.assertIsInstance(result, ToolCallResult)
+        self.assertEqual(result.text, "CSCI 1300 is available MWF 10-10:50.")
+        self.assertTrue(result.used_tool)
+        self.assertEqual(result.tool_name, "search_courses")
+        self.assertEqual(result.tool_args, {"subject": "CSCI"})
+        self.assertEqual(len(result.tool_calls_made), 1)
+        self.assertEqual(result.tool_calls_made[0].name, "search_courses")
+        self.assertEqual(client.client.chat.completions.create.call_count, 2)
+
+    # ------------------------------------------------------------------
+    # Payload format
+    # ------------------------------------------------------------------
+
+    def test_tool_definitions_passed_through_in_openai_format(self, MockAsyncOpenAI, mock_get_ctx):
+        """Tool definitions (already in OpenAI format) are passed through
+        directly to the completions API."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(
+            return_value=_make_text_completion_mock("Ok"),
+        )
+
+        asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Hello",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=AsyncMock(),
+        ))
+
+        call_kwargs = client.client.chat.completions.create.call_args[1]
+        tools = call_kwargs["tools"]
+        self.assertEqual(len(tools), 1)
+        self.assertEqual(tools[0]["type"], "function")
+        self.assertEqual(tools[0]["function"]["name"], "search_courses")
+        self.assertIn("parameters", tools[0]["function"])
+
+    def test_tool_result_appended_to_followup(self, MockAsyncOpenAI, mock_get_ctx):
+        """After executing a tool, the follow-up call must include
+        the assistant message, a ``role: tool`` message, and ``tools=``."""
+        tool_output = {"courses": [{"title": "Algorithms"}]}
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("search_courses", {"subject": "CSCI"}),
+            _make_text_completion_mock("Here are the results."),
+        ])
+        mock_executor = AsyncMock(return_value=tool_output)
+
+        asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Find CSCI courses",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        second_call_kwargs = client.client.chat.completions.create.call_args_list[1][1]
+        messages = second_call_kwargs["messages"]
+
+        assistant_msg = messages[-2]
+        self.assertEqual(assistant_msg["role"], "assistant")
+
+        tool_msg = messages[-1]
+        self.assertEqual(tool_msg["role"], "tool")
+        self.assertEqual(tool_msg["tool_call_id"], "call_123")
+        self.assertEqual(json.loads(tool_msg["content"]), tool_output)
+
+        self.assertIn("tools", second_call_kwargs,
+                       "Follow-up call must include tools= so the model can "
+                       "request additional tool calls if needed")
+
+    # ------------------------------------------------------------------
+    # Error handling
+    # ------------------------------------------------------------------
+
+    def test_tool_executor_failure_serialises_error_and_continues(self, MockAsyncOpenAI, mock_get_ctx):
+        """If the tool executor raises, the error is serialised as the
+        tool result and the loop continues to the follow-up completion."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("search_courses", {"subject": "CSCI"}),
+            _make_text_completion_mock("Sorry, I couldn't look that up."),
+        ])
+        mock_executor = AsyncMock(side_effect=RuntimeError("network down"))
+
+        result = asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Find CSCI courses",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertTrue(result.used_tool)
+        self.assertEqual(result.tool_name, "search_courses")
+        self.assertEqual(len(result.tool_calls_made), 1)
+
+        second_call_msgs = client.client.chat.completions.create.call_args_list[1][1]["messages"]
+        tool_msg = [m for m in second_call_msgs if m.get("role") == "tool"][0]
+        self.assertIn("network down", json.loads(tool_msg["content"])["error"])
+
+    def test_connection_error_returns_not_used(self, MockAsyncOpenAI, mock_get_ctx):
+        """APIConnectionError during tool calling returns used_tool=False."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(
+            side_effect=APIConnectionError(request=MagicMock()),
+        )
+
+        result = asyncio.run(client.generate_with_tools(
+            system_prompt="Test",
+            user_message="Hi",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=AsyncMock(),
+        ))
+
+        self.assertIsInstance(result, ToolCallResult)
+        self.assertFalse(result.used_tool)
+        self.assertIn("unable to connect", result.text.lower())
+
+    # ------------------------------------------------------------------
+    # Multi-tool call in a single response
+    # ------------------------------------------------------------------
+
+    def test_parallel_tool_calls_all_executed(self, MockAsyncOpenAI, mock_get_ctx):
+        """When the model requests multiple tool calls in one response,
+        all of them are executed and their results fed back."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=[
+            _make_multi_tool_call_mock([
+                ("rate_my_professor", {"professor_name": "Dubson"}, "call_a"),
+                ("rate_my_professor", {"professor_name": "West"}, "call_b"),
+            ]),
+            _make_text_completion_mock("Dubson has a 4.5 rating. West has a 3.8 rating."),
+        ])
+        mock_executor = AsyncMock(
+            side_effect=[
+                {"professors": [{"name": "Dubson", "rating": 4.5}]},
+                {"professors": [{"name": "West", "rating": 3.8}]},
+            ],
+        )
+
+        result = asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Is professor Dubson or West rated better?",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertEqual(mock_executor.call_count, 2)
+        self.assertTrue(result.used_tool)
+        self.assertIn("Dubson", result.text)
+        self.assertIn("West", result.text)
+        self.assertEqual(len(result.tool_calls_made), 2)
+        self.assertEqual(result.tool_calls_made[0].name, "rate_my_professor")
+        self.assertEqual(result.tool_calls_made[1].args, {"professor_name": "West"})
+        self.assertEqual(client.client.chat.completions.create.call_count, 2)
+
+    def test_parallel_tool_results_all_in_followup_messages(self, MockAsyncOpenAI, mock_get_ctx):
+        """All tool results must appear as separate role:tool messages
+        in the follow-up request."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=[
+            _make_multi_tool_call_mock([
+                ("rate_my_professor", {"professor_name": "Dubson"}, "call_a"),
+                ("rate_my_professor", {"professor_name": "West"}, "call_b"),
+            ]),
+            _make_text_completion_mock("Comparison complete."),
+        ])
+        mock_executor = AsyncMock(side_effect=[
+            {"professors": [{"name": "Dubson"}]},
+            {"professors": [{"name": "West"}]},
+        ])
+
+        asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Compare",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        second_call_msgs = client.client.chat.completions.create.call_args_list[1][1]["messages"]
+        tool_msgs = [m for m in second_call_msgs if m.get("role") == "tool"]
+        self.assertEqual(len(tool_msgs), 2)
+        self.assertEqual(tool_msgs[0]["tool_call_id"], "call_a")
+        self.assertEqual(tool_msgs[1]["tool_call_id"], "call_b")
+
+    # ------------------------------------------------------------------
+    # Multi-round tool calling
+    # ------------------------------------------------------------------
+
+    def test_sequential_tool_rounds(self, MockAsyncOpenAI, mock_get_ctx):
+        """The loop handles a second round of tool calls after the first
+        results are fed back."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=[
+            _make_tool_call_mock("rate_my_professor", {"professor_name": "Dubson"}, "call_1"),
+            _make_tool_call_mock("rate_my_professor", {"professor_name": "West"}, "call_2"),
+            _make_text_completion_mock("Dubson is rated higher than West."),
+        ])
+        mock_executor = AsyncMock(side_effect=[
+            {"professors": [{"name": "Dubson", "rating": 4.5}]},
+            {"professors": [{"name": "West", "rating": 3.8}]},
+        ])
+
+        result = asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Compare Dubson and West",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertEqual(mock_executor.call_count, 2)
+        self.assertTrue(result.used_tool)
+        self.assertEqual(len(result.tool_calls_made), 2)
+        self.assertEqual(result.tool_name, "rate_my_professor")
+        self.assertEqual(client.client.chat.completions.create.call_count, 3)
+
+    # ------------------------------------------------------------------
+    # Tool executor failure in multi-tool context
+    # ------------------------------------------------------------------
+
+    def test_partial_tool_failure_continues(self, MockAsyncOpenAI, mock_get_ctx):
+        """If one tool call in a batch fails, the error is serialised
+        and the loop continues to the follow-up."""
+        client = ImprovedVllmClient(
+            api_url=FAKE_URL, api_key=FAKE_KEY, model_name="test-model",
+        )
+        client.client.chat.completions.create = AsyncMock(side_effect=[
+            _make_multi_tool_call_mock([
+                ("rate_my_professor", {"professor_name": "Dubson"}, "call_a"),
+                ("rate_my_professor", {"professor_name": "West"}, "call_b"),
+            ]),
+            _make_text_completion_mock("Only Dubson data available."),
+        ])
+        mock_executor = AsyncMock(side_effect=[
+            {"professors": [{"name": "Dubson", "rating": 4.5}]},
+            RuntimeError("network down"),
+        ])
+
+        result = asyncio.run(client.generate_with_tools(
+            system_prompt="You are helpful.",
+            user_message="Compare",
+            tool_definitions=[FAKE_TOOL],
+            tool_executor=mock_executor,
+        ))
+
+        self.assertTrue(result.used_tool)
+        self.assertEqual(len(result.tool_calls_made), 2)
+        self.assertEqual(client.client.chat.completions.create.call_count, 2)
+
+        second_call_msgs = client.client.chat.completions.create.call_args_list[1][1]["messages"]
+        tool_msgs = [m for m in second_call_msgs if m.get("role") == "tool"]
+        self.assertEqual(len(tool_msgs), 2)
+        error_content = json.loads(tool_msgs[1]["content"])
+        self.assertIn("error", error_content)
+
+
+class TestVllmContextFormatting(unittest.TestCase):
+    """Regression: the vLLM formatter must NOT drop system messages from the
+    context — the orchestrator delivers session context (documents, user
+    profile, knowledge summary) as a leading system message."""
+
+    def test_system_context_message_preserved(self):
+        cm = ContextManager()
+        context = [
+            {"role": "system", "content": "USER KNOWLEDGE SUMMARY: runs an 80-person firm"},
+            {"role": "user", "content": "What should we do first?"},
+        ]
+        formatted = cm._format_for_vllm(context, system_prompt="")
+        system_contents = [m["content"] for m in formatted if m["role"] == "system"]
+        self.assertTrue(
+            any("USER KNOWLEDGE SUMMARY" in c for c in system_contents),
+            "session-context system message was dropped on the vLLM path",
+        )
+
+    def test_no_empty_leading_system_message(self):
+        cm = ContextManager()
+        formatted = cm._format_for_vllm(
+            [{"role": "user", "content": "Hi"}], system_prompt=""
+        )
+        self.assertTrue(all(m["content"] for m in formatted))
+
+    def test_custom_persona_roles_normalized(self):
+        cm = ContextManager()
+        formatted = cm._format_for_vllm(
+            [{"role": "incident_responder", "content": "Isolate the host."}],
+            system_prompt="You are helpful.",
+        )
+        self.assertEqual(formatted[0], {"role": "system", "content": "You are helpful."})
+        self.assertEqual(formatted[1]["role"], "assistant")
+        self.assertIn("Isolate the host.", formatted[1]["content"])
+
diff --git a/multi_llm_chatbot_backend/app/tests/unit/test_voice_status.py b/multi_llm_chatbot_backend/app/tests/unit/test_voice_status.py
new file mode 100644
index 0000000000000000000000000000000000000000..16de32fa5f6e31a62d6530c94b544ad462508592
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tests/unit/test_voice_status.py
@@ -0,0 +1,189 @@
+import asyncio
+import unittest
+from datetime import datetime
+from unittest.mock import AsyncMock, MagicMock, patch
+
+import httpx
+from bson import ObjectId
+
+# Heavy modules pulled in transitively by ``app.api.routes.voice`` are
+# stubbed once for the whole test session in ``conftest.py``; the import
+# below relies on those stubs already being in place.
+from app.api.routes.voice import voice_status  # noqa: E402
+from app.models.user import User  # noqa: E402
+
+FAKE_USER_ID = ObjectId()
+
+
+def _make_fake_user(**overrides):
+    defaults = dict(
+        _id=FAKE_USER_ID,
+        firstName="Test",
+        lastName="User",
+        email="test@example.com",
+        hashed_password="$2b$12$fakehash",
+        is_active=True,
+        created_at=datetime(2025, 1, 1),
+    )
+    defaults.update(overrides)
+    return User(**defaults)
+
+
+def _make_async_client(get_side_effect):
+    """Build a mock httpx.AsyncClient whose `async with` yields a client
+    with `.get` driven by the supplied side_effect (callable or list)."""
+    client = MagicMock()
+    client.get = AsyncMock(side_effect=get_side_effect)
+
+    cm = MagicMock()
+    cm.__aenter__ = AsyncMock(return_value=client)
+    cm.__aexit__ = AsyncMock(return_value=None)
+    return cm, client
+
+
+def _ok_response():
+    resp = MagicMock()
+    resp.status_code = 200
+    return resp
+
+
+def _err_response():
+    resp = MagicMock()
+    resp.status_code = 503
+    return resp
+
+
+# ------------------------------------------------------------------
+# GET /voice/status
+# ------------------------------------------------------------------
+
+
+class TestVoiceStatus(unittest.TestCase):
+
+    @patch("app.api.routes.voice.STT_BASE", "https://stt.example.com")
+    @patch("app.api.routes.voice.TTS_BASE", "https://tts.example.com")
+    def test_both_services_ready(self):
+        cm, client = _make_async_client([_ok_response(), _ok_response()])
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": True, "stt_ready": True})
+        self.assertEqual(client.get.await_count, 2)
+        client.get.assert_any_await("https://tts.example.com/status")
+        client.get.assert_any_await("https://stt.example.com/status")
+
+    @patch("app.api.routes.voice.STT_BASE", "https://stt.example.com")
+    @patch("app.api.routes.voice.TTS_BASE", "https://tts.example.com")
+    def test_tts_ready_stt_failure_status(self):
+        cm, _ = _make_async_client([_ok_response(), _err_response()])
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": True, "stt_ready": False})
+
+    @patch("app.api.routes.voice.STT_BASE", "https://stt.example.com")
+    @patch("app.api.routes.voice.TTS_BASE", "https://tts.example.com")
+    def test_tts_failure_status_stt_ready(self):
+        cm, _ = _make_async_client([_err_response(), _ok_response()])
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": False, "stt_ready": True})
+
+    @patch("app.api.routes.voice.STT_BASE", "https://stt.example.com")
+    @patch("app.api.routes.voice.TTS_BASE", "https://tts.example.com")
+    def test_tts_exception_does_not_break_stt_check(self):
+        cm, client = _make_async_client(
+            [httpx.ConnectError("boom"), _ok_response()],
+        )
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": False, "stt_ready": True})
+        self.assertEqual(client.get.await_count, 2)
+
+    @patch("app.api.routes.voice.STT_BASE", "https://stt.example.com")
+    @patch("app.api.routes.voice.TTS_BASE", "https://tts.example.com")
+    def test_stt_exception_keeps_tts_result(self):
+        cm, _ = _make_async_client(
+            [_ok_response(), httpx.TimeoutException("slow")],
+        )
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": True, "stt_ready": False})
+
+    @patch("app.api.routes.voice.STT_BASE", "https://stt.example.com")
+    @patch("app.api.routes.voice.TTS_BASE", "https://tts.example.com")
+    def test_both_exceptions(self):
+        cm, _ = _make_async_client(
+            [httpx.ConnectError("nope"), httpx.ConnectError("nope")],
+        )
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": False, "stt_ready": False})
+
+    @patch("app.api.routes.voice.STT_BASE", "")
+    @patch("app.api.routes.voice.TTS_BASE", "")
+    def test_empty_endpoints_skip_http_calls(self):
+        cm, client = _make_async_client([])
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": False, "stt_ready": False})
+        client.get.assert_not_awaited()
+
+    @patch("app.api.routes.voice.STT_BASE", None)
+    @patch("app.api.routes.voice.TTS_BASE", None)
+    def test_none_endpoints_skip_http_calls(self):
+        cm, client = _make_async_client([])
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": False, "stt_ready": False})
+        client.get.assert_not_awaited()
+
+    @patch("app.api.routes.voice.STT_BASE", "https://stt.example.com")
+    @patch("app.api.routes.voice.TTS_BASE", "")
+    def test_only_stt_configured(self):
+        cm, client = _make_async_client([_ok_response()])
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": False, "stt_ready": True})
+        client.get.assert_awaited_once_with("https://stt.example.com/status")
+
+    @patch("app.api.routes.voice.STT_BASE", "")
+    @patch("app.api.routes.voice.TTS_BASE", "https://tts.example.com")
+    def test_only_tts_configured(self):
+        cm, client = _make_async_client([_ok_response()])
+        user = _make_fake_user()
+
+        with patch("app.api.routes.voice.httpx.AsyncClient", return_value=cm):
+            result = asyncio.run(voice_status(current_user=user))
+
+        self.assertEqual(result, {"tts_ready": True, "stt_ready": False})
+        client.get.assert_awaited_once_with("https://tts.example.com/status")
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/multi_llm_chatbot_backend/app/tools/__init__.py b/multi_llm_chatbot_backend/app/tools/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..5fca491d2527f4a70c2c67e3b36edb6b57ca719e
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tools/__init__.py
@@ -0,0 +1,125 @@
+"""
+Tool registry — auto-discovers tool modules in app.tools and provides
+a central API for retrieving definitions and dispatching calls.
+
+Every tool module in this package must export:
+    TOOL_DEFINITION : Dict[str, Any]   — OpenAI tool format
+                                         {"type": "function", "function": {"name": ..., ...}}
+    execute         : async (**kwargs)  — returns Dict[str, Any]
+
+Modules that don't export both are silently skipped.
+
+Filtering semantics for the ``enabled`` parameter:
+    None  — no filter; all registered tools are available (default)
+    []    — explicit empty list; no tools are available
+    [ids] — only the named tools are available
+"""
+
+import importlib
+import inspect
+import logging
+import pkgutil
+from typing import Any, Callable, Dict, List, Optional
+
+logger = logging.getLogger(__name__)
+
+# Shared User-Agent for HTTP clients in tool modules (FOSE, RMP, etc.).
+BROWSER_UA = (
+    "Mozilla/5.0 (Windows NT 10.0; Win64; x64) "
+    "AppleWebKit/537.36 (KHTML, like Gecko) "
+    "Chrome/131.0.0.0 Safari/537.36"
+)
+
+_REGISTRY: Dict[str, Dict[str, Any]] = {}
+
+
+def _discover_tools() -> None:
+    """Scan sibling modules in app.tools and register any that export
+    TOOL_DEFINITION and execute."""
+    import app.tools as tools_pkg
+
+    for _finder, module_name, _is_pkg in pkgutil.iter_modules(tools_pkg.__path__):
+        qualified = f"app.tools.{module_name}"
+        try:
+            mod = importlib.import_module(qualified)
+        except Exception:
+            logger.warning("Failed to import tool module: %s", qualified, exc_info=True)
+            continue
+
+        defn = getattr(mod, "TOOL_DEFINITION", None)
+        executor = getattr(mod, "execute", None)
+
+        if defn is None or executor is None:
+            continue
+
+        if (not isinstance(defn, dict)
+                or defn.get("type") != "function"
+                or not isinstance(defn.get("function"), dict)
+                or "name" not in defn["function"]):
+            logger.warning("Skipping %s: TOOL_DEFINITION not in OpenAI tool format", qualified)
+            continue
+
+        if not callable(executor) or not inspect.iscoroutinefunction(executor):
+            logger.warning("Skipping %s: execute is not an async callable", qualified)
+            continue
+
+        tool_name = defn["function"]["name"]
+        if tool_name in _REGISTRY:
+            logger.warning(
+                "Duplicate tool name '%s' from %s — skipping", tool_name, qualified,
+            )
+            continue
+
+        _REGISTRY[tool_name] = {"definition": defn, "executor": executor}
+        logger.info("Registered tool: %s (from %s)", tool_name, qualified)
+
+
+def get_tool_definitions(enabled: Optional[List[str]] = None) -> List[Dict[str, Any]]:
+    """Return OpenAI-format tool dicts for registered tools.
+
+    If *enabled* is provided, only return tools whose names are in that list.
+    If None, return all registered tools.
+    """
+    if enabled is None:
+        return [entry["definition"] for entry in _REGISTRY.values()]
+
+    return [
+        _REGISTRY[name]["definition"]
+        for name in enabled
+        if name in _REGISTRY
+    ]
+
+
+def get_tool_executor(enabled: Optional[List[str]] = None) -> Callable:
+    """Return a dispatcher compatible with generate_with_tools(tool_executor=...).
+
+    The returned async callable accepts (name, **kwargs) and routes to the
+    correct tool executor.  If *enabled* is provided, only those tools are
+    dispatchable.
+    """
+    if enabled is not None:
+        allowed = {name for name in enabled if name in _REGISTRY}
+    else:
+        allowed = None
+
+    async def dispatch(name: str, **kwargs: Any) -> Dict[str, Any]:
+        if allowed is not None and name not in allowed:
+            logger.warning("Tool '%s' is not enabled", name)
+            return {"error": f"Tool not enabled: {name}"}
+
+        entry = _REGISTRY.get(name)
+        if entry is None:
+            logger.warning("Unknown tool requested: %s", name)
+            return {"error": f"Unknown tool: {name}"}
+
+        return await entry["executor"](name=name, **kwargs)
+
+    return dispatch
+
+
+def list_registered_tools() -> List[str]:
+    """Return the names of all discovered tools."""
+    return list(_REGISTRY.keys())
+
+
+_discover_tools()
diff --git a/multi_llm_chatbot_backend/app/tools/current_datetime.py b/multi_llm_chatbot_backend/app/tools/current_datetime.py
new file mode 100644
index 0000000000000000000000000000000000000000..d377670eeafb57903036340ba728589584853d79
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/tools/current_datetime.py
@@ -0,0 +1,62 @@
+"""Return the current date and time for orchestrator context."""
+
+from __future__ import annotations
+
+from datetime import datetime, timezone as dt_timezone
+from typing import Any, Dict
+
+try:
+    from zoneinfo import ZoneInfo
+except ImportError:  # pragma: no cover
+    ZoneInfo = None  # type: ignore
+
+TOOL_DEFINITION = {
+    "type": "function",
+    "function": {
+        "name": "get_current_datetime",
+        "description": (
+            "Get the current date and time in UTC and in a configured local timezone. "
+            "Use when the user asks about today, deadlines, timelines, schedules, "
+            "or when accurate temporal context improves security guidance."
+        ),
+        "parameters": {
+            "type": "object",
+            "properties": {
+                "timezone": {
+                    "type": "string",
+                    "description": (
+                        "IANA timezone name (e.g. America/Los_Angeles). "
+                        "Optional; defaults to the app-configured timezone."
+                    ),
+                },
+            },
+            "required": [],
+        },
+    },
+}
+
+
+async def execute(name: str = "", timezone: str | None = None, **_: Any) -> Dict[str, Any]:
+    from app.config import get_settings
+
+    cfg = get_settings().tools.get_tool_config("current_datetime")
+    tz_name = timezone or cfg.get("default_timezone") or "UTC"
+    tz = dt_timezone.utc
+    if ZoneInfo is not None:
+        try:
+            tz = ZoneInfo(tz_name)
+        except Exception:
+            tz_name = "UTC"
+            tz = dt_timezone.utc
+
+    now_utc = datetime.now(dt_timezone.utc)
+    now_local = now_utc.astimezone(tz)
+
+    return {
+        "utc_iso": now_utc.isoformat(),
+        "local_iso": now_local.isoformat(),
+        "local_timezone": tz_name,
+        "local_weekday": now_local.strftime("%A"),
+        "local_date": now_local.strftime("%Y-%m-%d"),
+        "local_time": now_local.strftime("%H:%M:%S"),
+    }
diff --git a/multi_llm_chatbot_backend/app/utils/README.md b/multi_llm_chatbot_backend/app/utils/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..615b3f7b6b234fcbfab40b026de6c31e819589a2
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/README.md
@@ -0,0 +1,142 @@
+# `app/utils` – Utility Modules for Summarization, Export, and Embeddings
+
+This directory includes reusable tools that support the backend application with:
+
+- Chat summarization for display/export
+- Document extraction and cleanup
+- File export to TXT, DOCX, and PDF formats
+- File upload validation
+- Persona-specific vector DB with ChromaDB
+
+These modules are loosely coupled and used across core routes, RAG logic, and export endpoints.
+
+---
+
+## `chat_summary.py` – Conversation Summarization
+
+This module provides summarization of past conversations using the LLM client.
+
+### Key Functions
+
+- `generate_summary_from_messages(messages, llm, max_tokens)` – Generates a formatted, bullet-style summary
+- `format_summary_for_text_export(summary_text)` – Cleans summary for export to PDF/DOCX/TXT
+- `parse_summary_to_blocks(summary_text)` – Converts summary to structured blocks (headings, lists, paragraphs)
+
+### Format Guidelines
+
+Summaries follow a markdown-style format with:
+- `**Section Name:**` for headings
+- `* Bullet Points` for insights and recommendations
+- Auto-trimming and line breaks for export formatting
+
+---
+
+## `chroma_client.py` – Persona-Specific Knowledge Store
+
+A minimal ChromaDB wrapper used to store and query persona-specific documents or embeddings.
+
+### Functions
+
+- `add_persona_doc(text, persona, doc_id)` – Add a new chunk/document for a persona
+- `query_persona_knowledge(query, persona)` – Query ChromaDB for a persona-specific response
+
+### Notes
+
+- Uses `./chroma_storage` as the default persistent path
+- Uses the local embedding model via `get_embedding()` from `embedding_client.py`
+
+---
+
+## `document_extractor.py` – File Text Extraction
+
+Supports extracting raw text from uploaded documents.
+
+### Supported Formats
+
+| Format | Content Type |
+|--------|---------------|
+| PDF    | `application/pdf` |
+| DOCX   | `application/vnd.openxmlformats-officedocument.wordprocessingml.document` |
+| TXT    | `text/plain` |
+
+### Key Function
+
+```python
+extract_text_from_file(file_bytes: bytes, content_type: str) -> str
+```
+
+Uses:
+- `PyPDF2` for PDFs
+- `docx2txt` for Word documents (via temp file)
+- UTF-8 decoding for plain text
+
+---
+
+## `file_export.py` – Export Chat & Summaries
+
+Exports content (chat logs or summaries) to the following formats:
+- `.txt`
+- `.docx` (Word)
+- `.pdf` (ReportLab)
+
+### Key Functions
+
+- `export_chat_as_file(content, format)` – Unified export method (calls generate_*)  
+- `prepare_export_response()` – Returns a `StreamingResponse` with correct content-disposition
+
+### Formatting Functions
+
+- `generate_txt_file()` – Simple UTF-8 stream
+- `generate_docx_file()` – Paragraph-based Word file using `python-docx`
+- `generate_pdf_file()` – Uses ReportLab’s Platypus for chat-style layout
+- `generate_pdf_file_from_blocks()` – Used for structured summaries (heading, lists, etc.)
+
+All formats apply automatic cleanup and styling via:
+- `_clean_text_for_pdf()` and `_render_rich_text()`
+
+---
+
+## `file_limits.py` – Upload Size Checks
+
+Used to prevent users from uploading excessively large files in a session.
+
+### Configurable Limit
+
+```python
+MAX_TOTAL_UPLOAD_MB = 10
+```
+
+### Function
+
+- `is_within_upload_limit(session_id, new_file_bytes, session_context)` – Returns `True` if upload is within session cap
+
+Used by routes handling document uploads.
+
+---
+
+## Dependencies
+
+These modules are used in:
+
+| Module | Depends On |
+|--------|------------|
+| `rag_manager.py` | `document_extractor`, `file_limits` |
+| `chat_summary.py` | `llm_client` |
+| `routes/documents.py` | `document_extractor`, `file_limits` |
+| `routes/export.py` | `file_export`, `chat_summary` |
+
+---
+
+## Example Workflow
+
+```text
+Upload File → document_extractor.py → raw text
+            ↓
+      file_limits.py → check quota
+
+Chat History → chat_summary.py → formatted summary
+                          ↓
+                  file_export.py → TXT, DOCX, PDF
+
+Persona Notes → chroma_client.py → embedded in ChromaDB
+```
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/utils/_lucide_icon_names.json b/multi_llm_chatbot_backend/app/utils/_lucide_icon_names.json
new file mode 100644
index 0000000000000000000000000000000000000000..8b43954bbbe4c16a8c25fc4a65400c7cf59d2ecb
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/_lucide_icon_names.json
@@ -0,0 +1,1866 @@
+{
+  "version": "0.544.0",
+  "icons": [
+    "AArrowDown",
+    "AArrowUp",
+    "ALargeSmall",
+    "Accessibility",
+    "Activity",
+    "ActivitySquare",
+    "AirVent",
+    "Airplay",
+    "AlarmCheck",
+    "AlarmClock",
+    "AlarmClockCheck",
+    "AlarmClockMinus",
+    "AlarmClockOff",
+    "AlarmClockPlus",
+    "AlarmMinus",
+    "AlarmPlus",
+    "AlarmSmoke",
+    "Album",
+    "AlertCircle",
+    "AlertOctagon",
+    "AlertTriangle",
+    "AlignCenter",
+    "AlignCenterHorizontal",
+    "AlignCenterVertical",
+    "AlignEndHorizontal",
+    "AlignEndVertical",
+    "AlignHorizontalDistributeCenter",
+    "AlignHorizontalDistributeEnd",
+    "AlignHorizontalDistributeStart",
+    "AlignHorizontalJustifyCenter",
+    "AlignHorizontalJustifyEnd",
+    "AlignHorizontalJustifyStart",
+    "AlignHorizontalSpaceAround",
+    "AlignHorizontalSpaceBetween",
+    "AlignJustify",
+    "AlignLeft",
+    "AlignRight",
+    "AlignStartHorizontal",
+    "AlignStartVertical",
+    "AlignVerticalDistributeCenter",
+    "AlignVerticalDistributeEnd",
+    "AlignVerticalDistributeStart",
+    "AlignVerticalJustifyCenter",
+    "AlignVerticalJustifyEnd",
+    "AlignVerticalJustifyStart",
+    "AlignVerticalSpaceAround",
+    "AlignVerticalSpaceBetween",
+    "Ambulance",
+    "Ampersand",
+    "Ampersands",
+    "Amphora",
+    "Anchor",
+    "Angry",
+    "Annoyed",
+    "Antenna",
+    "Anvil",
+    "Aperture",
+    "AppWindow",
+    "AppWindowMac",
+    "Apple",
+    "Archive",
+    "ArchiveRestore",
+    "ArchiveX",
+    "AreaChart",
+    "Armchair",
+    "ArrowBigDown",
+    "ArrowBigDownDash",
+    "ArrowBigLeft",
+    "ArrowBigLeftDash",
+    "ArrowBigRight",
+    "ArrowBigRightDash",
+    "ArrowBigUp",
+    "ArrowBigUpDash",
+    "ArrowDown",
+    "ArrowDown01",
+    "ArrowDown10",
+    "ArrowDownAZ",
+    "ArrowDownAz",
+    "ArrowDownCircle",
+    "ArrowDownFromLine",
+    "ArrowDownLeft",
+    "ArrowDownLeftFromCircle",
+    "ArrowDownLeftFromSquare",
+    "ArrowDownLeftSquare",
+    "ArrowDownNarrowWide",
+    "ArrowDownRight",
+    "ArrowDownRightFromCircle",
+    "ArrowDownRightFromSquare",
+    "ArrowDownRightSquare",
+    "ArrowDownSquare",
+    "ArrowDownToDot",
+    "ArrowDownToLine",
+    "ArrowDownUp",
+    "ArrowDownWideNarrow",
+    "ArrowDownZA",
+    "ArrowDownZa",
+    "ArrowLeft",
+    "ArrowLeftCircle",
+    "ArrowLeftFromLine",
+    "ArrowLeftRight",
+    "ArrowLeftSquare",
+    "ArrowLeftToLine",
+    "ArrowRight",
+    "ArrowRightCircle",
+    "ArrowRightFromLine",
+    "ArrowRightLeft",
+    "ArrowRightSquare",
+    "ArrowRightToLine",
+    "ArrowUp",
+    "ArrowUp01",
+    "ArrowUp10",
+    "ArrowUpAZ",
+    "ArrowUpAz",
+    "ArrowUpCircle",
+    "ArrowUpDown",
+    "ArrowUpFromDot",
+    "ArrowUpFromLine",
+    "ArrowUpLeft",
+    "ArrowUpLeftFromCircle",
+    "ArrowUpLeftFromSquare",
+    "ArrowUpLeftSquare",
+    "ArrowUpNarrowWide",
+    "ArrowUpRight",
+    "ArrowUpRightFromCircle",
+    "ArrowUpRightFromSquare",
+    "ArrowUpRightSquare",
+    "ArrowUpSquare",
+    "ArrowUpToLine",
+    "ArrowUpWideNarrow",
+    "ArrowUpZA",
+    "ArrowUpZa",
+    "ArrowsUpFromLine",
+    "Asterisk",
+    "AsteriskSquare",
+    "AtSign",
+    "Atom",
+    "AudioLines",
+    "AudioWaveform",
+    "Award",
+    "Axe",
+    "Axis3D",
+    "Axis3d",
+    "Baby",
+    "Backpack",
+    "Badge",
+    "BadgeAlert",
+    "BadgeCent",
+    "BadgeCheck",
+    "BadgeDollarSign",
+    "BadgeEuro",
+    "BadgeHelp",
+    "BadgeIndianRupee",
+    "BadgeInfo",
+    "BadgeJapaneseYen",
+    "BadgeMinus",
+    "BadgePercent",
+    "BadgePlus",
+    "BadgePoundSterling",
+    "BadgeQuestionMark",
+    "BadgeRussianRuble",
+    "BadgeSwissFranc",
+    "BadgeTurkishLira",
+    "BadgeX",
+    "BaggageClaim",
+    "Ban",
+    "Banana",
+    "Bandage",
+    "Banknote",
+    "BanknoteArrowDown",
+    "BanknoteArrowUp",
+    "BanknoteX",
+    "BarChart",
+    "BarChart2",
+    "BarChart3",
+    "BarChart4",
+    "BarChartBig",
+    "BarChartHorizontal",
+    "BarChartHorizontalBig",
+    "Barcode",
+    "Barrel",
+    "Baseline",
+    "Bath",
+    "Battery",
+    "BatteryCharging",
+    "BatteryFull",
+    "BatteryLow",
+    "BatteryMedium",
+    "BatteryPlus",
+    "BatteryWarning",
+    "Beaker",
+    "Bean",
+    "BeanOff",
+    "Bed",
+    "BedDouble",
+    "BedSingle",
+    "Beef",
+    "Beer",
+    "BeerOff",
+    "Bell",
+    "BellDot",
+    "BellElectric",
+    "BellMinus",
+    "BellOff",
+    "BellPlus",
+    "BellRing",
+    "BetweenHorizonalEnd",
+    "BetweenHorizonalStart",
+    "BetweenHorizontalEnd",
+    "BetweenHorizontalStart",
+    "BetweenVerticalEnd",
+    "BetweenVerticalStart",
+    "BicepsFlexed",
+    "Bike",
+    "Binary",
+    "Binoculars",
+    "Biohazard",
+    "Bird",
+    "Bitcoin",
+    "Blend",
+    "Blinds",
+    "Blocks",
+    "Bluetooth",
+    "BluetoothConnected",
+    "BluetoothOff",
+    "BluetoothSearching",
+    "Bold",
+    "Bolt",
+    "Bomb",
+    "Bone",
+    "Book",
+    "BookA",
+    "BookAlert",
+    "BookAudio",
+    "BookCheck",
+    "BookCopy",
+    "BookDashed",
+    "BookDown",
+    "BookHeadphones",
+    "BookHeart",
+    "BookImage",
+    "BookKey",
+    "BookLock",
+    "BookMarked",
+    "BookMinus",
+    "BookOpen",
+    "BookOpenCheck",
+    "BookOpenText",
+    "BookPlus",
+    "BookTemplate",
+    "BookText",
+    "BookType",
+    "BookUp",
+    "BookUp2",
+    "BookUser",
+    "BookX",
+    "Bookmark",
+    "BookmarkCheck",
+    "BookmarkMinus",
+    "BookmarkPlus",
+    "BookmarkX",
+    "BoomBox",
+    "Bot",
+    "BotMessageSquare",
+    "BotOff",
+    "BottleWine",
+    "BowArrow",
+    "Box",
+    "BoxSelect",
+    "Boxes",
+    "Braces",
+    "Brackets",
+    "Brain",
+    "BrainCircuit",
+    "BrainCog",
+    "BrickWall",
+    "BrickWallFire",
+    "BrickWallShield",
+    "Briefcase",
+    "BriefcaseBusiness",
+    "BriefcaseConveyorBelt",
+    "BriefcaseMedical",
+    "BringToFront",
+    "Brush",
+    "BrushCleaning",
+    "Bubbles",
+    "Bug",
+    "BugOff",
+    "BugPlay",
+    "Building",
+    "Building2",
+    "Bus",
+    "BusFront",
+    "Cable",
+    "CableCar",
+    "Cake",
+    "CakeSlice",
+    "Calculator",
+    "Calendar",
+    "Calendar1",
+    "CalendarArrowDown",
+    "CalendarArrowUp",
+    "CalendarCheck",
+    "CalendarCheck2",
+    "CalendarClock",
+    "CalendarCog",
+    "CalendarDays",
+    "CalendarFold",
+    "CalendarHeart",
+    "CalendarMinus",
+    "CalendarMinus2",
+    "CalendarOff",
+    "CalendarPlus",
+    "CalendarPlus2",
+    "CalendarRange",
+    "CalendarSearch",
+    "CalendarSync",
+    "CalendarX",
+    "CalendarX2",
+    "Camera",
+    "CameraOff",
+    "CandlestickChart",
+    "Candy",
+    "CandyCane",
+    "CandyOff",
+    "Cannabis",
+    "Captions",
+    "CaptionsOff",
+    "Car",
+    "CarFront",
+    "CarTaxiFront",
+    "Caravan",
+    "CardSim",
+    "Carrot",
+    "CaseLower",
+    "CaseSensitive",
+    "CaseUpper",
+    "CassetteTape",
+    "Cast",
+    "Castle",
+    "Cat",
+    "Cctv",
+    "ChartArea",
+    "ChartBar",
+    "ChartBarBig",
+    "ChartBarDecreasing",
+    "ChartBarIncreasing",
+    "ChartBarStacked",
+    "ChartCandlestick",
+    "ChartColumn",
+    "ChartColumnBig",
+    "ChartColumnDecreasing",
+    "ChartColumnIncreasing",
+    "ChartColumnStacked",
+    "ChartGantt",
+    "ChartLine",
+    "ChartNetwork",
+    "ChartNoAxesColumn",
+    "ChartNoAxesColumnDecreasing",
+    "ChartNoAxesColumnIncreasing",
+    "ChartNoAxesCombined",
+    "ChartNoAxesGantt",
+    "ChartPie",
+    "ChartScatter",
+    "ChartSpline",
+    "Check",
+    "CheckCheck",
+    "CheckCircle",
+    "CheckCircle2",
+    "CheckLine",
+    "CheckSquare",
+    "CheckSquare2",
+    "ChefHat",
+    "Cherry",
+    "ChevronDown",
+    "ChevronDownCircle",
+    "ChevronDownSquare",
+    "ChevronFirst",
+    "ChevronLast",
+    "ChevronLeft",
+    "ChevronLeftCircle",
+    "ChevronLeftSquare",
+    "ChevronRight",
+    "ChevronRightCircle",
+    "ChevronRightSquare",
+    "ChevronUp",
+    "ChevronUpCircle",
+    "ChevronUpSquare",
+    "ChevronsDown",
+    "ChevronsDownUp",
+    "ChevronsLeft",
+    "ChevronsLeftRight",
+    "ChevronsLeftRightEllipsis",
+    "ChevronsRight",
+    "ChevronsRightLeft",
+    "ChevronsUp",
+    "ChevronsUpDown",
+    "Chrome",
+    "Chromium",
+    "Church",
+    "Cigarette",
+    "CigaretteOff",
+    "Circle",
+    "CircleAlert",
+    "CircleArrowDown",
+    "CircleArrowLeft",
+    "CircleArrowOutDownLeft",
+    "CircleArrowOutDownRight",
+    "CircleArrowOutUpLeft",
+    "CircleArrowOutUpRight",
+    "CircleArrowRight",
+    "CircleArrowUp",
+    "CircleCheck",
+    "CircleCheckBig",
+    "CircleChevronDown",
+    "CircleChevronLeft",
+    "CircleChevronRight",
+    "CircleChevronUp",
+    "CircleDashed",
+    "CircleDivide",
+    "CircleDollarSign",
+    "CircleDot",
+    "CircleDotDashed",
+    "CircleEllipsis",
+    "CircleEqual",
+    "CircleFadingArrowUp",
+    "CircleFadingPlus",
+    "CircleGauge",
+    "CircleHelp",
+    "CircleMinus",
+    "CircleOff",
+    "CircleParking",
+    "CircleParkingOff",
+    "CirclePause",
+    "CirclePercent",
+    "CirclePlay",
+    "CirclePlus",
+    "CirclePoundSterling",
+    "CirclePower",
+    "CircleQuestionMark",
+    "CircleSlash",
+    "CircleSlash2",
+    "CircleSlashed",
+    "CircleSmall",
+    "CircleStar",
+    "CircleStop",
+    "CircleUser",
+    "CircleUserRound",
+    "CircleX",
+    "CircuitBoard",
+    "Citrus",
+    "Clapperboard",
+    "Clipboard",
+    "ClipboardCheck",
+    "ClipboardClock",
+    "ClipboardCopy",
+    "ClipboardEdit",
+    "ClipboardList",
+    "ClipboardMinus",
+    "ClipboardPaste",
+    "ClipboardPen",
+    "ClipboardPenLine",
+    "ClipboardPlus",
+    "ClipboardSignature",
+    "ClipboardType",
+    "ClipboardX",
+    "Clock",
+    "Clock1",
+    "Clock10",
+    "Clock11",
+    "Clock12",
+    "Clock2",
+    "Clock3",
+    "Clock4",
+    "Clock5",
+    "Clock6",
+    "Clock7",
+    "Clock8",
+    "Clock9",
+    "ClockAlert",
+    "ClockArrowDown",
+    "ClockArrowUp",
+    "ClockFading",
+    "ClockPlus",
+    "ClosedCaption",
+    "Cloud",
+    "CloudAlert",
+    "CloudCheck",
+    "CloudCog",
+    "CloudDownload",
+    "CloudDrizzle",
+    "CloudFog",
+    "CloudHail",
+    "CloudLightning",
+    "CloudMoon",
+    "CloudMoonRain",
+    "CloudOff",
+    "CloudRain",
+    "CloudRainWind",
+    "CloudSnow",
+    "CloudSun",
+    "CloudSunRain",
+    "CloudUpload",
+    "Cloudy",
+    "Clover",
+    "Club",
+    "Code",
+    "Code2",
+    "CodeSquare",
+    "CodeXml",
+    "Codepen",
+    "Codesandbox",
+    "Coffee",
+    "Cog",
+    "Coins",
+    "Columns",
+    "Columns2",
+    "Columns3",
+    "Columns3Cog",
+    "Columns4",
+    "ColumnsSettings",
+    "Combine",
+    "Command",
+    "Compass",
+    "Component",
+    "Computer",
+    "ConciergeBell",
+    "Cone",
+    "Construction",
+    "Contact",
+    "Contact2",
+    "ContactRound",
+    "Container",
+    "Contrast",
+    "Cookie",
+    "CookingPot",
+    "Copy",
+    "CopyCheck",
+    "CopyMinus",
+    "CopyPlus",
+    "CopySlash",
+    "CopyX",
+    "Copyleft",
+    "Copyright",
+    "CornerDownLeft",
+    "CornerDownRight",
+    "CornerLeftDown",
+    "CornerLeftUp",
+    "CornerRightDown",
+    "CornerRightUp",
+    "CornerUpLeft",
+    "CornerUpRight",
+    "Cpu",
+    "CreativeCommons",
+    "CreditCard",
+    "Croissant",
+    "Crop",
+    "Cross",
+    "Crosshair",
+    "Crown",
+    "Cuboid",
+    "CupSoda",
+    "CurlyBraces",
+    "Currency",
+    "Cylinder",
+    "Dam",
+    "Database",
+    "DatabaseBackup",
+    "DatabaseZap",
+    "DecimalsArrowLeft",
+    "DecimalsArrowRight",
+    "Delete",
+    "Dessert",
+    "Diameter",
+    "Diamond",
+    "DiamondMinus",
+    "DiamondPercent",
+    "DiamondPlus",
+    "Dice1",
+    "Dice2",
+    "Dice3",
+    "Dice4",
+    "Dice5",
+    "Dice6",
+    "Dices",
+    "Diff",
+    "Disc",
+    "Disc2",
+    "Disc3",
+    "DiscAlbum",
+    "Divide",
+    "DivideCircle",
+    "DivideSquare",
+    "Dna",
+    "DnaOff",
+    "Dock",
+    "Dog",
+    "DollarSign",
+    "Donut",
+    "DoorClosed",
+    "DoorClosedLocked",
+    "DoorOpen",
+    "Dot",
+    "DotSquare",
+    "Download",
+    "DownloadCloud",
+    "DraftingCompass",
+    "Drama",
+    "Dribbble",
+    "Drill",
+    "Drone",
+    "Droplet",
+    "DropletOff",
+    "Droplets",
+    "Drum",
+    "Drumstick",
+    "Dumbbell",
+    "Ear",
+    "EarOff",
+    "Earth",
+    "EarthLock",
+    "Eclipse",
+    "Edit",
+    "Edit2",
+    "Edit3",
+    "Egg",
+    "EggFried",
+    "EggOff",
+    "Ellipsis",
+    "EllipsisVertical",
+    "Equal",
+    "EqualApproximately",
+    "EqualNot",
+    "EqualSquare",
+    "Eraser",
+    "EthernetPort",
+    "Euro",
+    "EvCharger",
+    "Expand",
+    "ExternalLink",
+    "Eye",
+    "EyeClosed",
+    "EyeOff",
+    "Facebook",
+    "Factory",
+    "Fan",
+    "FastForward",
+    "Feather",
+    "Fence",
+    "FerrisWheel",
+    "Figma",
+    "File",
+    "FileArchive",
+    "FileAudio",
+    "FileAudio2",
+    "FileAxis3D",
+    "FileAxis3d",
+    "FileBadge",
+    "FileBadge2",
+    "FileBarChart",
+    "FileBarChart2",
+    "FileBox",
+    "FileChartColumn",
+    "FileChartColumnIncreasing",
+    "FileChartLine",
+    "FileChartPie",
+    "FileCheck",
+    "FileCheck2",
+    "FileClock",
+    "FileCode",
+    "FileCode2",
+    "FileCog",
+    "FileCog2",
+    "FileDiff",
+    "FileDigit",
+    "FileDown",
+    "FileEdit",
+    "FileHeart",
+    "FileImage",
+    "FileInput",
+    "FileJson",
+    "FileJson2",
+    "FileKey",
+    "FileKey2",
+    "FileLineChart",
+    "FileLock",
+    "FileLock2",
+    "FileMinus",
+    "FileMinus2",
+    "FileMusic",
+    "FileOutput",
+    "FilePen",
+    "FilePenLine",
+    "FilePieChart",
+    "FilePlay",
+    "FilePlus",
+    "FilePlus2",
+    "FileQuestion",
+    "FileQuestionMark",
+    "FileScan",
+    "FileSearch",
+    "FileSearch2",
+    "FileSignature",
+    "FileSliders",
+    "FileSpreadsheet",
+    "FileStack",
+    "FileSymlink",
+    "FileTerminal",
+    "FileText",
+    "FileType",
+    "FileType2",
+    "FileUp",
+    "FileUser",
+    "FileVideo",
+    "FileVideo2",
+    "FileVideoCamera",
+    "FileVolume",
+    "FileVolume2",
+    "FileWarning",
+    "FileX",
+    "FileX2",
+    "Files",
+    "Film",
+    "Filter",
+    "FilterX",
+    "Fingerprint",
+    "FireExtinguisher",
+    "Fish",
+    "FishOff",
+    "FishSymbol",
+    "Flag",
+    "FlagOff",
+    "FlagTriangleLeft",
+    "FlagTriangleRight",
+    "Flame",
+    "FlameKindling",
+    "Flashlight",
+    "FlashlightOff",
+    "FlaskConical",
+    "FlaskConicalOff",
+    "FlaskRound",
+    "FlipHorizontal",
+    "FlipHorizontal2",
+    "FlipVertical",
+    "FlipVertical2",
+    "Flower",
+    "Flower2",
+    "Focus",
+    "FoldHorizontal",
+    "FoldVertical",
+    "Folder",
+    "FolderArchive",
+    "FolderCheck",
+    "FolderClock",
+    "FolderClosed",
+    "FolderCode",
+    "FolderCog",
+    "FolderCog2",
+    "FolderDot",
+    "FolderDown",
+    "FolderEdit",
+    "FolderGit",
+    "FolderGit2",
+    "FolderHeart",
+    "FolderInput",
+    "FolderKanban",
+    "FolderKey",
+    "FolderLock",
+    "FolderMinus",
+    "FolderOpen",
+    "FolderOpenDot",
+    "FolderOutput",
+    "FolderPen",
+    "FolderPlus",
+    "FolderRoot",
+    "FolderSearch",
+    "FolderSearch2",
+    "FolderSymlink",
+    "FolderSync",
+    "FolderTree",
+    "FolderUp",
+    "FolderX",
+    "Folders",
+    "Footprints",
+    "ForkKnife",
+    "ForkKnifeCrossed",
+    "Forklift",
+    "FormInput",
+    "Forward",
+    "Frame",
+    "Framer",
+    "Frown",
+    "Fuel",
+    "Fullscreen",
+    "FunctionSquare",
+    "Funnel",
+    "FunnelPlus",
+    "FunnelX",
+    "GalleryHorizontal",
+    "GalleryHorizontalEnd",
+    "GalleryThumbnails",
+    "GalleryVertical",
+    "GalleryVerticalEnd",
+    "Gamepad",
+    "Gamepad2",
+    "GanttChart",
+    "GanttChartSquare",
+    "Gauge",
+    "GaugeCircle",
+    "Gavel",
+    "Gem",
+    "GeorgianLari",
+    "Ghost",
+    "Gift",
+    "GitBranch",
+    "GitBranchPlus",
+    "GitCommit",
+    "GitCommitHorizontal",
+    "GitCommitVertical",
+    "GitCompare",
+    "GitCompareArrows",
+    "GitFork",
+    "GitGraph",
+    "GitMerge",
+    "GitPullRequest",
+    "GitPullRequestArrow",
+    "GitPullRequestClosed",
+    "GitPullRequestCreate",
+    "GitPullRequestCreateArrow",
+    "GitPullRequestDraft",
+    "Github",
+    "Gitlab",
+    "GlassWater",
+    "Glasses",
+    "Globe",
+    "Globe2",
+    "GlobeLock",
+    "Goal",
+    "Gpu",
+    "Grab",
+    "GraduationCap",
+    "Grape",
+    "Grid",
+    "Grid2X2",
+    "Grid2X2Check",
+    "Grid2X2Plus",
+    "Grid2X2X",
+    "Grid2x2",
+    "Grid2x2Check",
+    "Grid2x2Plus",
+    "Grid2x2X",
+    "Grid3X3",
+    "Grid3x2",
+    "Grid3x3",
+    "Grip",
+    "GripHorizontal",
+    "GripVertical",
+    "Group",
+    "Guitar",
+    "Ham",
+    "Hamburger",
+    "Hammer",
+    "Hand",
+    "HandCoins",
+    "HandFist",
+    "HandGrab",
+    "HandHeart",
+    "HandHelping",
+    "HandMetal",
+    "HandPlatter",
+    "Handbag",
+    "Handshake",
+    "HardDrive",
+    "HardDriveDownload",
+    "HardDriveUpload",
+    "HardHat",
+    "Hash",
+    "HatGlasses",
+    "Haze",
+    "HdmiPort",
+    "Heading",
+    "Heading1",
+    "Heading2",
+    "Heading3",
+    "Heading4",
+    "Heading5",
+    "Heading6",
+    "HeadphoneOff",
+    "Headphones",
+    "Headset",
+    "Heart",
+    "HeartCrack",
+    "HeartHandshake",
+    "HeartMinus",
+    "HeartOff",
+    "HeartPlus",
+    "HeartPulse",
+    "Heater",
+    "HelpCircle",
+    "HelpingHand",
+    "Hexagon",
+    "Highlighter",
+    "History",
+    "Home",
+    "Hop",
+    "HopOff",
+    "Hospital",
+    "Hotel",
+    "Hourglass",
+    "House",
+    "HouseHeart",
+    "HousePlug",
+    "HousePlus",
+    "HouseWifi",
+    "IceCream",
+    "IceCream2",
+    "IceCreamBowl",
+    "IceCreamCone",
+    "IdCard",
+    "IdCardLanyard",
+    "Image",
+    "ImageDown",
+    "ImageMinus",
+    "ImageOff",
+    "ImagePlay",
+    "ImagePlus",
+    "ImageUp",
+    "ImageUpscale",
+    "Images",
+    "Import",
+    "Inbox",
+    "Indent",
+    "IndentDecrease",
+    "IndentIncrease",
+    "IndianRupee",
+    "Infinity",
+    "Info",
+    "Inspect",
+    "InspectionPanel",
+    "Instagram",
+    "Italic",
+    "IterationCcw",
+    "IterationCw",
+    "JapaneseYen",
+    "Joystick",
+    "Kanban",
+    "KanbanSquare",
+    "KanbanSquareDashed",
+    "Kayak",
+    "Key",
+    "KeyRound",
+    "KeySquare",
+    "Keyboard",
+    "KeyboardMusic",
+    "KeyboardOff",
+    "Lamp",
+    "LampCeiling",
+    "LampDesk",
+    "LampFloor",
+    "LampWallDown",
+    "LampWallUp",
+    "LandPlot",
+    "Landmark",
+    "Languages",
+    "Laptop",
+    "Laptop2",
+    "LaptopMinimal",
+    "LaptopMinimalCheck",
+    "Lasso",
+    "LassoSelect",
+    "Laugh",
+    "Layers",
+    "Layers2",
+    "Layers3",
+    "Layout",
+    "LayoutDashboard",
+    "LayoutGrid",
+    "LayoutList",
+    "LayoutPanelLeft",
+    "LayoutPanelTop",
+    "LayoutTemplate",
+    "Leaf",
+    "LeafyGreen",
+    "Lectern",
+    "LetterText",
+    "Library",
+    "LibraryBig",
+    "LibrarySquare",
+    "LifeBuoy",
+    "Ligature",
+    "Lightbulb",
+    "LightbulbOff",
+    "LineChart",
+    "LineSquiggle",
+    "Link",
+    "Link2",
+    "Link2Off",
+    "Linkedin",
+    "List",
+    "ListCheck",
+    "ListChecks",
+    "ListChevronsDownUp",
+    "ListChevronsUpDown",
+    "ListCollapse",
+    "ListEnd",
+    "ListFilter",
+    "ListFilterPlus",
+    "ListIndentDecrease",
+    "ListIndentIncrease",
+    "ListMinus",
+    "ListMusic",
+    "ListOrdered",
+    "ListPlus",
+    "ListRestart",
+    "ListStart",
+    "ListTodo",
+    "ListTree",
+    "ListVideo",
+    "ListX",
+    "Loader",
+    "Loader2",
+    "LoaderCircle",
+    "LoaderPinwheel",
+    "Locate",
+    "LocateFixed",
+    "LocateOff",
+    "LocationEdit",
+    "Lock",
+    "LockKeyhole",
+    "LockKeyholeOpen",
+    "LockOpen",
+    "LogIn",
+    "LogOut",
+    "Logs",
+    "Lollipop",
+    "Luggage",
+    "MSquare",
+    "Magnet",
+    "Mail",
+    "MailCheck",
+    "MailMinus",
+    "MailOpen",
+    "MailPlus",
+    "MailQuestion",
+    "MailQuestionMark",
+    "MailSearch",
+    "MailWarning",
+    "MailX",
+    "Mailbox",
+    "Mails",
+    "Map",
+    "MapMinus",
+    "MapPin",
+    "MapPinCheck",
+    "MapPinCheckInside",
+    "MapPinHouse",
+    "MapPinMinus",
+    "MapPinMinusInside",
+    "MapPinOff",
+    "MapPinPen",
+    "MapPinPlus",
+    "MapPinPlusInside",
+    "MapPinX",
+    "MapPinXInside",
+    "MapPinned",
+    "MapPlus",
+    "Mars",
+    "MarsStroke",
+    "Martini",
+    "Maximize",
+    "Maximize2",
+    "Medal",
+    "Megaphone",
+    "MegaphoneOff",
+    "Meh",
+    "MemoryStick",
+    "Menu",
+    "MenuSquare",
+    "Merge",
+    "MessageCircle",
+    "MessageCircleCode",
+    "MessageCircleDashed",
+    "MessageCircleHeart",
+    "MessageCircleMore",
+    "MessageCircleOff",
+    "MessageCirclePlus",
+    "MessageCircleQuestion",
+    "MessageCircleQuestionMark",
+    "MessageCircleReply",
+    "MessageCircleWarning",
+    "MessageCircleX",
+    "MessageSquare",
+    "MessageSquareCode",
+    "MessageSquareDashed",
+    "MessageSquareDiff",
+    "MessageSquareDot",
+    "MessageSquareHeart",
+    "MessageSquareLock",
+    "MessageSquareMore",
+    "MessageSquareOff",
+    "MessageSquarePlus",
+    "MessageSquareQuote",
+    "MessageSquareReply",
+    "MessageSquareShare",
+    "MessageSquareText",
+    "MessageSquareWarning",
+    "MessageSquareX",
+    "MessagesSquare",
+    "Mic",
+    "Mic2",
+    "MicOff",
+    "MicVocal",
+    "Microchip",
+    "Microscope",
+    "Microwave",
+    "Milestone",
+    "Milk",
+    "MilkOff",
+    "Minimize",
+    "Minimize2",
+    "Minus",
+    "MinusCircle",
+    "MinusSquare",
+    "Monitor",
+    "MonitorCheck",
+    "MonitorCog",
+    "MonitorDot",
+    "MonitorDown",
+    "MonitorOff",
+    "MonitorPause",
+    "MonitorPlay",
+    "MonitorSmartphone",
+    "MonitorSpeaker",
+    "MonitorStop",
+    "MonitorUp",
+    "MonitorX",
+    "Moon",
+    "MoonStar",
+    "MoreHorizontal",
+    "MoreVertical",
+    "Mountain",
+    "MountainSnow",
+    "Mouse",
+    "MouseOff",
+    "MousePointer",
+    "MousePointer2",
+    "MousePointerBan",
+    "MousePointerClick",
+    "MousePointerSquareDashed",
+    "Move",
+    "Move3D",
+    "Move3d",
+    "MoveDiagonal",
+    "MoveDiagonal2",
+    "MoveDown",
+    "MoveDownLeft",
+    "MoveDownRight",
+    "MoveHorizontal",
+    "MoveLeft",
+    "MoveRight",
+    "MoveUp",
+    "MoveUpLeft",
+    "MoveUpRight",
+    "MoveVertical",
+    "Music",
+    "Music2",
+    "Music3",
+    "Music4",
+    "Navigation",
+    "Navigation2",
+    "Navigation2Off",
+    "NavigationOff",
+    "Network",
+    "Newspaper",
+    "Nfc",
+    "NonBinary",
+    "Notebook",
+    "NotebookPen",
+    "NotebookTabs",
+    "NotebookText",
+    "NotepadText",
+    "NotepadTextDashed",
+    "Nut",
+    "NutOff",
+    "Octagon",
+    "OctagonAlert",
+    "OctagonMinus",
+    "OctagonPause",
+    "OctagonX",
+    "Omega",
+    "Option",
+    "Orbit",
+    "Origami",
+    "Outdent",
+    "Package",
+    "Package2",
+    "PackageCheck",
+    "PackageMinus",
+    "PackageOpen",
+    "PackagePlus",
+    "PackageSearch",
+    "PackageX",
+    "PaintBucket",
+    "PaintRoller",
+    "Paintbrush",
+    "Paintbrush2",
+    "PaintbrushVertical",
+    "Palette",
+    "Palmtree",
+    "Panda",
+    "PanelBottom",
+    "PanelBottomClose",
+    "PanelBottomDashed",
+    "PanelBottomInactive",
+    "PanelBottomOpen",
+    "PanelLeft",
+    "PanelLeftClose",
+    "PanelLeftDashed",
+    "PanelLeftInactive",
+    "PanelLeftOpen",
+    "PanelLeftRightDashed",
+    "PanelRight",
+    "PanelRightClose",
+    "PanelRightDashed",
+    "PanelRightInactive",
+    "PanelRightOpen",
+    "PanelTop",
+    "PanelTopBottomDashed",
+    "PanelTopClose",
+    "PanelTopDashed",
+    "PanelTopInactive",
+    "PanelTopOpen",
+    "PanelsLeftBottom",
+    "PanelsLeftRight",
+    "PanelsRightBottom",
+    "PanelsTopBottom",
+    "PanelsTopLeft",
+    "Paperclip",
+    "Parentheses",
+    "ParkingCircle",
+    "ParkingCircleOff",
+    "ParkingMeter",
+    "ParkingSquare",
+    "ParkingSquareOff",
+    "PartyPopper",
+    "Pause",
+    "PauseCircle",
+    "PauseOctagon",
+    "PawPrint",
+    "PcCase",
+    "Pen",
+    "PenBox",
+    "PenLine",
+    "PenOff",
+    "PenSquare",
+    "PenTool",
+    "Pencil",
+    "PencilLine",
+    "PencilOff",
+    "PencilRuler",
+    "Pentagon",
+    "Percent",
+    "PercentCircle",
+    "PercentDiamond",
+    "PercentSquare",
+    "PersonStanding",
+    "PhilippinePeso",
+    "Phone",
+    "PhoneCall",
+    "PhoneForwarded",
+    "PhoneIncoming",
+    "PhoneMissed",
+    "PhoneOff",
+    "PhoneOutgoing",
+    "Pi",
+    "PiSquare",
+    "Piano",
+    "Pickaxe",
+    "PictureInPicture",
+    "PictureInPicture2",
+    "PieChart",
+    "PiggyBank",
+    "Pilcrow",
+    "PilcrowLeft",
+    "PilcrowRight",
+    "PilcrowSquare",
+    "Pill",
+    "PillBottle",
+    "Pin",
+    "PinOff",
+    "Pipette",
+    "Pizza",
+    "Plane",
+    "PlaneLanding",
+    "PlaneTakeoff",
+    "Play",
+    "PlayCircle",
+    "PlaySquare",
+    "Plug",
+    "Plug2",
+    "PlugZap",
+    "PlugZap2",
+    "Plus",
+    "PlusCircle",
+    "PlusSquare",
+    "Pocket",
+    "PocketKnife",
+    "Podcast",
+    "Pointer",
+    "PointerOff",
+    "Popcorn",
+    "Popsicle",
+    "PoundSterling",
+    "Power",
+    "PowerCircle",
+    "PowerOff",
+    "PowerSquare",
+    "Presentation",
+    "Printer",
+    "PrinterCheck",
+    "Projector",
+    "Proportions",
+    "Puzzle",
+    "Pyramid",
+    "QrCode",
+    "Quote",
+    "Rabbit",
+    "Radar",
+    "Radiation",
+    "Radical",
+    "Radio",
+    "RadioReceiver",
+    "RadioTower",
+    "Radius",
+    "RailSymbol",
+    "Rainbow",
+    "Rat",
+    "Ratio",
+    "Receipt",
+    "ReceiptCent",
+    "ReceiptEuro",
+    "ReceiptIndianRupee",
+    "ReceiptJapaneseYen",
+    "ReceiptPoundSterling",
+    "ReceiptRussianRuble",
+    "ReceiptSwissFranc",
+    "ReceiptText",
+    "ReceiptTurkishLira",
+    "RectangleCircle",
+    "RectangleEllipsis",
+    "RectangleGoggles",
+    "RectangleHorizontal",
+    "RectangleVertical",
+    "Recycle",
+    "Redo",
+    "Redo2",
+    "RedoDot",
+    "RefreshCcw",
+    "RefreshCcwDot",
+    "RefreshCw",
+    "RefreshCwOff",
+    "Refrigerator",
+    "Regex",
+    "RemoveFormatting",
+    "Repeat",
+    "Repeat1",
+    "Repeat2",
+    "Replace",
+    "ReplaceAll",
+    "Reply",
+    "ReplyAll",
+    "Rewind",
+    "Ribbon",
+    "Rocket",
+    "RockingChair",
+    "RollerCoaster",
+    "Rose",
+    "Rotate3D",
+    "Rotate3d",
+    "RotateCcw",
+    "RotateCcwKey",
+    "RotateCcwSquare",
+    "RotateCw",
+    "RotateCwSquare",
+    "Route",
+    "RouteOff",
+    "Router",
+    "Rows",
+    "Rows2",
+    "Rows3",
+    "Rows4",
+    "Rss",
+    "Ruler",
+    "RulerDimensionLine",
+    "RussianRuble",
+    "Sailboat",
+    "Salad",
+    "Sandwich",
+    "Satellite",
+    "SatelliteDish",
+    "SaudiRiyal",
+    "Save",
+    "SaveAll",
+    "SaveOff",
+    "Scale",
+    "Scale3D",
+    "Scale3d",
+    "Scaling",
+    "Scan",
+    "ScanBarcode",
+    "ScanEye",
+    "ScanFace",
+    "ScanHeart",
+    "ScanLine",
+    "ScanQrCode",
+    "ScanSearch",
+    "ScanText",
+    "ScatterChart",
+    "School",
+    "School2",
+    "Scissors",
+    "ScissorsLineDashed",
+    "ScissorsSquare",
+    "ScissorsSquareDashedBottom",
+    "ScreenShare",
+    "ScreenShareOff",
+    "Scroll",
+    "ScrollText",
+    "Search",
+    "SearchCheck",
+    "SearchCode",
+    "SearchSlash",
+    "SearchX",
+    "Section",
+    "Send",
+    "SendHorizonal",
+    "SendHorizontal",
+    "SendToBack",
+    "SeparatorHorizontal",
+    "SeparatorVertical",
+    "Server",
+    "ServerCog",
+    "ServerCrash",
+    "ServerOff",
+    "Settings",
+    "Settings2",
+    "Shapes",
+    "Share",
+    "Share2",
+    "Sheet",
+    "Shell",
+    "Shield",
+    "ShieldAlert",
+    "ShieldBan",
+    "ShieldCheck",
+    "ShieldClose",
+    "ShieldEllipsis",
+    "ShieldHalf",
+    "ShieldMinus",
+    "ShieldOff",
+    "ShieldPlus",
+    "ShieldQuestion",
+    "ShieldQuestionMark",
+    "ShieldUser",
+    "ShieldX",
+    "Ship",
+    "ShipWheel",
+    "Shirt",
+    "ShoppingBag",
+    "ShoppingBasket",
+    "ShoppingCart",
+    "Shovel",
+    "ShowerHead",
+    "Shredder",
+    "Shrimp",
+    "Shrink",
+    "Shrub",
+    "Shuffle",
+    "Sidebar",
+    "SidebarClose",
+    "SidebarOpen",
+    "Sigma",
+    "SigmaSquare",
+    "Signal",
+    "SignalHigh",
+    "SignalLow",
+    "SignalMedium",
+    "SignalZero",
+    "Signature",
+    "Signpost",
+    "SignpostBig",
+    "Siren",
+    "SkipBack",
+    "SkipForward",
+    "Skull",
+    "Slack",
+    "Slash",
+    "SlashSquare",
+    "Slice",
+    "Sliders",
+    "SlidersHorizontal",
+    "SlidersVertical",
+    "Smartphone",
+    "SmartphoneCharging",
+    "SmartphoneNfc",
+    "Smile",
+    "SmilePlus",
+    "Snail",
+    "Snowflake",
+    "SoapDispenserDroplet",
+    "Sofa",
+    "SortAsc",
+    "SortDesc",
+    "Soup",
+    "Space",
+    "Spade",
+    "Sparkle",
+    "Sparkles",
+    "Speaker",
+    "Speech",
+    "SpellCheck",
+    "SpellCheck2",
+    "Spline",
+    "SplinePointer",
+    "Split",
+    "SplitSquareHorizontal",
+    "SplitSquareVertical",
+    "Spool",
+    "Spotlight",
+    "SprayCan",
+    "Sprout",
+    "Square",
+    "SquareActivity",
+    "SquareArrowDown",
+    "SquareArrowDownLeft",
+    "SquareArrowDownRight",
+    "SquareArrowLeft",
+    "SquareArrowOutDownLeft",
+    "SquareArrowOutDownRight",
+    "SquareArrowOutUpLeft",
+    "SquareArrowOutUpRight",
+    "SquareArrowRight",
+    "SquareArrowUp",
+    "SquareArrowUpLeft",
+    "SquareArrowUpRight",
+    "SquareAsterisk",
+    "SquareBottomDashedScissors",
+    "SquareChartGantt",
+    "SquareCheck",
+    "SquareCheckBig",
+    "SquareChevronDown",
+    "SquareChevronLeft",
+    "SquareChevronRight",
+    "SquareChevronUp",
+    "SquareCode",
+    "SquareDashed",
+    "SquareDashedBottom",
+    "SquareDashedBottomCode",
+    "SquareDashedKanban",
+    "SquareDashedMousePointer",
+    "SquareDashedTopSolid",
+    "SquareDivide",
+    "SquareDot",
+    "SquareEqual",
+    "SquareFunction",
+    "SquareGanttChart",
+    "SquareKanban",
+    "SquareLibrary",
+    "SquareM",
+    "SquareMenu",
+    "SquareMinus",
+    "SquareMousePointer",
+    "SquareParking",
+    "SquareParkingOff",
+    "SquarePause",
+    "SquarePen",
+    "SquarePercent",
+    "SquarePi",
+    "SquarePilcrow",
+    "SquarePlay",
+    "SquarePlus",
+    "SquarePower",
+    "SquareRadical",
+    "SquareRoundCorner",
+    "SquareScissors",
+    "SquareSigma",
+    "SquareSlash",
+    "SquareSplitHorizontal",
+    "SquareSplitVertical",
+    "SquareSquare",
+    "SquareStack",
+    "SquareStar",
+    "SquareStop",
+    "SquareTerminal",
+    "SquareUser",
+    "SquareUserRound",
+    "SquareX",
+    "SquaresExclude",
+    "SquaresIntersect",
+    "SquaresSubtract",
+    "SquaresUnite",
+    "Squircle",
+    "SquircleDashed",
+    "Squirrel",
+    "Stamp",
+    "Star",
+    "StarHalf",
+    "StarOff",
+    "Stars",
+    "StepBack",
+    "StepForward",
+    "Stethoscope",
+    "Sticker",
+    "StickyNote",
+    "StopCircle",
+    "Store",
+    "StretchHorizontal",
+    "StretchVertical",
+    "Strikethrough",
+    "Subscript",
+    "Subtitles",
+    "Sun",
+    "SunDim",
+    "SunMedium",
+    "SunMoon",
+    "SunSnow",
+    "Sunrise",
+    "Sunset",
+    "Superscript",
+    "SwatchBook",
+    "SwissFranc",
+    "SwitchCamera",
+    "Sword",
+    "Swords",
+    "Syringe",
+    "Table",
+    "Table2",
+    "TableCellsMerge",
+    "TableCellsSplit",
+    "TableColumnsSplit",
+    "TableConfig",
+    "TableOfContents",
+    "TableProperties",
+    "TableRowsSplit",
+    "Tablet",
+    "TabletSmartphone",
+    "Tablets",
+    "Tag",
+    "Tags",
+    "Tally1",
+    "Tally2",
+    "Tally3",
+    "Tally4",
+    "Tally5",
+    "Tangent",
+    "Target",
+    "Telescope",
+    "Tent",
+    "TentTree",
+    "Terminal",
+    "TerminalSquare",
+    "TestTube",
+    "TestTube2",
+    "TestTubeDiagonal",
+    "TestTubes",
+    "Text",
+    "TextAlignCenter",
+    "TextAlignEnd",
+    "TextAlignJustify",
+    "TextAlignStart",
+    "TextCursor",
+    "TextCursorInput",
+    "TextInitial",
+    "TextQuote",
+    "TextSearch",
+    "TextSelect",
+    "TextSelection",
+    "TextWrap",
+    "Theater",
+    "Thermometer",
+    "ThermometerSnowflake",
+    "ThermometerSun",
+    "ThumbsDown",
+    "ThumbsUp",
+    "Ticket",
+    "TicketCheck",
+    "TicketMinus",
+    "TicketPercent",
+    "TicketPlus",
+    "TicketSlash",
+    "TicketX",
+    "Tickets",
+    "TicketsPlane",
+    "Timer",
+    "TimerOff",
+    "TimerReset",
+    "ToggleLeft",
+    "ToggleRight",
+    "Toilet",
+    "ToolCase",
+    "Tornado",
+    "Torus",
+    "Touchpad",
+    "TouchpadOff",
+    "TowerControl",
+    "ToyBrick",
+    "Tractor",
+    "TrafficCone",
+    "Train",
+    "TrainFront",
+    "TrainFrontTunnel",
+    "TrainTrack",
+    "TramFront",
+    "Transgender",
+    "Trash",
+    "Trash2",
+    "TreeDeciduous",
+    "TreePalm",
+    "TreePine",
+    "Trees",
+    "Trello",
+    "TrendingDown",
+    "TrendingUp",
+    "TrendingUpDown",
+    "Triangle",
+    "TriangleAlert",
+    "TriangleDashed",
+    "TriangleRight",
+    "Trophy",
+    "Truck",
+    "TruckElectric",
+    "TurkishLira",
+    "Turntable",
+    "Turtle",
+    "Tv",
+    "Tv2",
+    "TvMinimal",
+    "TvMinimalPlay",
+    "Twitch",
+    "Twitter",
+    "Type",
+    "TypeOutline",
+    "Umbrella",
+    "UmbrellaOff",
+    "Underline",
+    "Undo",
+    "Undo2",
+    "UndoDot",
+    "UnfoldHorizontal",
+    "UnfoldVertical",
+    "Ungroup",
+    "University",
+    "Unlink",
+    "Unlink2",
+    "Unlock",
+    "UnlockKeyhole",
+    "Unplug",
+    "Upload",
+    "UploadCloud",
+    "Usb",
+    "User",
+    "User2",
+    "UserCheck",
+    "UserCheck2",
+    "UserCircle",
+    "UserCircle2",
+    "UserCog",
+    "UserCog2",
+    "UserLock",
+    "UserMinus",
+    "UserMinus2",
+    "UserPen",
+    "UserPlus",
+    "UserPlus2",
+    "UserRound",
+    "UserRoundCheck",
+    "UserRoundCog",
+    "UserRoundMinus",
+    "UserRoundPen",
+    "UserRoundPlus",
+    "UserRoundSearch",
+    "UserRoundX",
+    "UserSearch",
+    "UserSquare",
+    "UserSquare2",
+    "UserStar",
+    "UserX",
+    "UserX2",
+    "Users",
+    "Users2",
+    "UsersRound",
+    "Utensils",
+    "UtensilsCrossed",
+    "UtilityPole",
+    "Variable",
+    "Vault",
+    "VectorSquare",
+    "Vegan",
+    "VenetianMask",
+    "Venus",
+    "VenusAndMars",
+    "Verified",
+    "Vibrate",
+    "VibrateOff",
+    "Video",
+    "VideoOff",
+    "Videotape",
+    "View",
+    "Voicemail",
+    "Volleyball",
+    "Volume",
+    "Volume1",
+    "Volume2",
+    "VolumeOff",
+    "VolumeX",
+    "Vote",
+    "Wallet",
+    "Wallet2",
+    "WalletCards",
+    "WalletMinimal",
+    "Wallpaper",
+    "Wand",
+    "Wand2",
+    "WandSparkles",
+    "Warehouse",
+    "WashingMachine",
+    "Watch",
+    "Waves",
+    "WavesLadder",
+    "Waypoints",
+    "Webcam",
+    "Webhook",
+    "WebhookOff",
+    "Weight",
+    "Wheat",
+    "WheatOff",
+    "WholeWord",
+    "Wifi",
+    "WifiCog",
+    "WifiHigh",
+    "WifiLow",
+    "WifiOff",
+    "WifiPen",
+    "WifiSync",
+    "WifiZero",
+    "Wind",
+    "WindArrowDown",
+    "Wine",
+    "WineOff",
+    "Workflow",
+    "Worm",
+    "WrapText",
+    "Wrench",
+    "X",
+    "XCircle",
+    "XOctagon",
+    "XSquare",
+    "Youtube",
+    "Zap",
+    "ZapOff",
+    "ZoomIn",
+    "ZoomOut"
+  ]
+}
diff --git a/multi_llm_chatbot_backend/app/utils/avatar_helpers.py b/multi_llm_chatbot_backend/app/utils/avatar_helpers.py
new file mode 100644
index 0000000000000000000000000000000000000000..dca94505464e1a44a399d37fad1b5a762e3d81c7
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/avatar_helpers.py
@@ -0,0 +1,35 @@
+"""
+Bundled avatar image registry.
+
+Provides helpers for resolving and listing the avatar images shipped in
+``app/assets/avatars/``.
+"""
+
+import logging
+from functools import lru_cache
+from pathlib import Path
+
+logger = logging.getLogger(__name__)
+
+_AVATARS_DIR = Path(__file__).resolve().parent.parent / "assets" / "avatars"
+
+
+def get_bundled_avatar_path(name: str) -> Path | None:
+    """Return the filesystem path for a bundled avatar, or *None* if the
+    file does not exist."""
+    if not _AVATARS_DIR.is_dir():
+        return None
+    candidate = _AVATARS_DIR / name
+    if candidate.is_file():
+        return candidate
+    return None
+
+
+@lru_cache(maxsize=1)
+def list_bundled_avatars() -> tuple[str, ...]:
+    """Return the filenames of all bundled avatar images."""
+    if not _AVATARS_DIR.is_dir():
+        return ()
+    avatars = tuple(sorted(f.name for f in _AVATARS_DIR.iterdir() if f.is_file()))
+    logger.info("Found %d bundled avatar images.", len(avatars))
+    return avatars
diff --git a/multi_llm_chatbot_backend/app/utils/chat_summary.py b/multi_llm_chatbot_backend/app/utils/chat_summary.py
new file mode 100644
index 0000000000000000000000000000000000000000..2c2f5bc6328b7d0dd9498e34a9ea53453f67cfd3
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/chat_summary.py
@@ -0,0 +1,230 @@
+from typing import Dict, List, Optional
+
+import logging
+import re
+
+from app.llm.llm_client import LLMClient
+from app.config import get_settings
+
+logger = logging.getLogger(__name__)
+
+CONTEXT_SUMMARY_SYSTEM = (
+    "You are a concise summarizer. Condense the following conversation into a short summary "
+    "that preserves the key topics discussed, any conclusions reached, important facts shared, "
+    "and the overall tone. Keep it under 300 words. Write in third person narrative form."
+)
+
+
+def _conversation_role_label(role: str, persona_names: Optional[Dict[str, str]] = None) -> str:
+    if role == "user":
+        return "User"
+    if role == "assistant":
+        return "Assistant"
+    if persona_names and role in persona_names:
+        return persona_names[role]
+    return role.replace("_", " ").title()
+
+
+async def generate_conversation_context_summary(
+    messages: List[dict],
+    llm: LLMClient,
+    persona_names: Optional[Dict[str, str]] = None,
+    max_tokens: int = 1024,
+) -> str:
+    """Summarize chat history for LLM context when the transcript exceeds the token budget."""
+    transcript_lines = []
+    for msg in messages:
+        content = (msg.get("content") or "").strip()
+        if not content:
+            continue
+        label = _conversation_role_label(msg.get("role", "user"), persona_names)
+        transcript_lines.append(f"{label}: {content}")
+
+    if not transcript_lines:
+        return ""
+
+    transcript = "\n".join(transcript_lines)
+    try:
+        summary = await llm.generate(
+            system_prompt=CONTEXT_SUMMARY_SYSTEM,
+            context=[{"role": "user", "content": transcript}],
+            temperature=0.3,
+            max_tokens=max_tokens,
+        )
+        return (summary or "").strip()
+    except Exception as exc:
+        logger.error("Conversation context summary failed: %s", exc)
+        return ""
+
+async def generate_summary_from_messages(messages: List[dict], llm: LLMClient, max_tokens: int = 800) -> str:
+    """
+    Summarize the conversation using the given LLM client.
+    """
+    try:
+        app_title = get_settings().app.title
+        full_text = "\n\n".join([f"{m['role']}:\n{m['content']}" for m in messages])
+
+        system_prompt = (
+            f"You are an assistant for {app_title}. Summarize the following chat conversation "
+            "into a well-formatted summary with clear bullet points. "
+            "Please format your response as follows:\n"
+            "- Use bullet points (starting with *) for key insights\n"
+            "- Put each bullet point on a separate line\n"
+            "- Include section headings if appropriate (formatted as **Section Name:**)\n"
+            "- Focus on insights, questions, and actionable advice\n"
+            "- Maximum 10 bullet points\n\n"
+            "Example format:\n"
+            "**Key Insights:**\n"
+            "* First main point about the conversation\n"
+            "* Second important insight\n"
+            "* Third key takeaway\n\n"
+            "**Recommendations:**\n"
+            "* First actionable recommendation\n"
+            "* Second suggestion"
+        )
+
+        context = [{"role": "user", "content": f"Chat Log:\n{full_text}"}]
+
+        summary = await llm.generate(
+            system_prompt=system_prompt,
+            context=context,
+            temperature=0.4,
+            max_tokens=max_tokens
+        )
+
+        # Post-process the summary to ensure proper formatting
+        formatted_summary = _format_summary_text(summary.strip())
+        return formatted_summary
+
+    except Exception as e:
+        logger.error(f"Error generating summary: {str(e)}")
+        return "Summary generation failed. Please try again later."
+
+
+def _format_summary_text(summary_text: str) -> str:
+    """
+    Post-process the summary text to ensure proper bullet point formatting.
+    """
+    # Fix common formatting issues
+    
+    # Add line breaks before bullet points that don't have them
+    summary_text = re.sub(r'(?<!\n)([*•] )', r'\n\1', summary_text)
+    
+    # Add line breaks before numbered lists that don't have them
+    summary_text = re.sub(r'(?<!\n)(\d+\.\s+)', r'\n\1', summary_text)
+    
+    # Add line breaks after periods followed by capital letters (likely new sentences)
+    summary_text = re.sub(r'(?<=[.!?])(?=\s*[*•]\s)', '\n', summary_text)
+    
+    # Clean up multiple consecutive newlines
+    summary_text = re.sub(r'\n{3,}', '\n\n', summary_text)
+    
+    # Ensure bullet points are properly spaced
+    summary_text = re.sub(r'\n([*•] )', r'\n\n\1', summary_text)
+    
+    # Fix section headings that might be run together
+    summary_text = re.sub(r'([.!?])\s*(\*\*[^*]+\*\*)', r'\1\n\n\2', summary_text)
+    
+    return summary_text.strip()
+
+
+def parse_summary_to_blocks(summary_text: str) -> List[Dict]:
+    """
+    Parse summary text into structured blocks for better formatting.
+    """
+    # First, ensure proper formatting
+    summary_text = _format_summary_text(summary_text)
+    
+    lines = summary_text.strip().splitlines()
+    blocks = []
+    current_block = None
+
+    def flush_current_block():
+        if current_block:
+            blocks.append(current_block.copy())
+
+    for line in lines:
+        line = line.strip()
+        if not line:
+            continue
+
+        # Match section headings (e.g. **Title:** or **Title**)
+        heading_match = re.match(r'^\*\*(.+?)\*\*:?$', line)
+        if heading_match:
+            flush_current_block()
+            current_block = {"type": "heading", "text": heading_match.group(1).strip()}
+            flush_current_block()
+            current_block = None
+            continue
+
+        # Match bullet list items (*, •, or -)
+        bullet_match = re.match(r'^[*•-]\s+(.+)', line)
+        if bullet_match:
+            if current_block is None or current_block["type"] != "list" or current_block.get("style") != "bullet":
+                flush_current_block()
+                current_block = {"type": "list", "style": "bullet", "items": []}
+            current_block["items"].append(bullet_match.group(1).strip())
+            continue
+
+        # Match numbered list items
+        number_match = re.match(r'^\d+\.\s+(.+)', line)
+        if number_match:
+            if current_block is None or current_block["type"] != "list" or current_block.get("style") != "numbered":
+                flush_current_block()
+                current_block = {"type": "list", "style": "numbered", "items": []}
+            current_block["items"].append(number_match.group(1).strip())
+            continue
+
+        # Default: treat as paragraph
+        flush_current_block()
+        current_block = {"type": "paragraph", "text": line}
+        flush_current_block()
+        current_block = None
+
+    flush_current_block()
+
+    # Debug output to help troubleshoot
+    logger.info(f"[DEBUG] Parsed {len(blocks)} blocks from summary")
+    for i, block in enumerate(blocks):
+        if block["type"] == "list":
+            logger.info(f"Block {i}: {block['type']} ({block['style']}) with {len(block['items'])} items")
+        else:
+            logger.info(f"Block {i}: {block['type']}")
+    
+    return blocks
+
+
+def format_summary_for_text_export(summary_text: str) -> str:
+    """
+    Format summary text specifically for TXT and DOCX exports with proper line breaks.
+    """
+    formatted_text = _format_summary_text(summary_text)
+    
+    # Add extra spacing for better readability in text formats
+    lines = formatted_text.split('\n')
+    formatted_lines = []
+    
+    for line in lines:
+        line = line.strip()
+        if not line:
+            continue
+            
+        # Add extra space before section headings
+        if re.match(r'^\*\*(.+?)\*\*:?$', line):
+            if formatted_lines:  # Don't add space before first heading
+                formatted_lines.append('')
+            formatted_lines.append(line)
+            formatted_lines.append('')  # Space after heading
+        # Add space before bullet points (but group them together)
+        elif re.match(r'^[*•-]\s+', line):
+            # Check if previous line was also a bullet point
+            if formatted_lines and not re.match(r'^[*•-]\s+', formatted_lines[-1]):
+                formatted_lines.append('')  # Space before first bullet in group
+            formatted_lines.append(line)
+        else:
+            # Regular paragraph
+            if formatted_lines:
+                formatted_lines.append('')
+            formatted_lines.append(line)
+    
+    return '\n'.join(formatted_lines)
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/utils/chroma_client.py b/multi_llm_chatbot_backend/app/utils/chroma_client.py
new file mode 100644
index 0000000000000000000000000000000000000000..c9929637d9247a4e0562573af2de9296060c3358
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/chroma_client.py
@@ -0,0 +1,46 @@
+import os
+from pathlib import Path
+
+import chromadb
+from chromadb.config import Settings
+
+from app.llm.embedding_client import get_embedding
+
+
+def _persona_knowledge_path() -> str:
+    """Resolve the persona-knowledge ChromaDB path.
+
+    Mirrors ``app.core.rag_manager._default_chroma_path``: when ``DATA_DIR``
+    is set (HF Spaces, any bucket-mounted deployment) the embeddings live
+    under ``${DATA_DIR}/chroma/persona_knowledge`` so they survive Space
+    rebuilds. Local installs keep the historical relative path.
+    """
+    data_dir = os.environ.get("DATA_DIR", "").strip()
+    if data_dir:
+        return str(Path(data_dir) / "chroma" / "persona_knowledge")
+    return "./chroma_storage"
+
+
+_path = _persona_knowledge_path()
+Path(_path).mkdir(parents=True, exist_ok=True)
+client = chromadb.PersistentClient(path=_path)
+
+collection = client.get_or_create_collection("persona_knowledge")
+
+def add_persona_doc(text: str, persona: str, doc_id: str):
+    embedding = get_embedding(text)
+    collection.add(
+        documents=[text],
+        embeddings=[embedding],
+        metadatas=[{"persona": persona}],
+        ids=[doc_id]
+    )
+
+def query_persona_knowledge(query: str, persona: str):
+    query_embedding = get_embedding(query)
+    results = collection.query(
+        query_embeddings=[query_embedding],
+        n_results=3,
+        where={"persona": persona}
+    )
+    return results['documents'][0] if results['documents'] else []
diff --git a/multi_llm_chatbot_backend/app/utils/document_extractor.py b/multi_llm_chatbot_backend/app/utils/document_extractor.py
new file mode 100644
index 0000000000000000000000000000000000000000..a644a2c3c279b58e7964ba7b9b63479109803a3f
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/document_extractor.py
@@ -0,0 +1,25 @@
+from io import BytesIO
+import PyPDF2
+import tempfile
+import docx2txt
+import os
+
+def extract_text_from_file(file_bytes: bytes, content_type: str) -> str:
+    if content_type == "application/pdf":
+        reader = PyPDF2.PdfReader(BytesIO(file_bytes))
+        return "\n".join(page.extract_text() for page in reader.pages if page.extract_text())
+
+    elif content_type == "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+        with tempfile.NamedTemporaryFile(delete=False, suffix=".docx") as tmp:
+            tmp.write(file_bytes)
+            tmp_path = tmp.name
+        try:
+            return docx2txt.process(tmp_path)
+        finally:
+            os.unlink(tmp_path)  # Clean up temp file
+
+    elif content_type == "text/plain":
+        return file_bytes.decode("utf-8")
+
+    else:
+        raise ValueError("Unsupported file type.")
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/utils/file_export.py b/multi_llm_chatbot_backend/app/utils/file_export.py
new file mode 100644
index 0000000000000000000000000000000000000000..c06fd92e18453f093b412ea7a292fb3a986ddea5
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/file_export.py
@@ -0,0 +1,242 @@
+from io import BytesIO
+from typing import List, Tuple, Union
+from docx import Document
+from reportlab.lib.pagesizes import letter
+from reportlab.pdfgen import canvas
+from fastapi.responses import StreamingResponse
+from reportlab.platypus import SimpleDocTemplate, Paragraph, Spacer, ListFlowable, ListItem
+from reportlab.lib.styles import getSampleStyleSheet, ParagraphStyle
+from reportlab.lib.enums import TA_CENTER, TA_LEFT
+from reportlab.lib.units import inch
+from io import BytesIO
+import re
+
+def format_messages_for_export(messages: List[dict]) -> str:
+    """
+    Convert chat messages into a structured exportable string.
+    """
+    return "\n\n".join([f"{m['role']}:\n{m['content'].strip()}" for m in messages])
+
+
+def generate_txt_file(text: str) -> BytesIO:
+    buffer = BytesIO()
+    buffer.write(text.encode("utf-8"))
+    buffer.seek(0)
+    return buffer
+
+
+def generate_docx_file(text: str) -> BytesIO:
+    doc = Document()
+    for block in text.split("\n\n"):
+        doc.add_paragraph(block)
+        doc.add_paragraph("")  # spacing
+
+    buffer = BytesIO()
+    doc.save(buffer)
+    buffer.seek(0)
+    return buffer
+
+
+def _clean_text_for_pdf(text: str) -> str:
+    """
+    Clean text for PDF generation to handle special characters and formatting.
+    """
+    # Remove or replace problematic characters
+    text = text.replace('\u2019', "'")  # Smart apostrophe
+    text = text.replace('\u2018', "'")  # Smart apostrophe
+    text = text.replace('\u201c', '"')  # Smart quote
+    text = text.replace('\u201d', '"')  # Smart quote
+    text = text.replace('\u2013', '-')  # En dash
+    text = text.replace('\u2014', '-')  # Em dash
+    
+    # Handle markdown-style formatting
+    text = re.sub(r'\*\*(.+?)\*\*', r'<b>\1</b>', text)  # Bold
+    text = re.sub(r'\*(.+?)\*', r'<i>\1</i>', text)      # Italic
+    
+    return text
+
+
+def generate_pdf_file(text: str) -> BytesIO:
+    """
+    Improved PDF generation with proper text wrapping and formatting.
+    """
+    buffer = BytesIO()
+    doc = SimpleDocTemplate(
+        buffer, 
+        pagesize=letter,
+        leftMargin=inch,
+        rightMargin=inch,
+        topMargin=inch,
+        bottomMargin=inch
+    )
+
+    styles = getSampleStyleSheet()
+    
+    # Create custom styles for better formatting
+    role_style = ParagraphStyle(
+        name="RoleStyle",
+        parent=styles["Normal"],
+        fontSize=12,
+        fontName="Helvetica-Bold",
+        spaceAfter=6,
+        textColor='blue'
+    )
+    
+    content_style = ParagraphStyle(
+        name="ContentStyle",
+        parent=styles["Normal"],
+        fontSize=10,
+        fontName="Helvetica",
+        leading=14,  # Line spacing
+        spaceAfter=12,
+        leftIndent=20
+    )
+    
+    story = []
+    
+    # Split text into message blocks
+    blocks = text.split("\n\n")
+    
+    for block in blocks:
+        if not block.strip():
+            continue
+            
+        # Clean the text for PDF
+        clean_block = _clean_text_for_pdf(block.strip())
+        
+        # Check if this is a role indicator (user:, assistant:, etc.)
+        lines = clean_block.split('\n', 1)
+        if len(lines) > 1 and lines[0].strip().endswith(':'):
+            # This is a role header
+            role = lines[0].strip()
+            content = lines[1].strip() if len(lines) > 1 else ""
+            
+            # Add role header
+            story.append(Paragraph(role, role_style))
+            
+            # Add content if it exists
+            if content:
+                # Split long content into smaller paragraphs for better formatting
+                content_paragraphs = content.split('\n')
+                for para in content_paragraphs:
+                    if para.strip():
+                        story.append(Paragraph(para.strip(), content_style))
+        else:
+            # Regular content block
+            story.append(Paragraph(clean_block, content_style))
+        
+        # Add some space between message blocks
+        story.append(Spacer(1, 12))
+
+    doc.build(story)
+    buffer.seek(0)
+    return buffer
+
+
+def _render_rich_text(text: str) -> str:
+    """
+    Convert markdown-style **bold** to reportlab <b>bold</b> tags.
+    """
+    return re.sub(r'\*\*(.+?)\*\*', r'<b>\1</b>', text)
+
+
+def generate_pdf_file_from_blocks(blocks: List[dict]) -> BytesIO:
+    buffer = BytesIO()
+    doc = SimpleDocTemplate(buffer, pagesize=letter)
+
+    styles = getSampleStyleSheet()
+
+    heading_style = ParagraphStyle(
+        name="Heading",
+        parent=styles["Heading1"],
+        alignment=TA_CENTER,
+        spaceAfter=20
+    )
+
+    paragraph_style = ParagraphStyle(
+        name="Paragraph",
+        parent=styles["Normal"],
+        alignment=TA_LEFT,
+        leading=14,
+        spaceAfter=8
+    )
+
+    list_style = ParagraphStyle(
+        name="List",
+        parent=styles["Normal"],
+        leftIndent=20,
+        leading=14
+    )
+
+    story = []
+
+    for block in blocks:
+        if block["type"] == "heading":
+            story.append(Paragraph(_render_rich_text(block["text"]), heading_style))
+            story.append(Spacer(1, 12))
+
+        elif block["type"] == "paragraph":
+            story.append(Paragraph(_render_rich_text(block["text"]), paragraph_style))
+
+        elif block["type"] == "list":
+            list_items = [
+                ListItem(Paragraph(_render_rich_text(item), list_style))
+                for item in block["items"]
+            ]
+            story.append(
+                ListFlowable(
+                    list_items,
+                    bulletType="1" if block.get("style") == "numbered" else "bullet",
+                    start="1" if block.get("style") == "numbered" else None,
+                    leftIndent=20
+                )
+            )
+            story.append(Spacer(1, 8))
+
+    doc.build(story)
+    buffer.seek(0)
+    return buffer
+
+
+def export_chat_as_file(content: Union[str, List[dict]], format: str) -> Tuple[BytesIO, str, str]:
+    """
+    Export either a list of chat messages or a summary string to the specified format.
+    """
+    if isinstance(content, list):
+        text = format_messages_for_export(content)
+    elif isinstance(content, str):
+        text = content.strip()
+    else:
+        raise ValueError("Unsupported content type")
+
+    if format == "txt":
+        return generate_txt_file(text), "chat_export.txt", "text/plain"
+
+    elif format == "docx":
+        return generate_docx_file(text), "chat_export.docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+
+    elif format == "pdf":
+        return generate_pdf_file(text), "chat_export.pdf", "application/pdf"
+
+    else:
+        raise ValueError(f"Unsupported export format: {format}")
+    
+
+def prepare_export_response(
+    content: Union[str, List[dict]],
+    format: str,
+    filename_prefix: str = "chat_export"
+) -> StreamingResponse:
+    """
+    Prepare a StreamingResponse for export, using the given filename prefix.
+    """
+    stream, filename, media_type = export_chat_as_file(content, format)
+
+    # Replace "chat_export" with custom prefix if needed
+    final_filename = filename.replace("chat_export", filename_prefix)
+
+    return StreamingResponse(
+        stream,
+        media_type=media_type,
+        headers={"Content-Disposition": f"attachment; filename={final_filename}"}
+    )
\ No newline at end of file
diff --git a/multi_llm_chatbot_backend/app/utils/file_limits.py b/multi_llm_chatbot_backend/app/utils/file_limits.py
new file mode 100644
index 0000000000000000000000000000000000000000..1edff3d885529baee997ead27a0372154afa30f5
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/file_limits.py
@@ -0,0 +1,11 @@
+# utils/file_limits.py
+from app.core.context import GlobalSessionContext
+
+MAX_SESSION_UPLOAD_SIZE_MB = 10
+
+
+MAX_TOTAL_UPLOAD_MB = 10
+
+def is_within_upload_limit(session_id: str, new_file_bytes: bytes, session_context: GlobalSessionContext) -> bool:
+    size_mb = (session_context.total_upload_size + len(new_file_bytes)) / (1024 * 1024)
+    return size_mb <= MAX_TOTAL_UPLOAD_MB
diff --git a/multi_llm_chatbot_backend/app/utils/lucide_icons.py b/multi_llm_chatbot_backend/app/utils/lucide_icons.py
new file mode 100644
index 0000000000000000000000000000000000000000..11ed0325c6799334a6502f445cebe25217b8dcf3
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/utils/lucide_icons.py
@@ -0,0 +1,31 @@
+"""
+Lucide icon name registry.
+
+Reads a pre-generated list of valid PascalCase Lucide icon names from a
+bundled JSON file.  Regenerate with::
+
+    python3 scripts/generate_icon_names.py
+"""
+
+import json
+import logging
+from functools import lru_cache
+from pathlib import Path
+
+logger = logging.getLogger(__name__)
+
+_ICON_NAMES_JSON = Path(__file__).resolve().parent / "_lucide_icon_names.json"
+
+
+@lru_cache(maxsize=1)
+def get_valid_icon_names() -> frozenset[str]:
+    """Return the set of valid PascalCase Lucide icon names."""
+    try:
+        data = json.loads(_ICON_NAMES_JSON.read_text(encoding="utf-8"))
+    except (OSError, json.JSONDecodeError) as exc:
+        logger.error("Failed to read icon names from %s: %s", _ICON_NAMES_JSON, exc)
+        return frozenset()
+
+    icons = frozenset(data["icons"])
+    logger.info("Loaded %d Lucide icon names (v%s)", len(icons), data.get("version"))
+    return icons
diff --git a/multi_llm_chatbot_backend/app/version.py b/multi_llm_chatbot_backend/app/version.py
new file mode 100644
index 0000000000000000000000000000000000000000..11716805d6277a7d45533879a326ae4456445570
--- /dev/null
+++ b/multi_llm_chatbot_backend/app/version.py
@@ -0,0 +1,4 @@
+__version__ = "2.0.1a3"
+
+if __name__ == "__main__":
+    print(__version__)
diff --git a/multi_llm_chatbot_backend/requirements.txt b/multi_llm_chatbot_backend/requirements.txt
new file mode 100644
index 0000000000000000000000000000000000000000..ab5e4b1baf5aede9660bd1d61c2c53cbb7f4b70a
--- /dev/null
+++ b/multi_llm_chatbot_backend/requirements.txt
@@ -0,0 +1,47 @@
+# Core FastAPI framework
+fastapi~=0.135
+uvicorn[standard]~=0.44
+python-multipart~=0.0
+
+# HTTP client for LLM APIs
+httpx~=0.28
+openai~=2.30
+huggingface-hub~=0.36
+
+# Document processing
+PyPDF2~=3.0
+docx2txt~=0.9
+python-docx~=1.2
+
+# Environment configuration
+python-dotenv~=1.2
+pyyaml~=6.0
+
+# Persona color generation
+colorhash~=2.3
+
+# Vector database and embeddings
+chromadb~=1.5
+sentence-transformers~=5.3
+
+# Natural language processing
+nltk~=3.9
+tiktoken~=0.12
+markdown~=3.0
+
+# PDF generation and export
+reportlab~=4.4
+
+# Persistence: SQLite via aiosqlite on the HF Storage Bucket mount (no MongoDB).
+# pymongo is kept *only* for bson.ObjectId and the DuplicateKeyError /
+# PyMongoError types that the existing routers and the SQLite shim raise.
+aiosqlite~=0.20
+pymongo~=4.16
+
+# Authentication and security
+passlib[bcrypt]~=1.7
+bcrypt~=4.3
+python-jose[cryptography]~=3.5
+
+# Data validation (required for EmailStr in Pydantic)
+email-validator~=2.3
diff --git a/multi_llm_chatbot_backend/test_requirements.txt b/multi_llm_chatbot_backend/test_requirements.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bc96c658e9a80a1ef21322ca32c4fff66ef6ad49
--- /dev/null
+++ b/multi_llm_chatbot_backend/test_requirements.txt
@@ -0,0 +1,2 @@
+# Unit testing
+pytest
\ No newline at end of file
diff --git a/personas/cyber_advisors/ai_security_strategist.yaml b/personas/cyber_advisors/ai_security_strategist.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..e0e9b1fb85297c83ce8a83dcdd17b92d63799c37
--- /dev/null
+++ b/personas/cyber_advisors/ai_security_strategist.yaml
@@ -0,0 +1,25 @@
+id: ai_security_strategist
+name: "AI Security Strategist"
+role: "C-Level AI Risk & Adoption"
+summary: "Demystifies AI; Secure / Defend / Thwart"
+icon: "Bot"
+temperature: 4
+persona_prompt: |
+  You are an AI Security & Technology Strategist for executives and senior leaders. You make AI understandable and less threatening, frame it as a productivity assist (not an automatic job replacement), and help organizations adopt securely while overcoming resistance to change.
+
+  **Expertise:**
+  - OWASP GenAI / LLM Top 10 — prompt injection, data leakage, insecure output handling, supply chain, over-reliance, and related risks in business terms.
+  - NIST Cyber AI Profile focus areas: **Secure** (build/buy safe AI systems), **Defend** (protect the enterprise from AI-enabled threats), **Thwart** (disrupt adversary use of AI) — use these to structure board-ready guidance.
+  - Safe adoption: use-case selection, vendor due diligence, data handling for LLM apps, human-in-the-loop, logging/monitoring, change-management for skeptics and enthusiasts alike.
+  - Translate technical AI risk into executive decisions: appetite, controls, roadmap, and communication to staff.
+
+  **Three-legged model & urgency:** Fit counsel to the leader's role and comfort with tech, org industry/readiness, and the immediate need (board ask, pilot approval, fear after a headline). Modes:
+  - Triage — active misuse or leak involving GenAI: contain and communicate carefully.
+  - Advisory — should we buy/build/pilot; what guardrails.
+  - Program — AI governance and Secure/Defend/Thwart roadmap.
+
+  **Give-and-take:** Offer a clear framing insight or risk/mitigation pair before asking about use case, data sensitivity, or timeline.
+
+  **Adaptive register:** Default to C-level clarity (risk, options, decisions). Drop into technical depth only when the audience can use it; never intimidate with buzzwords.
+
+  **Style:** Calm demystification; acknowledge fear of change without dismissing it; concrete next steps a leader can sponsor. Avoid hype and fearmongering equally.
diff --git a/personas/cyber_advisors/compliance_officer.yaml b/personas/cyber_advisors/compliance_officer.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..8f3e25ae91b2600aa5325a4318d316a9fe2bd87f
--- /dev/null
+++ b/personas/cyber_advisors/compliance_officer.yaml
@@ -0,0 +1,25 @@
+id: compliance_officer
+name: "Compliance & Audit Advisor"
+role: "Frameworks, Evidence & Questionnaires"
+summary: "Policy-minded, risk-based, audit-ready"
+icon: "Scale"
+temperature: 3
+persona_prompt: |
+  You are a compliance and audit advisor who translates frameworks into practical control work and defensible evidence.
+
+  **Framework coverage:**
+  - SOC 2 (Trust Services Criteria), ISO 27001/27002, NIST CSF / NIST 800-53 / RMF, CMMC, HIPAA (and PCI DSS when relevant).
+  - Control selection mapped to business context; mandatory vs. recommended clearly labeled.
+  - Audit evidence expectations: what auditors typically want (policies, screenshots, tickets, configs, access reviews, change records) and how to package it.
+  - Security questionnaires / vendor CAIQs / customer security packets — how to answer accurately without over-committing.
+
+  **Three-legged model & urgency:** Fit advice to the person (GRC owner, eng lead, exec), organization (size, industry, existing certs), and immediate need (pass a review, answer a questionnaire, close findings). Modes:
+  - Triage — looming audit date or failed control: prioritize remediations and evidence gaps.
+  - Advisory — control mapping, scope decisions, exception handling.
+  - Program — ISMS roadmap, continuous monitoring, third-party risk cadence.
+
+  **Give-and-take:** Give a concrete control/evidence tip or checklist item before asking what framework, scope, or deadline applies.
+
+  **Adaptive register:** Executives get risk and board language; practitioners get control IDs and evidence artifacts; small teams get "minimum viable compliance" paths.
+
+  **Style:** Checklist-oriented next steps; flag when legal counsel, a QSA, or a C3PAO is required; never invent regulatory deadlines or claim certification on the user's behalf.
diff --git a/personas/cyber_advisors/incident_responder.yaml b/personas/cyber_advisors/incident_responder.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..949d40487968489a3f1429d02f96a150f10bc3fa
--- /dev/null
+++ b/personas/cyber_advisors/incident_responder.yaml
@@ -0,0 +1,30 @@
+id: incident_responder
+name: "Incident Response Lead"
+role: "Personal Triage & Business IR"
+summary: "Calm first steps under pressure"
+icon: "Siren"
+temperature: 4
+persona_prompt: |
+  You are an incident response lead covering both personal digital emergencies and organizational IR. You stay calm, concrete, and ordered under pressure.
+
+  **Personal triage (high volume):**
+  - "Was I hacked?" — calm triage: what symptoms suggest compromise vs. scare tactics; preserve evidence; immediate containment (password resets, MFA, session revocation, device isolation) without panic.
+  - Sextortion, romance scams, account-takeover threats, phishing — help validate whether the claim is real; default stance that most sextortion is a scam using recycled leaked passwords/photos; give clear stop-paying / report / harden steps and emotional steadiness without shaming.
+  - Phished credentials, suspicious logins, malware symptoms on personal devices.
+
+  **Business IR:**
+  - Ransomware, BEC, credential theft, cloud compromise, insider/data exposure.
+  - First-hour containment, evidence preservation (what not to wipe), scope and timeline reconstruction.
+  - Notification order: IR → leadership → legal/privacy → customers/regulators as applicable; PR coordination.
+  - Ransom decision framing (pros/cons, legal/compliance constraints) — you advise process, not "pay or don't" as a absolute.
+
+  **Three-legged model & urgency:** Orient on the person (emotional state, skill), organization (IT capacity, regulated industry), and immediate need. Urgency modes:
+  - Triage — numbered first steps now; life-safety and stop-the-bleeding first; defer deep profiling.
+  - Advisory — playbook choices, tooling, notification trees.
+  - Program — post-incident reviews, control fixes, tabletop readiness (hand off deep scenarios to Threat Modeler when useful).
+
+  **Give-and-take:** Deliver a useful action or reassurance before any question. Ask at most one high-value follow-up (e.g., personal vs work device; still locked out?).
+
+  **Adaptive register:** Absolute beginners get plain checklists and no unexplained jargon; SOC/IR practitioners get forensics-grade precision (artifact types, preservation order, containment trade-offs).
+
+  **Style:** Numbered steps for active incidents; separate "do now" from "do next"; explicitly call out harmful actions (wiping before imaging, paying under pressure without counsel).
diff --git a/personas/cyber_advisors/jerry_huaute.yaml b/personas/cyber_advisors/jerry_huaute.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..a1f7ef86e89343e06b31fce1a2a3a9ac77064834
--- /dev/null
+++ b/personas/cyber_advisors/jerry_huaute.yaml
@@ -0,0 +1,32 @@
+id: jerry_huaute
+name: "Jerry Huaute"
+role: "Lead Cybersecurity Advisor"
+summary: "Enterprise mentor — direct, warm, experience-led"
+color: "#0F766E"
+bg_color: "#CCFBF1"
+dark_color: "#5EEAD4"
+dark_bg_color: "#134E4A"
+icon: "User"
+temperature: 4
+persona_prompt: |
+  You are Tawish Jerry Huaute, CISSP — lead advisor on this cybersecurity panel. Professionally you go by Jerry. You are Chumash; your given name Tawish means "medicine man." Sign formal replies: Jerry Huaute, CISSP.
+
+  **Background (facts only — do not invent more):**
+  - Grew up in Pomona, California.
+  - Bachelor's in Economics, University of Utah.
+  - USMC Classified Material / Top Secret Control Officer at Marine Barracks Hawaii; later Commanding Officer, USMC Security Forces Guard Company, Wahiawa; Director, USMC Data Center, Camp Pendleton.
+  - Bachelor's in Computer Science, Hawaii Pacific University; Master's in Computer and Information Resources Management, Webster University.
+  - Hired by Microsoft as a Technical Account Manager; served as Senior Technical Account Manager for 14+ years starting ~1994 (career built there — speak of Microsoft employment in the past tense; do not claim you currently work there). Active in Native Americans at Microsoft. CISSP.
+  - Established NIST RMF at CBRE.
+  - Married to Nevada Spencer since 2003.
+  - Your father (not grandfather) was Semu Huaute (1911–2004), Chumash medicine man, USN veteran, participant in the Alcatraz occupation and Nisqually Fish Wars, and founder of the Red Wind Foundation. Semu's grandfather Blas joined the 1st Battalion Native Cavalry, California Volunteers, in the Civil War.
+
+  **Philosophy & voice:** "Don't let an opportunity pass you by. You need to invest in yourself." Direct, warm, unpretentious, mentoring. Prefer lived enterprise security experience over theory. Lead with useful guidance, not credentials. Quiet pride in Chumash heritage when relevant — never performative.
+
+  **Panel role:** You open and own intake. You are the required lead advisor. Greet in that spirit: understand why they contacted you and what they need in cybersecurity. Own wisdom and encouragement; leave cert mechanics and interview drills to the Career Mentor when that is the ask.
+
+  **Three-legged model:** In every engagement, silently track (1) the person — role, knowledge, preferences; (2) the organization — size, industry, maturity, obligations; (3) the immediate need — why they showed up today. Overlay urgency: triage (incident now), advisory (recommendation), or program (long-term improvement). Infer from their words; do not interrogate.
+
+  **Give-and-take:** Always offer useful information before asking a follow-up. Answer what you can, then ask the single most valuable clarifying question.
+
+  **Adaptive register:** Match vocabulary and depth to the user's apparent knowledge — plain language for beginners, full technical vocabulary for practitioners. Speak from enterprise security experience (RMF, TAM-style customer reality, identity and operations).
diff --git a/personas/cyber_advisors/security_architect.yaml b/personas/cyber_advisors/security_architect.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..5aed2ac1539a04e2e22c51b7c893544d639fa3cf
--- /dev/null
+++ b/personas/cyber_advisors/security_architect.yaml
@@ -0,0 +1,26 @@
+id: security_architect
+name: "Security Architect"
+role: "Zero Trust, Cloud & Identity"
+summary: "Design-first, phased, pragmatic"
+icon: "Network"
+temperature: 4
+persona_prompt: |
+  You are a security architect specializing in Zero Trust, secure cloud foundations, and identity-centric access (IAM/MFA).
+
+  **Expertise:**
+  - Zero Trust: verify explicitly, least privilege, assume breach; identity + device + network + application layers.
+  - Cloud landing zones and hardening (AWS, Azure, GCP) — secure defaults, segmentation, logging.
+  - IAM and MFA rollouts: IdP design, conditional access, privileged access (PAM/JIT), secrets and key lifecycle.
+  - Defense in depth, reference architectures, DevSecOps gates (CI/CD, SBOM, containers) as needed.
+  - Trade-offs among usability, cost, and posture; common misconfigs and compensating controls.
+
+  **Three-legged model & urgency:** Ground designs in who is building/running it, org scale and cloud footprint, and today's ask (harden email, roll out MFA, segment a VPC). Modes:
+  - Triage — stop a bleeding exposure (open admin, missing MFA, public bucket) with safe immediate locks.
+  - Advisory — pattern choice and phased rollout (quick wins → target state).
+  - Program — multi-quarter Zero Trust or identity modernization roadmaps.
+
+  **Give-and-take:** Offer a concrete architectural recommendation or quick win before asking about IdP, cloud provider, or headcount.
+
+  **Adaptive register:** Beginners get metaphors and plain steps; architects/engineers get trust zones, control planes, and config-level guidance. Diagram concepts in prose when helpful.
+
+  **Style:** Phased plans; call out anti-patterns; prefer boring, durable controls over shiny tools.
diff --git a/personas/cyber_advisors/security_mentor.yaml b/personas/cyber_advisors/security_mentor.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..e5156f6cda50d6a0763bfb6447cba3aaf406098e
--- /dev/null
+++ b/personas/cyber_advisors/security_mentor.yaml
@@ -0,0 +1,25 @@
+id: security_mentor
+name: "Security Career Mentor"
+role: "Certifications, Labs & Interviews"
+summary: "Practical paths and interview prep"
+icon: "TrendingUp"
+temperature: 5
+persona_prompt: |
+  You are a cybersecurity career mentor focused on the mechanics of getting hired and advancing — certifications, labs, resumes, and interviews. Leave deep life wisdom and encouragement primarily to Jerry Huaute; you stay practical, structured, and honest about effort and timelines.
+
+  **Expertise:**
+  - Cert paths: Security+, CySA+, CISSP, cloud vendor certs — when each makes sense (and when it does not).
+  - Home labs, portfolio projects, resume storytelling, and STAR/interview drills for SOC, IR, AppSec, GRC, and engineering roles.
+  - Transition maps (help desk → SOC, analyst → engineer, IC → lead) with weekly actions and milestones.
+  - Negotiation prep and burnout-aware pacing — facts and tactics, not pep talks.
+
+  **Three-legged model & urgency:** Anchor advice to the person's background and constraints, their target org/role type, and the immediate need (pick a cert, prep for an interview next week, build a lab). Modes:
+  - Triage — interview tomorrow / application due: prioritized prep only.
+  - Advisory — path selection and study plan.
+  - Program — multi-month certification and experience roadmap.
+
+  **Give-and-take:** Give a concrete next action (resources, weekly plan, or sample answer outline) before asking experience level or target role.
+
+  **Adaptive register:** Match advice to stated experience; no unexplained acronyms for newcomers; depth for mid/senior practitioners.
+
+  **Boundary:** If the user needs mentoring mindset, confidence, or "invest in yourself" framing, briefly help then defer to Jerry's lead voice rather than competing on wisdom.
diff --git a/personas/cyber_advisors/smb_advisor.yaml b/personas/cyber_advisors/smb_advisor.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..0f22127482c20733fb5b38d23bae75067b4e070f
--- /dev/null
+++ b/personas/cyber_advisors/smb_advisor.yaml
@@ -0,0 +1,25 @@
+id: smb_advisor
+name: "Small Business Security Advisor"
+role: "Minimum Viable Security Stack"
+summary: "Budget-aware, plain language, tool-smart"
+icon: "Store"
+temperature: 4
+persona_prompt: |
+  You are a Small Business Security Advisor — the practical "get secured without an enterprise budget" expert for owners, office managers, and solo IT.
+
+  **Expertise:**
+  - Minimum viable security stack: MFA everywhere practical, password manager, modern endpoint protection (EDR vs. basic AV trade-offs), reliable backups (3-2-1 in plain terms), email/phishing hygiene, patch cadence.
+  - Tool selection that fits SMB reality — prefer boring, affordable, manageable tools over enterprise suites they cannot run.
+  - Ransomware and BEC awareness sized for small teams; "am I a target?" answered honestly (yes — opportunistically — and here is what matters most).
+  - Lightweight policies people will actually follow; when to hire an MSP vs. DIY.
+
+  **Three-legged model & urgency:** Always weigh who is asking (often non-technical), org size/industry/budget, and today's need (tool pick, backup check, scare after a phishing email). Modes:
+  - Triage — suspected compromise or urgent exposure: short personal/small-biz first steps; hand heavy forensics to Incident Response.
+  - Advisory — which tools and in what order given budget.
+  - Program — 30/60/90-day hardening plan aligned to CIS IG1-style basics.
+
+  **Give-and-take:** Lead with a useful recommendation or priority (often "do MFA + backups first") before asking budget, headcount, or current tools.
+
+  **Adaptive register:** Default to plain language — no unexplained jargon. If they are technical solo IT, step up depth without enterprise theater.
+
+  **Style:** Ranked priorities, approximate effort/cost bands when helpful, and explicit "skip for now / do next quarter" guidance so they are not overwhelmed.
diff --git a/personas/cyber_advisors/threat_modeler.yaml b/personas/cyber_advisors/threat_modeler.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..7f84935db0c8c1d7d22a9af70dcd75fcad880da1
--- /dev/null
+++ b/personas/cyber_advisors/threat_modeler.yaml
@@ -0,0 +1,25 @@
+id: threat_modeler
+name: "Threat Modeling Analyst"
+role: "STRIDE, ATT&CK & Tabletop Exercises"
+summary: "Adversary-focused, structured, workshop-ready"
+icon: "Crosshair"
+temperature: 4
+persona_prompt: |
+  You are a senior threat modeling analyst and tabletop facilitator. You reason from assets, trust boundaries, and adversary goals.
+
+  **Expertise:**
+  - STRIDE, PASTA, attack trees, and abuse cases; explicit assumptions.
+  - MITRE ATT&CK mapping for cloud and on-prem; prevent / detect / respond controls per technique.
+  - Data-flow diagrams described in prose; prioritization by likelihood, impact, and exploitability.
+  - **Role-play / tabletop exercises:** run situation analysis as interactive scenarios — inject adversary moves, force decision points (contain vs. observe, notify vs. wait), then debrief lessons and control gaps. Match intensity to the user's readiness.
+
+  **Three-legged model & urgency:** Fit depth to the person's modeling skill, the org's system under discussion, and the immediate need (review a feature, pressure-test IR, prep a workshop). Modes:
+  - Triage — urgent exposure modeling for a live weakness (keep short, actionable).
+  - Advisory — structured threat model for a system or change.
+  - Program — recurring threat-modeling cadence and tabletop calendar.
+
+  **Give-and-take:** Deliver at least one concrete threat or decision inject before asking about architecture. Prefer one clarifying question at a time.
+
+  **Adaptive register:** Product owners get business-risk language; engineers get STRIDE categories and ATT&CK IDs without dumping jargon on beginners.
+
+  **Style:** Name assumptions; structure outputs (assets → threats → mitigations); when role-playing, stay in scenario until a natural debrief point.
diff --git a/scripts/generate_icon_names.py b/scripts/generate_icon_names.py
new file mode 100644
index 0000000000000000000000000000000000000000..1c39954a41f6d6e9a914a86ebfb3828017bea8bd
--- /dev/null
+++ b/scripts/generate_icon_names.py
@@ -0,0 +1,69 @@
+#!/usr/bin/env python3
+"""Fetch valid Lucide icon names by introspecting the installed lucide-react package.
+
+Requires node_modules to be installed in phd-advisor-frontend/:
+
+    cd phd-advisor-frontend && npm install
+    python3 scripts/generate_icon_names.py
+"""
+
+import json
+import subprocess
+import sys
+from pathlib import Path
+
+REPO_ROOT = Path(__file__).resolve().parents[1]
+PACKAGE_JSON = REPO_ROOT / "phd-advisor-frontend" / "package.json"
+FRONTEND_DIR = REPO_ROOT / "phd-advisor-frontend"
+OUTPUT_FILE = (
+    REPO_ROOT
+    / "multi_llm_chatbot_backend"
+    / "app"
+    / "utils"
+    / "_lucide_icon_names.json"
+)
+
+JS_SNIPPET = """\
+const icons = require('lucide-react');
+const names = Object.keys(icons).filter(k => /^[A-Z]/.test(k) && !k.endsWith('Icon') && !k.startsWith('Lucide')).sort();
+console.log(JSON.stringify(names));
+"""
+
+
+def main() -> int:
+    package_data = json.loads(PACKAGE_JSON.read_text(encoding="utf-8"))
+    version = package_data["dependencies"]["lucide-react"].lstrip("^~")
+
+    node_modules = FRONTEND_DIR / "node_modules" / "lucide-react"
+    if not node_modules.exists():
+        print(
+            f"Error: lucide-react not found at {node_modules}\n"
+            f"Run 'cd phd-advisor-frontend && npm install' first.",
+            file=sys.stderr,
+        )
+        return 1
+
+    print(f"Introspecting lucide-react@{version} exports via Node ...")
+    result = subprocess.run(
+        ["node", "-e", JS_SNIPPET],
+        cwd=str(FRONTEND_DIR),
+        capture_output=True,
+        text=True,
+    )
+
+    if result.returncode != 0:
+        print(f"Node failed:\n{result.stderr}", file=sys.stderr)
+        return 1
+
+    pascal_names = json.loads(result.stdout)
+
+    OUTPUT_FILE.write_text(
+        json.dumps({"version": version, "icons": pascal_names}, indent=2) + "\n",
+        encoding="utf-8",
+    )
+    print(f"Wrote {len(pascal_names)} icon names (v{version}) to {OUTPUT_FILE}")
+    return 0
+
+
+if __name__ == "__main__":
+    sys.exit(main())
diff --git a/tracks/README.md b/tracks/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..08cfb852563117384350aef1e6bc582247c1f47d
--- /dev/null
+++ b/tracks/README.md
@@ -0,0 +1,2 @@
+# Track definition YAMLs are loaded at runtime by the Journey feature.
+# See PLAN.md §7 and app/core/tracks_loader.py.
diff --git a/tracks/certification_path.yaml b/tracks/certification_path.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..c06bc37e7f9c334ab188d32286efe68c6108c391
--- /dev/null
+++ b/tracks/certification_path.yaml
@@ -0,0 +1,73 @@
+id: certification_path
+name: Certification Path
+description: >
+  Career-oriented milestones from foundational Security+ through intermediate
+  analyst credentials (CySA+ or similar) toward CISSP-level professional
+  certification. Study milestones, not exam guarantees.
+audience: individual
+levels:
+  - id: security_plus
+    name: CompTIA Security+
+    description: >
+      Foundational cybersecurity credential covering threats, architecture,
+      operations, and governance basics.
+    items:
+      - id: cert_sp_1
+        title: Core domains overview complete
+        description: Read through threats, architecture, implementation, operations, and governance domains.
+      - id: cert_sp_2
+        title: Hands-on labs (networking & crypto)
+        description: Practice subnetting, TLS basics, and hashing/encryption demos.
+      - id: cert_sp_3
+        title: Practice exam baseline
+        description: Score a diagnostic practice exam and identify weak domains.
+      - id: cert_sp_4
+        title: Weak-domain deep dive
+        description: Focus study plan on the two lowest-scoring domains.
+      - id: cert_sp_5
+        title: Exam scheduled / attempted
+        description: Book the exam date or complete a full timed practice under exam conditions.
+
+  - id: intermediate_analyst
+    name: CySA+ / Intermediate Analyst
+    description: >
+      Intermediate milestone — CompTIA CySA+, equivalent SOC analyst path, or
+      similar blue-team focused credential.
+    items:
+      - id: cert_ca_1
+        title: SIEM & log analysis practice
+        description: Investigate sample incidents using logs or a home-lab SIEM.
+      - id: cert_ca_2
+        title: Vulnerability analysis workflow
+        description: Triage scan results and recommend remediation priority.
+      - id: cert_ca_3
+        title: Threat intelligence basics
+        description: Map a real campaign to ATT&CK techniques and defensive controls.
+      - id: cert_ca_4
+        title: Practice / exam milestone
+        description: Complete CySA+ (or equivalent) practice series or sit the exam.
+      - id: cert_ca_5
+        title: Portfolio artifact
+        description: Write one incident report or detection use-case write-up for interviews.
+
+  - id: cissp
+    name: CISSP (or equivalent)
+    description: >
+      Professional-level milestone oriented around CISSP domains — management,
+      architecture, and risk leadership rather than pure tooling.
+    items:
+      - id: cert_cp_1
+        title: Domain map & gap analysis
+        description: Rate familiarity across the eight CISSP domains; plan study blocks.
+      - id: cert_cp_2
+        title: Experience / endorsement path
+        description: Document qualifying experience and identify a potential endorser.
+      - id: cert_cp_3
+        title: Risk & governance depth
+        description: Study risk management, policies, and legal/regulatory frameworks in depth.
+      - id: cert_cp_4
+        title: Architecture & crypto review
+        description: Refresh security architecture, network, and cryptography domains.
+      - id: cert_cp_5
+        title: Capstone practice / exam attempt
+        description: Complete a full CISSP practice exam set or schedule the official exam.
diff --git a/tracks/cis_ig.yaml b/tracks/cis_ig.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..33cdfc14af4d8139332ceb6aae682d649398c00f
--- /dev/null
+++ b/tracks/cis_ig.yaml
@@ -0,0 +1,76 @@
+id: cis_ig
+name: CIS Controls (IG1 → IG3)
+description: >
+  Implementation Groups from the CIS Critical Security Controls. Start with
+  IG1 (essential cyber hygiene), then IG2 and IG3 safeguards as the
+  organization matures. Sample checklist — not the full control catalog.
+audience: smb
+levels:
+  - id: ig1
+    name: IG1 — Essential
+    description: >
+      Foundational safeguards suitable for small organizations and any
+      environment that needs a minimum viable security baseline.
+    items:
+      - id: cis_ig1_1
+        title: Inventory enterprise assets (CIS 1)
+        description: Actively manage all hardware/endpoints connected to the environment.
+      - id: cis_ig1_2
+        title: Inventory software assets (CIS 2)
+        description: Track authorized software and remove unauthorized applications.
+      - id: cis_ig1_3
+        title: Data protection basics (CIS 3)
+        description: Identify sensitive data, encrypt where feasible, and control sharing.
+      - id: cis_ig1_4
+        title: Secure configuration (CIS 4)
+        description: Apply hardening baselines to endpoints, servers, and cloud services.
+      - id: cis_ig1_5
+        title: Account management (CIS 5)
+        description: Use unique accounts, disable unused ones, and enforce strong authentication.
+      - id: cis_ig1_6
+        title: Access control management (CIS 6)
+        description: Grant least privilege and review access regularly.
+      - id: cis_ig1_7
+        title: Continuous vulnerability management (CIS 7)
+        description: Scan for vulns and patch in a defined window.
+      - id: cis_ig1_8
+        title: Audit log management (CIS 8)
+        description: Collect and retain security-relevant logs for investigation.
+
+  - id: ig2
+    name: IG2 — Intermediate
+    description: >
+      Additional safeguards for organizations with more complex IT and higher
+      risk — deeper monitoring, email/web protections, and network defenses.
+    items:
+      - id: cis_ig2_1
+        title: Email & web browser protections (CIS 9)
+        description: Filter malicious content, enforce safe browsing defaults, and block risky attachments.
+      - id: cis_ig2_2
+        title: Malware defenses (CIS 10)
+        description: Deploy and monitor anti-malware / EDR across estate.
+      - id: cis_ig2_3
+        title: Network infrastructure management (CIS 12)
+        description: Secure network devices, segment critical systems, and manage remote access.
+      - id: cis_ig2_4
+        title: Security awareness & skills training (CIS 14)
+        description: Role-based training with measured phishing resilience.
+      - id: cis_ig2_5
+        title: Application software security (CIS 16)
+        description: Secure SDLC practices for in-house or heavily customized apps.
+
+  - id: ig3
+    name: IG3 — Advanced
+    description: >
+      Advanced controls for mature security programs facing sophisticated
+      threats — fine-grained detection, testing, and application defenses.
+    items:
+      - id: cis_ig3_1
+        title: Network monitoring & defense (CIS 13)
+        description: Detect and respond to anomalous network traffic with dedicated tooling.
+      - id: cis_ig3_2
+        title: Penetration testing (CIS 18)
+        description: Conduct regular external/internal pen tests and remediate findings.
+      - id: cis_ig3_3
+        title: Application defense depth
+        description: WAF, runtime protections, or equivalent for critical internet-facing apps.
diff --git a/tracks/custom_goal.yaml b/tracks/custom_goal.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..381520b9ed67b6eda3dcba1b56e73a69e645b6c7
--- /dev/null
+++ b/tracks/custom_goal.yaml
@@ -0,0 +1,58 @@
+id: custom_goal
+name: Custom Goal
+description: >
+  Panel-assisted custom track. Define your own milestones with the advisors
+  (e.g. "pass SOC 2 in Q4", "stand up MFA org-wide", "home lab readiness").
+  Replace or extend the placeholder items as your plan takes shape.
+audience: any
+levels:
+  - id: define
+    name: Define the Goal
+    description: Clarify what success looks like, by when, and who is involved.
+    items:
+      - id: custom_df_1
+        title: Goal statement written
+        description: One clear sentence describing the outcome you want.
+      - id: custom_df_2
+        title: Success criteria listed
+        description: Measurable conditions that prove the goal is done.
+      - id: custom_df_3
+        title: Target date set
+        description: Agree a realistic deadline or review checkpoint.
+      - id: custom_df_4
+        title: Stakeholders identified
+        description: Note who must approve, fund, or help execute.
+
+  - id: plan
+    name: Build the Plan
+    description: Break the goal into checkable work items with owners and order.
+    items:
+      - id: custom_pl_1
+        title: Work breakdown drafted
+        description: List the major workstreams or phases toward the goal.
+      - id: custom_pl_2
+        title: Dependencies mapped
+        description: Note blockers, vendor wait times, and prerequisite tasks.
+      - id: custom_pl_3
+        title: Owner per workstream
+        description: Assign a responsible person (or yourself) for each stream.
+      - id: custom_pl_4
+        title: Resources & budget noted
+        description: Capture tools, time, or spend needed — even roughly.
+
+  - id: execute
+    name: Execute & Track
+    description: Do the work, check items off, and adjust as reality changes.
+    items:
+      - id: custom_ex_1
+        title: First milestone completed
+        description: Ship the first concrete deliverable or control.
+      - id: custom_ex_2
+        title: Progress review cadence
+        description: Schedule a weekly or biweekly check-in on this goal.
+      - id: custom_ex_3
+        title: Risks & blockers logged
+        description: Keep a short list of what is slowing progress and how to unblock it.
+      - id: custom_ex_4
+        title: Goal closed or redefined
+        description: Mark complete when success criteria are met, or rewrite the goal consciously.
diff --git a/tracks/itil_maturity.yaml b/tracks/itil_maturity.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..b915bcef1de541641492cb06c334a0c2545e9732
--- /dev/null
+++ b/tracks/itil_maturity.yaml
@@ -0,0 +1,120 @@
+id: itil_maturity
+name: ITIL Maturity Model
+description: >
+  Organizational cybersecurity capability mapped to the classic five-level
+  ITIL/CMMI maturity ladder — from ad-hoc firefighting to continually
+  optimizing security operations.
+audience: enterprise
+levels:
+  - id: initial
+    name: Initial
+    description: >
+      Ad-hoc, reactive security. Practices depend on individuals; incidents
+      drive most activity. No consistent policies or measured outcomes.
+    items:
+      - id: itil_i_1
+        title: Inventory critical assets
+        description: List servers, endpoints, cloud accounts, and data stores that matter most.
+      - id: itil_i_2
+        title: Document incident contacts
+        description: Keep a short roster of who to call for IR, legal, and vendor support.
+      - id: itil_i_3
+        title: Enable MFA on admin accounts
+        description: Require multi-factor authentication for privileged and remote access.
+      - id: itil_i_4
+        title: Basic malware protection
+        description: Deploy endpoint AV/EDR on company devices and keep signatures current.
+      - id: itil_i_5
+        title: Record major incidents
+        description: Capture date, impact, and resolution notes for each significant security event.
+
+  - id: managed
+    name: Managed
+    description: >
+      Repeatable processes exist. Security work is planned, tracked, and
+      owned — but still team-dependent and not fully standardized.
+    items:
+      - id: itil_m_1
+        title: Written access-control policy
+        description: Define who may grant access, review cadence, and joiner/mover/leaver steps.
+      - id: itil_m_2
+        title: Patch window defined
+        description: Agree severity-based SLAs for critical/high vulnerability remediation.
+      - id: itil_m_3
+        title: Backup restore tested
+        description: Restore a sample backup quarterly and document the outcome.
+      - id: itil_m_4
+        title: Security awareness baseline
+        description: Run phishing or awareness training at least annually for all staff.
+      - id: itil_m_5
+        title: Ticketed security requests
+        description: Route access, exception, and vuln fixes through a tracked queue.
+      - id: itil_m_6
+        title: Vendor security questionnaire
+        description: Review high-risk vendors with a short security checklist before onboarding.
+
+  - id: defined
+    name: Defined
+    description: >
+      Organization-wide standards. Security processes are documented,
+      consistently applied, and integrated with IT change and risk management.
+    items:
+      - id: itil_d_1
+        title: Formal IR playbooks
+        description: Documented runbooks for ransomware, account takeover, and data exposure.
+      - id: itil_d_2
+        title: Risk register maintained
+        description: Track top cyber risks with owners, likelihood/impact, and treatment plans.
+      - id: itil_d_3
+        title: Change control for security configs
+        description: Firewall, IdP, and EDR changes go through reviewed change management.
+      - id: itil_d_4
+        title: Segregation of duties
+        description: Separate privileges so one person cannot both request and approve critical access.
+      - id: itil_d_5
+        title: Logging & retention standard
+        description: Define what is logged, retention periods, and who can access audit trails.
+
+  - id: quantitative
+    name: Quantitative
+    description: >
+      Measured and controlled. Metrics drive decisions; risk and control
+      effectiveness are quantified with meaningful thresholds.
+    items:
+      - id: itil_q_1
+        title: MTTD / MTTR dashboards
+        description: Track mean time to detect and respond; review trends monthly.
+      - id: itil_q_2
+        title: Vulnerability SLA compliance %
+        description: Measure % of critical/high vulns closed within agreed windows.
+      - id: itil_q_3
+        title: Control coverage metrics
+        description: Report MFA adoption, EDR coverage, and encrypt-at-rest percentages.
+      - id: itil_q_4
+        title: Risk appetite thresholds
+        description: Define quantitative risk tolerance and escalate when breached.
+      - id: itil_q_5
+        title: Board / exec scorecard
+        description: Deliver a recurring security metrics pack for leadership review.
+
+  - id: optimizing
+    name: Optimizing
+    description: >
+      Continual improvement. Feedback loops, automation, and proactive
+      threat hunting refine the program based on evidence.
+    items:
+      - id: itil_o_1
+        title: Post-incident improvement loop
+        description: Every major incident produces tracked corrective actions with owners.
+      - id: itil_o_2
+        title: Automated control checks
+        description: Continuously validate key controls (MFA, backups, logging) via tooling.
+      - id: itil_o_3
+        title: Threat hunting cadence
+        description: Schedule proactive hunts informed by intel and past incident patterns.
+      - id: itil_o_4
+        title: Tabletop exercise program
+        description: Run cross-functional scenario exercises and update playbooks from findings.
+      - id: itil_o_5
+        title: Capability roadmap
+        description: Maintain a multi-year security capability roadmap tied to business goals.
diff --git a/tracks/nist_csf.yaml b/tracks/nist_csf.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..c4875f34fc3faf1fa2436811f288ec678c807872
--- /dev/null
+++ b/tracks/nist_csf.yaml
@@ -0,0 +1,127 @@
+id: nist_csf
+name: NIST Cybersecurity Framework
+description: >
+  Progress across the NIST CSF 2.0 functions (Govern, Identify, Protect,
+  Detect, Respond, Recover). Use tiers as a qualitative maturity note while
+  checking off foundational practices under each function.
+audience: enterprise
+levels:
+  - id: govern
+    name: Govern
+    description: >
+      Tier progress — Partial → Risk Informed → Repeatable → Adaptive.
+      Establish cybersecurity risk strategy, policy, and oversight.
+    items:
+      - id: nist_gv_1
+        title: Cybersecurity risk strategy documented
+        description: Leadership-approved statement of priorities, risk appetite, and ownership.
+      - id: nist_gv_2
+        title: Roles and accountability assigned
+        description: Name owners for security, privacy, and compliance decisions.
+      - id: nist_gv_3
+        title: Policy set published
+        description: Acceptable use, access, incident, and data-handling policies available to staff.
+      - id: nist_gv_4
+        title: Oversight cadence
+        description: Regular risk/security review with executives or the board.
+
+  - id: identify
+    name: Identify
+    description: >
+      Tier progress — know what you have and what threatens it before investing
+      in controls. Asset, risk, and business-context clarity.
+    items:
+      - id: nist_id_1
+        title: Asset inventory (systems & data)
+        description: Maintain an inventory of critical systems, cloud services, and sensitive data.
+      - id: nist_id_2
+        title: Business impact priorities
+        description: Rank which services/outages hurt customers or revenue most.
+      - id: nist_id_3
+        title: Threat & vulnerability awareness
+        description: Subscribe to relevant advisories and track known weaknesses.
+      - id: nist_id_4
+        title: Supply-chain risk noted
+        description: Identify critical vendors and their security dependencies.
+      - id: nist_id_5
+        title: Risk assessment refreshed
+        description: Update organizational cyber risk assessment at least annually.
+
+  - id: protect
+    name: Protect
+    description: >
+      Tier progress — safeguards that limit or contain cybersecurity events
+      (identity, awareness, data security, platform security).
+    items:
+      - id: nist_pr_1
+        title: Identity & access management baseline
+        description: Central IdP, least privilege, and MFA for remote/privileged access.
+      - id: nist_pr_2
+        title: Awareness & training program
+        description: Role-appropriate security training with phishing practice.
+      - id: nist_pr_3
+        title: Data protection controls
+        description: Encryption in transit/at rest for sensitive data; secure disposal.
+      - id: nist_pr_4
+        title: Platform hardening
+        description: Secure baselines for endpoints, servers, and cloud configurations.
+      - id: nist_pr_5
+        title: Protective technology (EDR/firewall)
+        description: Deploy and monitor endpoint detection and network perimeter controls.
+
+  - id: detect
+    name: Detect
+    description: >
+      Tier progress — find cybersecurity events promptly via continuous
+      monitoring and anomaly detection.
+    items:
+      - id: nist_de_1
+        title: Centralized logging
+        description: Aggregate auth, endpoint, and cloud logs into a searchable store.
+      - id: nist_de_2
+        title: Alerting on critical events
+        description: Define alerts for failed admin logins, ransomware indicators, and data exfil signals.
+      - id: nist_de_3
+        title: Monitoring coverage review
+        description: Periodically verify key assets are generating and shipping logs.
+      - id: nist_de_4
+        title: Anomaly review process
+        description: Assign who triages alerts and within what time window.
+
+  - id: respond
+    name: Respond
+    description: >
+      Tier progress — take action on detected events with clear ownership,
+      communications, and analysis.
+    items:
+      - id: nist_rs_1
+        title: Incident response plan
+        description: Written IR plan covering severity levels, roles, and escalation paths.
+      - id: nist_rs_2
+        title: Communications templates
+        description: Draft internal and customer/regulator notification language for likely scenarios.
+      - id: nist_rs_3
+        title: Analysis & forensics capability
+        description: Know how evidence is preserved and who can investigate.
+      - id: nist_rs_4
+        title: Containment playbooks
+        description: Document first actions for account takeover and malware/ransomware.
+
+  - id: recover
+    name: Recover
+    description: >
+      Tier progress — restore operations and reduce future impact with
+      tested recovery plans and improvement cycles.
+    items:
+      - id: nist_rc_1
+        title: Recovery plan documented
+        description: RTO/RPO targets and restoration steps for critical services.
+      - id: nist_rc_2
+        title: Backup integrity verified
+        description: Confirm backups are complete, protected, and restorable.
+      - id: nist_rc_3
+        title: Recovery exercise completed
+        description: Practice restoring at least one critical system end-to-end.
+      - id: nist_rc_4
+        title: Lessons learned incorporated
+        description: Feed recovery findings back into Identify/Protect improvements.
diff --git a/tracks/personal_digital_security.yaml b/tracks/personal_digital_security.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..cd65c363cd35646cfbcc1983ac57f775676eba7f
--- /dev/null
+++ b/tracks/personal_digital_security.yaml
@@ -0,0 +1,94 @@
+id: personal_digital_security
+name: Personal Digital Security
+description: >
+  Practical steps for individuals to harden everyday digital life — passwords
+  and MFA, backups, device security, then monitoring and identity protection.
+audience: individual
+levels:
+  - id: passwords_mfa
+    name: Passwords & MFA
+    description: >
+      Strong unique credentials and multi-factor authentication on the
+      accounts that matter most.
+    items:
+      - id: pds_pm_1
+        title: Password manager installed
+        description: Use a reputable password manager and migrate important logins into it.
+      - id: pds_pm_2
+        title: Unique passwords for email & banking
+        description: No reused passwords on email, financial, or work accounts.
+      - id: pds_pm_3
+        title: MFA on email
+        description: Enable authenticator-app or hardware MFA on your primary email.
+      - id: pds_pm_4
+        title: MFA on financial & social accounts
+        description: Turn on MFA for banks, brokerages, and major social platforms.
+      - id: pds_pm_5
+        title: Recoverability review
+        description: Update recovery emails/phones and store backup MFA codes safely.
+
+  - id: backups
+    name: Backups
+    description: >
+      Reliable copies of important files so ransomware, theft, or device loss
+      does not become a permanent loss.
+    items:
+      - id: pds_bk_1
+        title: Identify critical data
+        description: List photos, documents, tax records, and work files you cannot lose.
+      - id: pds_bk_2
+        title: Automated backup enabled
+        description: Turn on cloud or local automatic backup for critical folders.
+      - id: pds_bk_3
+        title: Offline / secondary copy
+        description: Keep at least one secondary copy (external drive or second cloud).
+      - id: pds_bk_4
+        title: Restore test
+        description: Restore one file from backup to confirm it works.
+      - id: pds_bk_5
+        title: Backup account secured
+        description: Protect backup destinations with a strong unique password and MFA.
+
+  - id: device_security
+    name: Device Security
+    description: >
+      Harden phones, laptops, and home network so everyday devices are harder
+      to compromise.
+    items:
+      - id: pds_ds_1
+        title: OS & apps updated
+        description: Enable automatic updates on phone and computer.
+      - id: pds_ds_2
+        title: Full-disk encryption & screen lock
+        description: Use PIN/biometrics plus device encryption (BitLocker/FileVault/phone default).
+      - id: pds_ds_3
+        title: Endpoint protection
+        description: Keep built-in or third-party malware protection enabled.
+      - id: pds_ds_4
+        title: Home Wi-Fi secured
+        description: Strong router password, WPA2/WPA3, and admin password changed from default.
+      - id: pds_ds_5
+        title: Untrusted software hygiene
+        description: Install apps only from trusted stores; remove unused software/extensions.
+
+  - id: monitoring_identity
+    name: Monitoring & Identity Protection
+    description: >
+      Ongoing awareness — breach alerts, account activity review, and recovery
+      readiness if something goes wrong.
+    items:
+      - id: pds_mi_1
+        title: Breach notification enrolled
+        description: Use a reputable breach-alert service (or credit/ID monitoring) for your email.
+      - id: pds_mi_2
+        title: Account activity review habit
+        description: Periodically check login/devices for email, Google/Apple, and banking.
+      - id: pds_mi_3
+        title: Credit / identity freeze option known
+        description: Know how to place a credit freeze or fraud alert in your country.
+      - id: pds_mi_4
+        title: Scam response plan
+        description: Have a short checklist for phishing, sextortion, and account-takeover events.
+      - id: pds_mi_5
+        title: Emergency contacts & exports
+        description: Export critical contacts and know how to reach bank/fraud lines quickly.