diff --git a/apps/web-client-tpos-net/Dockerfile b/apps/web-client-tpos-net/Dockerfile
index 43e99a8d..2c4a2984 100644
--- a/apps/web-client-tpos-net/Dockerfile
+++ b/apps/web-client-tpos-net/Dockerfile
@@ -29,8 +29,7 @@ COPY . .
 # VI: Build và publish
 RUN dotnet publish src/WebClientTpos.Server/WebClientTpos.Server.csproj \
     -c Release \
-    -o /app/publish \
-    --no-restore
+    -o /app/publish
 
 # ═══════════════════════════════════════════════════════════════════════════════
 # Stage 2: Runtime
@@ -38,6 +37,11 @@ RUN dotnet publish src/WebClientTpos.Server/WebClientTpos.Server.csproj \
 FROM mcr.microsoft.com/dotnet/aspnet:10.0-alpine AS runtime
 WORKDIR /app
 
+# EN: Install ICU libs for globalization support (Alpine doesn't include them)
+# VI: Cài đặt ICU libs cho hỗ trợ globalization (Alpine không bao gồm sẵn)
+RUN apk add --no-cache icu-libs
+ENV DOTNET_SYSTEM_GLOBALIZATION_INVARIANT=false
+
 # EN: Create non-root user for security
 # VI: Tạo user không phải root để bảo mật
 RUN adduser -D -u 1000 appuser && chown -R appuser /app
diff --git a/apps/web-client/.env.local b/apps/web-client/.env.local
deleted file mode 100644
index 043f2988..00000000
--- a/apps/web-client/.env.local
+++ /dev/null
@@ -1,2 +0,0 @@
-# Bypass Traefik due to Docker provider error
-NEXT_PUBLIC_API_URL=http://localhost/api/v1
diff --git a/apps/web-client/.eslintrc.json b/apps/web-client/.eslintrc.json
deleted file mode 100644
index ccc462b0..00000000
--- a/apps/web-client/.eslintrc.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "extends": [
-    "next/core-web-vitals",
-    "@goodgo/eslint-config"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaVersion": 2020,
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "project": "./tsconfig.json"
-  },
-  "env": {
-    "browser": true,
-    "node": true,
-    "es2020": true
-  },
-  "ignorePatterns": [
-    "**/*.stories.ts",
-    "**/*.stories.tsx",
-    "**/test/**",
-    "**/__tests__/**",
-    "**/e2e/**",
-    "playwright.config.ts",
-    "vitest.config.ts"
-  ]
-}
diff --git a/apps/web-client/.storybook/README.md b/apps/web-client/.storybook/README.md
deleted file mode 100644
index caa105dc..00000000
--- a/apps/web-client/.storybook/README.md
+++ /dev/null
@@ -1,137 +0,0 @@
-# Storybook Configuration
-
-## Overview / Tổng quan
-
-This Storybook setup is configured for the GoodGo web-client application with support for:
-
-- **Next.js 14+** with App Router
-- **TypeScript** with strict type checking
-- **Tailwind CSS** with custom theme variables
-- **Theme switching** (dark/light mode) with Context API
-- **Accessibility testing** with @storybook/addon-a11y
-- **Documentation** with @storybook/addon-docs
-
-## Getting Started / Bắt đầu
-
-### Running Storybook / Chạy Storybook
-
-```bash
-# From the web-client directory / Từ thư mục web-client
-pnpm storybook
-
-# Or from the root / Hoặc từ thư mục gốc
-cd apps/web-client && pnpm storybook
-```
-
-Storybook will start on `http://localhost:6006`
-
-### Building Storybook / Build Storybook
-
-```bash
-pnpm build-storybook
-```
-
-This creates a static build in the `storybook-static` directory.
-
-## Configuration / Cấu hình
-
-### Main Configuration (`main.ts`)
-
-- **Stories location**: `../src/**/*.stories.@(js|jsx|mjs|ts|tsx)`
-- **Framework**: `@storybook/nextjs-vite`
-- **Path aliases**: `@/*` maps to `./src/*`
-
-### Preview Configuration (`preview.ts`)
-
-- **Theme Provider**: All stories are wrapped with `ThemeProvider` for theme support
-- **Global Styles**: Imports `globals.css` for Tailwind CSS and theme variables
-- **Accessibility**: Configured with a11y addon for accessibility testing
-- **Backgrounds**: Pre-configured dark and light backgrounds
-
-## Writing Stories / Viết Stories
-
-### Basic Story Example / Ví dụ Story cơ bản
-
-```tsx
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from './button';
-
-const meta: Meta<typeof Button> = {
-  title: 'UI/Button',
-  component: Button,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<typeof Button>;
-
-export const Primary: Story = {
-  args: {
-    variant: 'primary',
-    children: 'Button',
-  },
-};
-```
-
-### Story with Theme Context / Story với Theme Context
-
-All stories automatically have access to the `ThemeProvider`, so theme-dependent components work out of the box.
-
-```tsx
-export const Themed: Story = {
-  render: () => (
-    <div className="bg-secondary p-4 rounded-lg">
-      <Button>Theme-aware Button</Button>
-    </div>
-  ),
-};
-```
-
-## Addons / Tiện ích
-
-### Available Addons / Các addon có sẵn
-
-1. **@storybook/addon-docs**: Automatic documentation generation
-2. **@storybook/addon-a11y**: Accessibility testing
-3. **@storybook/addon-vitest**: Test integration
-4. **@chromatic-com/storybook**: Visual testing (optional)
-
-### Using Accessibility Addon / Sử dụng Addon Accessibility
-
-The a11y addon is automatically configured. Use the "Accessibility" tab in the Storybook UI to check for accessibility issues.
-
-## Best Practices / Thực hành tốt nhất
-
-1. **Bilingual Comments**: Always include EN/VI comments in stories
-2. **Accessibility**: Test all components with the a11y addon
-3. **Theme Testing**: Test components in both light and dark modes
-4. **Documentation**: Use the `docs` parameter to add component descriptions
-5. **Story Organization**: Organize stories by feature/component type
-
-## Troubleshooting / Khắc phục sự cố
-
-### Path Alias Issues / Vấn đề Path Alias
-
-If you encounter import errors with `@/*` paths, ensure:
-- The `viteFinal` configuration in `main.ts` is correct
-- TypeScript path mapping in `tsconfig.json` matches
-
-### Theme Not Working / Theme không hoạt động
-
-Ensure:
-- `ThemeProvider` is imported in `preview.ts`
-- `globals.css` is imported in `preview.ts`
-- Components use CSS variables from the theme
-
-### Tailwind Classes Not Working / Tailwind Classes không hoạt động
-
-Check:
-- `tailwind.config.js` includes Storybook paths
-- `globals.css is imported in `preview.ts`
-- PostCSS is configured correctly
-
-## Resources / Tài nguyên
-
-- [Storybook Documentation](https://storybook.js.org/docs)
-- [Next.js + Storybook Guide](https://storybook.js.org/docs/get-started/nextjs)
-- [Accessibility Testing](https://storybook.js.org/docs/writing-tests/accessibility-testing)
\ No newline at end of file
diff --git a/apps/web-client/.storybook/main.ts b/apps/web-client/.storybook/main.ts
deleted file mode 100644
index 4775503c..00000000
--- a/apps/web-client/.storybook/main.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import type { StorybookConfig } from '@storybook/nextjs-vite';
-import { dirname, join } from 'path';
-import { fileURLToPath } from 'url';
-
-/**
- * EN: This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- * VI: Hàm này được sử dụng để resolve đường dẫn tuyệt đối của một package.
- * Cần thiết trong các dự án sử dụng Yarn PnP hoặc được thiết lập trong monorepo.
- */
-function getAbsolutePath(value: string): any {
-  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
-}
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    getAbsolutePath('@chromatic-com/storybook'),
-    getAbsolutePath('@storybook/addon-vitest'),
-    getAbsolutePath('@storybook/addon-a11y'),
-    getAbsolutePath('@storybook/addon-docs'),
-    getAbsolutePath('@storybook/addon-onboarding'),
-  ],
-  framework: getAbsolutePath('@storybook/nextjs-vite'),
-  staticDirs: ['../public'],
-  // EN: Configure path aliases for Storybook
-  // VI: Cấu hình path aliases cho Storybook
-  viteFinal: async (config) => {
-    if (config.resolve) {
-      config.resolve.alias = {
-        ...config.resolve.alias,
-        '@': join(__dirname, '../src'),
-      };
-    }
-    return config;
-  },
-};
-
-export default config;
\ No newline at end of file
diff --git a/apps/web-client/.storybook/preview.ts b/apps/web-client/.storybook/preview.ts
deleted file mode 100644
index 51be5af2..00000000
--- a/apps/web-client/.storybook/preview.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import type { Preview } from '@storybook/nextjs-vite';
-import React from 'react';
-import { ThemeProvider } from '../src/contexts/theme-context';
-import '../src/app/globals.css';
-
-/**
- * EN: Storybook preview configuration with theme support
- * VI: Cấu hình preview Storybook với hỗ trợ theme
- */
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    backgrounds: {
-      default: 'dark',
-      values: [
-        {
-          name: 'dark',
-          value: '#0A0A0A',
-        },
-        {
-          name: 'light',
-          value: '#FFFFFF',
-        },
-      ],
-    },
-    // EN: Accessibility addon configuration
-    // VI: Cấu hình addon accessibility
-    a11y: {
-      config: {
-        rules: [
-          {
-            id: 'color-contrast',
-            enabled: true,
-          },
-        ],
-      },
-    },
-  },
-  // EN: Decorator to wrap all stories with ThemeProvider
-  // VI: Decorator để bọc tất cả stories với ThemeProvider
-  decorators: [
-    (Story) => (
-      <ThemeProvider>
-        <div style={{ padding: '1rem' }}>
-          <Story />
-        </div>
-      </ThemeProvider>
-    ),
-  ],
-};
-
-export default preview;
\ No newline at end of file
diff --git a/apps/web-client/Dockerfile b/apps/web-client/Dockerfile
deleted file mode 100644
index c7d8870d..00000000
--- a/apps/web-client/Dockerfile
+++ /dev/null
@@ -1,50 +0,0 @@
-FROM node:25-alpine AS base
-RUN apk add --no-cache libc6-compat
-WORKDIR /app
-
-# Builder stage
-FROM base AS builder
-RUN corepack enable pnpm
-# Copy workspace configuration
-COPY pnpm-workspace.yaml package.json pnpm-lock.yaml ./
-# Create directory structure and copy all package.json files
-RUN mkdir -p packages apps services
-COPY packages/auth-sdk/package.json ./packages/auth-sdk/
-COPY packages/http-client/package.json ./packages/http-client/
-COPY packages/logger/package.json ./packages/logger/
-COPY packages/tracing/package.json ./packages/tracing/
-COPY packages/types/package.json ./packages/types/
-COPY packages/config/eslint-config/package.json ./packages/config/eslint-config/
-COPY packages/config/prettier-config/package.json ./packages/config/prettier-config/
-COPY packages/config/tsconfig/package.json ./packages/config/tsconfig/
-COPY apps/web-client/package.json ./apps/web-client/
-COPY apps/web-admin/package.json ./apps/web-admin/
-COPY services/iam-service/package.json ./services/iam-service/
-# Install all dependencies for entire monorepo
-RUN --mount=type=cache,id=pnpm,target=/root/.local/share/pnpm/store \
-    pnpm install --frozen-lockfile
-# Copy all source code
-COPY packages ./packages
-COPY apps/web-client ./apps/web-client
-COPY turbo.json ./
-# Build using turbo from root (handles dependency order automatically)
-RUN pnpm turbo build --filter=web-client
-
-# Production stage
-FROM base AS runner
-ENV NODE_ENV=production
-RUN addgroup --system --gid 1001 nodejs
-RUN adduser --system --uid 1001 nextjs
-
-# Copy the entire workspace to preserve pnpm structure
-COPY --from=builder --chown=nextjs:nodejs /app /app
-
-WORKDIR /app/apps/web-client
-
-USER nextjs
-
-EXPOSE 3000
-ENV PORT=3000
-ENV HOSTNAME="0.0.0.0"
-
-CMD ["node", ".next/standalone/apps/web-client/server.js"]
diff --git a/apps/web-client/README.md b/apps/web-client/README.md
deleted file mode 100644
index 46d5fb75..00000000
--- a/apps/web-client/README.md
+++ /dev/null
@@ -1,185 +0,0 @@
-# GoodGo Platform - Web Client
-
-> **EN**: Enterprise-grade web client for GoodGo microservices platform  
-> **VI**: Web client cấp doanh nghiệp cho nền tảng microservices GoodGo
-
-## Features / Tính Năng
-
-- ✅ **Brand Identity System** - Complete logo suite, favicons, and illustrations
-- ✅ **Design System** - Professional design tokens with brand colors, gradients, and glassmorphism
-- ✅ **UI Component Library** - Enhanced components with brand variants (Button, EmptyState, Loading States, Logo)
-- ✅ **Dark/Light Theme** - Automatic theme switching with system preference
-- ✅ **Internationalization** - Multi-language support (i18n ready)
-- ✅ **TypeScript** - Full type safety
-- ✅ **Tailwind CSS 4** - Modern utility-first styling
-- ✅ **Next.js 14** - App Router with RSC
-- ✅ **Accessibility** - WCAG 2.1 AA compliant
-- ✅ **PWA Ready** - Progressive Web App support
-
-## Tech Stack
-
-- **Framework**: Next.js 14 (App Router)
-- **Language**: TypeScript 5+
-- **Styling**: Tailwind CSS 4 (CSS-first)
-- **State Management**: Zustand
-- **API Client**: `@goodgo/http-client`
-- **Testing**: Vitest + Playwright
-- **Component Development**: Storybook
-
-##Development / Phát Triển
-
-```bash
-# Install dependencies / Cài đặt dependencies
-pnpm install
-
-# Start dev server / Khởi động dev server
-pnpm dev
-# → http://localhost:3000
-
-# Start Storybook / Khởi động Storybook
-pnpm storybook
-# → http://localhost:6006
-
-# Build for production / Build cho production
-pnpm build
-
-# Type checking / Kiểm tra kiểu
-pnpm typecheck
-
-# Lint / Kiểm tra lỗi
-pnpm lint
-```
-
-## Environment Variables / Biến Môi Trường
-
-Create `.env.local` file:
-
-```bash
-# API URL
-NEXT_PUBLIC_API_URL=http://localhost/api/v1
-```
-
-## Brand Assets / Tài Sản Thương Hiệu
-
-Brand assets are located in `/public/brand-assets/`:
-
-- **Logos**: `/brand-assets/logo/` (full, icon, wordmark variants)
-- **Icons**: `/brand-assets/icons/` (favicon)
-- **Illustrations**: `/brand-assets/illustrations/` (empty state, error state)
-
-Usage in components:
-
-```tsx
-import { BrandLogo } from '@/components/ui/brand-logo';
-import { BRAND } from '@/lib/brand-constants';
-
-// Logo component
-<BrandLogo variant="full" size="lg" />
-
-// Brand constants
-const primaryColor = BRAND.colors.primary.hex; // #3B82F6
-```
-
-## UI Components / Components Giao Diện
-
-### BrandLogo
-```tsx
-import { BrandLogo, BrandLogoLink } from '@/components/ui/brand-logo';
-
-<BrandLogo variant="full" size="xl" />
-<BrandLogoLink variant="icon" size="md" href="/" />
-```
-
-### Button with Brand Variants
-```tsx
-import { Button } from '@/components/ui/button';
-
-<Button variant="brand">Get Started</Button>
-<Button variant="glass">Learn More</Button>
-```
-
-### Empty State
-```tsx
-import { EmptyState, ErrorState } from '@/components/ui/empty-state';
-
-<EmptyState
-  title="No items found"
-  description="Try adding some items"
-  action={{ label: 'Add Item', onClick: handleAdd }}
-/>
-```
-
-### Loading States
-```tsx
-import {
-  BrandSpinner,
-  Skeleton,
-  SkeletonCard,
-  LoadingOverlay,
-  ProgressBar
-} from '@/components/ui/loading-states';
-
-<BrandSpinner size="lg" color="brand" />
-<SkeletonCard />
-<LoadingOverlay show={isLoading} message="Loading..." />
-<ProgressBar value={progress} showLabel />
-```
-
-## Design System / Hệ Thống Thiết Kế
-
-### Brand Colors
-
-```css
-/* Primary (Blue) - Tech & Trust */
---brand-primary: #3B82F6;
-
-/* Secondary (Purple) - Innovation */
---brand-secondary: #8B5CF6;
-
-/* Accent (Cyan) - Energy */
---brand-accent: #06B6D4;
-```
-
-### Tailwind Utilities
-
-```tsx
-// Brand colors
-<div className="bg-brand-primary text-white" />
-<div className="bg-brand-gradient" />
-
-// Glassmorphism
-<div className="bg-glass-bg backdrop-blur-glass border-glass-border" />
-
-// Brand shadows
-<div className="shadow-brand hover:shadow-brand-lg" />
-```
-
-## Project Structure / Cấu Trúc Dự Án
-
-```
-apps/web-client/
-├── public/
-│   └── brand-assets/       # Brand logos, icons, illustrations
-├── src/
-│   ├── app/               # Next.js App Router pages
-│   ├── components/
-│   │   └── ui/           # Reusable UI components
-│   ├── lib/
-│   │   └── brand-constants.ts  # Brand helper functions
-│   ├── styles/
-│   │   └── theme.css     # Design system tokens
-│   ├── contexts/         # React contexts (Theme, etc.)
-│   ├── hooks/            # Custom React hooks
-│   ├── providers/        # Provider components
-│   └── stores/           # Zustand stores
-└── tailwind.config.js    # Tailwind configuration
-```
-
-## Contributing / Đóng Góp
-
-Please read [CONTRIBUTING.md](../../CONTRIBUTING.md) for details.
-
-## License / Giấy Phép
-
-Proprietary - GoodGo Platform
-
diff --git a/apps/web-client/e2e/auth.spec.ts b/apps/web-client/e2e/auth.spec.ts
deleted file mode 100644
index 5ff8b57a..00000000
--- a/apps/web-client/e2e/auth.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-/**
- * EN: E2E tests for authentication flows
- * VI: E2E tests cho các luồng xác thực
- */
-test.describe('Authentication', () => {
-  test.beforeEach(async ({ page }) => {
-    // EN: Navigate to login page / VI: Điều hướng đến trang login
-    await page.goto('/login');
-  });
-
-  test('should display login page', async ({ page }) => {
-    // EN: Check for heading "Sign In" / VI: Kiểm tra heading "Sign In"
-    await expect(page.getByRole('heading', { name: 'Sign In' })).toBeVisible();
-    // EN: Check for email input with exact placeholder / VI: Kiểm tra input email với placeholder chính xác
-    await expect(page.getByPlaceholder('you@example.com')).toBeVisible();
-    // EN: Check for password input with placeholder / VI: Kiểm tra input password với placeholder
-    await expect(page.getByPlaceholder('Password')).toBeVisible();
-  });
-
-  test('should show validation errors for empty form', async ({ page }) => {
-    const submitButton = page.getByRole('button', { name: 'Sign In' });
-    await submitButton.click();
-    // EN: Wait for validation to complete / VI: Đợi validation hoàn thành
-    await page.waitForTimeout(500);
-    // EN: Check for validation errors (email or password required) / VI: Kiểm tra lỗi validation (email hoặc password required)
-    const emailError = page.getByText('Email is required');
-    const passwordError = page.getByText('Password is required');
-    // EN: At least one error should be visible / VI: Ít nhất một lỗi phải hiển thị
-    const hasError = await emailError.isVisible().catch(() => false) ||
-      await passwordError.isVisible().catch(() => false);
-    expect(hasError).toBeTruthy();
-  });
-
-  test('should navigate to register page', async ({ page }) => {
-    await page.getByRole('link', { name: 'Sign up' }).click();
-    await expect(page).toHaveURL(/.*\/register/);
-  });
-
-  test('should navigate to forgot password page', async ({ page }) => {
-    await page.getByRole('link', { name: 'Forgot password?' }).click();
-    await expect(page).toHaveURL(/.*\/forgot-password/);
-  });
-});
diff --git a/apps/web-client/e2e/chat.spec.ts b/apps/web-client/e2e/chat.spec.ts
deleted file mode 100644
index 2d13ac19..00000000
--- a/apps/web-client/e2e/chat.spec.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-/**
- * EN: E2E tests for chat functionality
- * VI: E2E tests cho chức năng chat
- */
-test.describe('Chat', () => {
-  test.beforeEach(async ({ page }) => {
-    // EN: Navigate to chat page (assuming authenticated) / VI: Điều hướng đến trang chat (giả sử đã authenticated)
-    await page.goto('/chat');
-  });
-
-  test('should display chat interface', async ({ page }) => {
-    // EN: Check for chat input with exact placeholder / VI: Kiểm tra chat input với placeholder chính xác
-    await expect(page.getByPlaceholder('Type your message...')).toBeVisible();
-  });
-
-  test('should send message', async ({ page }) => {
-    const input = page.getByPlaceholder('Type your message...');
-    // EN: Type into the textarea (controlled component) / VI: Nhập vào textarea (controlled component)
-    await input.type('Test message');
-    // EN: Wait for send button to be enabled / VI: Đợi nút send được kích hoạt
-    const sendButton = page.getByRole('button', { name: 'Send message' });
-    await expect(sendButton).toBeEnabled();
-    await sendButton.click();
-    // EN: Check if message appears / VI: Kiểm tra nếu tin nhắn xuất hiện
-    // Note: This would require WebSocket mocking in actual implementation
-    // Lưu ý: Điều này sẽ cần mock WebSocket trong implementation thực tế
-  });
-});
diff --git a/apps/web-client/e2e/settings.spec.ts b/apps/web-client/e2e/settings.spec.ts
deleted file mode 100644
index d4ae3f90..00000000
--- a/apps/web-client/e2e/settings.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-/**
- * EN: E2E tests for settings pages.
- * VI: E2E tests cho các trang settings.
- */
-test.describe('Settings', () => {
-  test.beforeEach(async ({ page }) => {
-    // EN: Seed persisted auth state before app hydration.
-    // VI: Seed trạng thái auth đã persist trước khi app hydrate.
-    await page.addInitScript(() => {
-      localStorage.setItem(
-        'auth-storage',
-        JSON.stringify({
-          state: {
-            user: {
-              id: '9d7bb2f8-4a68-4aa4-9b73-530a06039ee3',
-              email: 'tester@goodgo.dev',
-            },
-            isAuthenticated: true,
-          },
-          version: 0,
-        })
-      );
-    });
-  });
-
-  test('should render profile settings page', async ({ page }) => {
-    await page.goto('/settings/profile');
-    await expect(page.getByRole('heading', { level: 2, name: 'Profile' })).toBeVisible();
-  });
-
-  test('should render api keys settings page', async ({ page }) => {
-    await page.goto('/settings/api-keys');
-    await expect(page.getByRole('heading', { level: 2, name: 'API Keys' })).toBeVisible();
-    await expect(page.getByRole('button', { name: /Create API Key/i }).first()).toBeVisible();
-  });
-});
diff --git a/apps/web-client/eslint.config.mjs b/apps/web-client/eslint.config.mjs
deleted file mode 100644
index d6576268..00000000
--- a/apps/web-client/eslint.config.mjs
+++ /dev/null
@@ -1,45 +0,0 @@
-// EN: Minimal ESLint flat config for web-client package.
-// VI: Cấu hình ESLint flat tối thiểu cho package web-client.
-import tsParser from '@typescript-eslint/parser';
-import reactHooksPlugin from 'eslint-plugin-react-hooks';
-
-export default [
-  {
-    ignores: [
-      'node_modules/**',
-      '.next/**',
-      'playwright-report/**',
-      'test-results/**',
-      'coverage/**',
-      'dist/**',
-      '**/*.test.ts',
-      '**/*.test.tsx',
-      '**/*.spec.ts',
-      '**/*.spec.tsx',
-      '**/*.stories.ts',
-      '**/*.stories.tsx',
-      'e2e/**',
-      '.storybook/**',
-      'src/test/**',
-    ],
-  },
-  {
-    files: ['src/**/*.{ts,tsx}'],
-    languageOptions: {
-      parser: tsParser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        ecmaFeatures: {
-          jsx: true,
-        },
-      },
-    },
-    plugins: {
-      'react-hooks': reactHooksPlugin,
-    },
-    rules: {
-      'no-debugger': 'error',
-    },
-  },
-];
diff --git a/apps/web-client/next-env.d.ts b/apps/web-client/next-env.d.ts
deleted file mode 100644
index 9edff1c7..00000000
--- a/apps/web-client/next-env.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/apps/web-client/next.config.js b/apps/web-client/next.config.js
deleted file mode 100644
index 05a626fd..00000000
--- a/apps/web-client/next.config.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  // EN: Enable React strict mode for development warnings
-  // VI: Bật React strict mode để hiển thị warnings trong development
-  reactStrictMode: true,
-
-  // EN: Output standalone build for container deployment
-  // VI: Output build standalone để deploy trong container
-  output: 'standalone',
-
-  // EN: Image optimization configuration
-  // VI: Cấu hình tối ưu hình ảnh
-  images: {
-    // EN: Enable image optimization with WebP/AVIF formats
-    // VI: Bật tối ưu hình ảnh với định dạng WebP/AVIF
-    formats: ['image/avif', 'image/webp'],
-    // EN: Remote image domains (if needed)
-    // VI: Các domain hình ảnh từ xa (nếu cần)
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: '**',
-      },
-    ],
-    // EN: Device sizes for responsive images
-    // VI: Kích thước thiết bị cho hình ảnh responsive
-    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-    // EN: Image sizes for different breakpoints
-    // VI: Kích thước hình ảnh cho các breakpoint khác nhau
-    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-  },
-
-  // EN: Environment variables exposed to the browser
-  // VI: Biến môi trường được expose cho browser
-  env: {
-    // EN: Public API URL for client-side API calls
-    // VI: URL API public để gọi API từ client-side
-    NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL || 'http://localhost/api/v1',
-  },
-
-  // EN: Headers for caching static assets (1 year) - Performance optimization
-  // VI: Headers cho caching static assets (1 năm) - Tối ưu hiệu suất
-  async headers() {
-    return [
-      {
-        source: '/_next/static/:path*',
-        headers: [
-          {
-            key: 'Cache-Control',
-            value: 'public, max-age=31536000, immutable',
-          },
-        ],
-      },
-      {
-        source: '/images/:path*',
-        headers: [
-          {
-            key: 'Cache-Control',
-            value: 'public, max-age=31536000, immutable',
-          },
-        ],
-      },
-    ];
-  },
-
-  // EN: Compress responses - Performance optimization
-  // VI: Nén responses - Tối ưu hiệu suất
-  compress: true,
-
-  // EN: Remove console.log in production
-  // VI: Xóa console.log trong production
-  ...(process.env.NODE_ENV === 'production' && {
-    compiler: {
-      removeConsole: {
-        exclude: ['error', 'warn'],
-      },
-    },
-  }),
-};
-
-module.exports = nextConfig;
diff --git a/apps/web-client/package.json b/apps/web-client/package.json
deleted file mode 100644
index 396dab62..00000000
--- a/apps/web-client/package.json
+++ /dev/null
@@ -1,89 +0,0 @@
-{
-  "name": "@goodgo/web-client",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint .",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:e2e": "playwright test",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "dependencies": {
-    "@goodgo/http-client": "workspace:*",
-    "@goodgo/types": "workspace:*",
-    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@react-stately/list": "^3.13.2",
-    "@react-stately/menu": "^3.9.9",
-    "@react-stately/overlays": "^3.6.21",
-    "@react-stately/select": "^3.9.0",
-    "@react-stately/toggle": "^3.9.3",
-    "@tanstack/react-query": "^5.90.16",
-    "axios": "^1.13.2",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.24.8",
-    "lucide-react": "^0.562.0",
-    "next": "^16.1.1",
-    "next-intl": "^4.7.0",
-    "react": "^19.2.3",
-    "react-aria": "^3.45.0",
-    "react-aria-components": "^1.14.0",
-    "react-dom": "^19.2.3",
-    "react-hook-form": "^7.70.0",
-    "react-stately": "^3.43.0",
-    "zod": "^4.3.5",
-    "zustand": "^5.0.9"
-  },
-  "devDependencies": {
-    "@axe-core/react": "^4.11.0",
-    "@chromatic-com/storybook": "^4.1.3",
-    "@goodgo/eslint-config": "workspace:*",
-    "@goodgo/prettier-config": "workspace:*",
-    "@goodgo/tsconfig": "workspace:*",
-    "@playwright/test": "^1.57.0",
-    "@storybook/addon-a11y": "^10.1.11",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-onboarding": "^10.1.11",
-    "@storybook/addon-vitest": "^10.1.11",
-    "@storybook/nextjs-vite": "^10.1.11",
-    "@tailwindcss/postcss": "^4.1.18",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.0.3",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.0",
-    "@vitest/browser-playwright": "^4.0.16",
-    "@vitest/coverage-v8": "^4.0.16",
-    "autoprefixer": "^10.4.23",
-    "eslint": "^9.39.2",
-    "eslint-config-next": "^16.1.1",
-    "eslint-plugin-storybook": "^10.1.11",
-    "jsdom": "^28.1.0",
-    "playwright": "^1.57.0",
-    "postcss": "^8.5.6",
-    "storybook": "^10.1.11",
-    "tailwindcss": "^4.1.18",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.16"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  }
-}
diff --git a/apps/web-client/playwright-report/index.html b/apps/web-client/playwright-report/index.html
deleted file mode 100644
index d51a6c97..00000000
--- a/apps/web-client/playwright-report/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
-<!DOCTYPE html>
-<html style='scrollbar-gutter: stable both-edges;'>
-  <head>
-    <meta charset='UTF-8'>
-    <meta name='color-scheme' content='dark light'>
-    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
-    <title>Playwright Test Report</title>
-    <script type="module">var oA=Object.defineProperty;var dA=(u,i,c)=>i in u?oA(u,i,{enumerable:!0,configurable:!0,writable:!0,value:c}):u[i]=c;var dn=(u,i,c)=>dA(u,typeof i!="symbol"?i+"":i,c);(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))f(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const d of o.addedNodes)d.tagName==="LINK"&&d.rel==="modulepreload"&&f(d)}).observe(document,{childList:!0,subtree:!0});function c(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function f(r){if(r.ep)return;r.ep=!0;const o=c(r);fetch(r.href,o)}})();function hA(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var pf={exports:{}},Ai={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var d1;function gA(){if(d1)return Ai;d1=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function c(f,r,o){var d=null;if(o!==void 0&&(d=""+o),r.key!==void 0&&(d=""+r.key),"key"in r){o={};for(var y in r)y!=="key"&&(o[y]=r[y])}else o=r;return r=o.ref,{$$typeof:u,type:f,key:d,ref:r!==void 0?r:null,props:o}}return Ai.Fragment=i,Ai.jsx=c,Ai.jsxs=c,Ai}var h1;function mA(){return h1||(h1=1,pf.exports=gA()),pf.exports}var m=mA();const AA=15,bt=0,mn=1,vA=2,me=-2,Ht=-3,g1=-4,An=-5,we=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535],S2=1440,yA=0,EA=4,bA=9,pA=5,xA=[96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,192,80,7,10,0,8,96,0,8,32,0,9,160,0,8,0,0,8,128,0,8,64,0,9,224,80,7,6,0,8,88,0,8,24,0,9,144,83,7,59,0,8,120,0,8,56,0,9,208,81,7,17,0,8,104,0,8,40,0,9,176,0,8,8,0,8,136,0,8,72,0,9,240,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,200,81,7,13,0,8,100,0,8,36,0,9,168,0,8,4,0,8,132,0,8,68,0,9,232,80,7,8,0,8,92,0,8,28,0,9,152,84,7,83,0,8,124,0,8,60,0,9,216,82,7,23,0,8,108,0,8,44,0,9,184,0,8,12,0,8,140,0,8,76,0,9,248,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,196,81,7,11,0,8,98,0,8,34,0,9,164,0,8,2,0,8,130,0,8,66,0,9,228,80,7,7,0,8,90,0,8,26,0,9,148,84,7,67,0,8,122,0,8,58,0,9,212,82,7,19,0,8,106,0,8,42,0,9,180,0,8,10,0,8,138,0,8,74,0,9,244,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,204,81,7,15,0,8,102,0,8,38,0,9,172,0,8,6,0,8,134,0,8,70,0,9,236,80,7,9,0,8,94,0,8,30,0,9,156,84,7,99,0,8,126,0,8,62,0,9,220,82,7,27,0,8,110,0,8,46,0,9,188,0,8,14,0,8,142,0,8,78,0,9,252,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,194,80,7,10,0,8,97,0,8,33,0,9,162,0,8,1,0,8,129,0,8,65,0,9,226,80,7,6,0,8,89,0,8,25,0,9,146,83,7,59,0,8,121,0,8,57,0,9,210,81,7,17,0,8,105,0,8,41,0,9,178,0,8,9,0,8,137,0,8,73,0,9,242,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,202,81,7,13,0,8,101,0,8,37,0,9,170,0,8,5,0,8,133,0,8,69,0,9,234,80,7,8,0,8,93,0,8,29,0,9,154,84,7,83,0,8,125,0,8,61,0,9,218,82,7,23,0,8,109,0,8,45,0,9,186,0,8,13,0,8,141,0,8,77,0,9,250,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,198,81,7,11,0,8,99,0,8,35,0,9,166,0,8,3,0,8,131,0,8,67,0,9,230,80,7,7,0,8,91,0,8,27,0,9,150,84,7,67,0,8,123,0,8,59,0,9,214,82,7,19,0,8,107,0,8,43,0,9,182,0,8,11,0,8,139,0,8,75,0,9,246,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,206,81,7,15,0,8,103,0,8,39,0,9,174,0,8,7,0,8,135,0,8,71,0,9,238,80,7,9,0,8,95,0,8,31,0,9,158,84,7,99,0,8,127,0,8,63,0,9,222,82,7,27,0,8,111,0,8,47,0,9,190,0,8,15,0,8,143,0,8,79,0,9,254,96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,193,80,7,10,0,8,96,0,8,32,0,9,161,0,8,0,0,8,128,0,8,64,0,9,225,80,7,6,0,8,88,0,8,24,0,9,145,83,7,59,0,8,120,0,8,56,0,9,209,81,7,17,0,8,104,0,8,40,0,9,177,0,8,8,0,8,136,0,8,72,0,9,241,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,201,81,7,13,0,8,100,0,8,36,0,9,169,0,8,4,0,8,132,0,8,68,0,9,233,80,7,8,0,8,92,0,8,28,0,9,153,84,7,83,0,8,124,0,8,60,0,9,217,82,7,23,0,8,108,0,8,44,0,9,185,0,8,12,0,8,140,0,8,76,0,9,249,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,197,81,7,11,0,8,98,0,8,34,0,9,165,0,8,2,0,8,130,0,8,66,0,9,229,80,7,7,0,8,90,0,8,26,0,9,149,84,7,67,0,8,122,0,8,58,0,9,213,82,7,19,0,8,106,0,8,42,0,9,181,0,8,10,0,8,138,0,8,74,0,9,245,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,205,81,7,15,0,8,102,0,8,38,0,9,173,0,8,6,0,8,134,0,8,70,0,9,237,80,7,9,0,8,94,0,8,30,0,9,157,84,7,99,0,8,126,0,8,62,0,9,221,82,7,27,0,8,110,0,8,46,0,9,189,0,8,14,0,8,142,0,8,78,0,9,253,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,195,80,7,10,0,8,97,0,8,33,0,9,163,0,8,1,0,8,129,0,8,65,0,9,227,80,7,6,0,8,89,0,8,25,0,9,147,83,7,59,0,8,121,0,8,57,0,9,211,81,7,17,0,8,105,0,8,41,0,9,179,0,8,9,0,8,137,0,8,73,0,9,243,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,203,81,7,13,0,8,101,0,8,37,0,9,171,0,8,5,0,8,133,0,8,69,0,9,235,80,7,8,0,8,93,0,8,29,0,9,155,84,7,83,0,8,125,0,8,61,0,9,219,82,7,23,0,8,109,0,8,45,0,9,187,0,8,13,0,8,141,0,8,77,0,9,251,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,199,81,7,11,0,8,99,0,8,35,0,9,167,0,8,3,0,8,131,0,8,67,0,9,231,80,7,7,0,8,91,0,8,27,0,9,151,84,7,67,0,8,123,0,8,59,0,9,215,82,7,19,0,8,107,0,8,43,0,9,183,0,8,11,0,8,139,0,8,75,0,9,247,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,207,81,7,15,0,8,103,0,8,39,0,9,175,0,8,7,0,8,135,0,8,71,0,9,239,80,7,9,0,8,95,0,8,31,0,9,159,84,7,99,0,8,127,0,8,63,0,9,223,82,7,27,0,8,111,0,8,47,0,9,191,0,8,15,0,8,143,0,8,79,0,9,255],SA=[80,5,1,87,5,257,83,5,17,91,5,4097,81,5,5,89,5,1025,85,5,65,93,5,16385,80,5,3,88,5,513,84,5,33,92,5,8193,82,5,9,90,5,2049,86,5,129,192,5,24577,80,5,2,87,5,385,83,5,25,91,5,6145,81,5,7,89,5,1537,85,5,97,93,5,24577,80,5,4,88,5,769,84,5,49,92,5,12289,82,5,13,90,5,3073,86,5,193,192,5,24577],TA=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],wA=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,112,112],RA=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],OA=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],qn=15;function Xf(){const u=this;let i,c,f,r,o,d;function y(A,E,w,R,z,N,x,p,T,D,U){let I,V,j,G,L,W,F,K,et,tt,ot,at,M,_,$;tt=0,L=w;do f[A[E+tt]]++,tt++,L--;while(L!==0);if(f[0]==w)return x[0]=-1,p[0]=0,bt;for(K=p[0],W=1;W<=qn&&f[W]===0;W++);for(F=W,K<W&&(K=W),L=qn;L!==0&&f[L]===0;L--);for(j=L,K>L&&(K=L),p[0]=K,_=1<<W;W<L;W++,_<<=1)if((_-=f[W])<0)return Ht;if((_-=f[L])<0)return Ht;for(f[L]+=_,d[1]=W=0,tt=1,M=2;--L!==0;)d[M]=W+=f[tt],M++,tt++;L=0,tt=0;do(W=A[E+tt])!==0&&(U[d[W]++]=L),tt++;while(++L<w);for(w=d[j],d[0]=L=0,tt=0,G=-1,at=-K,o[0]=0,ot=0,$=0;F<=j;F++)for(I=f[F];I--!==0;){for(;F>at+K;){if(G++,at+=K,$=j-at,$=$>K?K:$,(V=1<<(W=F-at))>I+1&&(V-=I+1,M=F,W<$))for(;++W<$&&!((V<<=1)<=f[++M]);)V-=f[M];if($=1<<W,D[0]+$>S2)return Ht;o[G]=ot=D[0],D[0]+=$,G!==0?(d[G]=L,r[0]=W,r[1]=K,W=L>>>at-K,r[2]=ot-o[G-1]-W,T.set(r,(o[G-1]+W)*3)):x[0]=ot}for(r[1]=F-at,tt>=w?r[0]=192:U[tt]<R?(r[0]=U[tt]<256?0:96,r[2]=U[tt++]):(r[0]=N[U[tt]-R]+16+64,r[2]=z[U[tt++]-R]),V=1<<F-at,W=L>>>at;W<$;W+=V)T.set(r,(ot+W)*3);for(W=1<<F-1;(L&W)!==0;W>>>=1)L^=W;for(L^=W,et=(1<<at)-1;(L&et)!=d[G];)G--,at-=K,et=(1<<at)-1}return _!==0&&j!=1?An:bt}function v(A){let E;for(i||(i=[],c=[],f=new Int32Array(qn+1),r=[],o=new Int32Array(qn),d=new Int32Array(qn+1)),c.length<A&&(c=[]),E=0;E<A;E++)c[E]=0;for(E=0;E<qn+1;E++)f[E]=0;for(E=0;E<3;E++)r[E]=0;o.set(f.subarray(0,qn),0),d.set(f.subarray(0,qn+1),0)}u.inflate_trees_bits=function(A,E,w,R,z){let N;return v(19),i[0]=0,N=y(A,0,19,19,null,null,w,E,R,i,c),N==Ht?z.msg="oversubscribed dynamic bit lengths tree":(N==An||E[0]===0)&&(z.msg="incomplete dynamic bit lengths tree",N=Ht),N},u.inflate_trees_dynamic=function(A,E,w,R,z,N,x,p,T){let D;return v(288),i[0]=0,D=y(w,0,A,257,TA,wA,N,R,p,i,c),D!=bt||R[0]===0?(D==Ht?T.msg="oversubscribed literal/length tree":D!=g1&&(T.msg="incomplete literal/length tree",D=Ht),D):(v(288),D=y(w,A,E,0,RA,OA,x,z,p,i,c),D!=bt||z[0]===0&&A>257?(D==Ht?T.msg="oversubscribed distance tree":D==An?(T.msg="incomplete distance tree",D=Ht):D!=g1&&(T.msg="empty distance tree with lengths",D=Ht),D):bt)}}Xf.inflate_trees_fixed=function(u,i,c,f){return u[0]=bA,i[0]=pA,c[0]=xA,f[0]=SA,bt};const ku=0,m1=1,A1=2,v1=3,y1=4,E1=5,b1=6,xf=7,p1=8,Ku=9;function DA(){const u=this;let i,c=0,f,r=0,o=0,d=0,y=0,v=0,A=0,E=0,w,R=0,z,N=0;function x(p,T,D,U,I,V,j,G){let L,W,F,K,et,tt,ot,at,M,_,$,dt,b,q,P,J;ot=G.next_in_index,at=G.avail_in,et=j.bitb,tt=j.bitk,M=j.write,_=M<j.read?j.read-M-1:j.end-M,$=we[p],dt=we[T];do{for(;tt<20;)at--,et|=(G.read_byte(ot++)&255)<<tt,tt+=8;if(L=et&$,W=D,F=U,J=(F+L)*3,(K=W[J])===0){et>>=W[J+1],tt-=W[J+1],j.win[M++]=W[J+2],_--;continue}do{if(et>>=W[J+1],tt-=W[J+1],(K&16)!==0){for(K&=15,b=W[J+2]+(et&we[K]),et>>=K,tt-=K;tt<15;)at--,et|=(G.read_byte(ot++)&255)<<tt,tt+=8;L=et&dt,W=I,F=V,J=(F+L)*3,K=W[J];do if(et>>=W[J+1],tt-=W[J+1],(K&16)!==0){for(K&=15;tt<K;)at--,et|=(G.read_byte(ot++)&255)<<tt,tt+=8;if(q=W[J+2]+(et&we[K]),et>>=K,tt-=K,_-=b,M>=q)P=M-q,M-P>0&&2>M-P?(j.win[M++]=j.win[P++],j.win[M++]=j.win[P++],b-=2):(j.win.set(j.win.subarray(P,P+2),M),M+=2,P+=2,b-=2);else{P=M-q;do P+=j.end;while(P<0);if(K=j.end-P,b>K){if(b-=K,M-P>0&&K>M-P)do j.win[M++]=j.win[P++];while(--K!==0);else j.win.set(j.win.subarray(P,P+K),M),M+=K,P+=K,K=0;P=0}}if(M-P>0&&b>M-P)do j.win[M++]=j.win[P++];while(--b!==0);else j.win.set(j.win.subarray(P,P+b),M),M+=b,P+=b,b=0;break}else if((K&64)===0)L+=W[J+2],L+=et&we[K],J=(F+L)*3,K=W[J];else return G.msg="invalid distance code",b=G.avail_in-at,b=tt>>3<b?tt>>3:b,at+=b,ot-=b,tt-=b<<3,j.bitb=et,j.bitk=tt,G.avail_in=at,G.total_in+=ot-G.next_in_index,G.next_in_index=ot,j.write=M,Ht;while(!0);break}if((K&64)===0){if(L+=W[J+2],L+=et&we[K],J=(F+L)*3,(K=W[J])===0){et>>=W[J+1],tt-=W[J+1],j.win[M++]=W[J+2],_--;break}}else return(K&32)!==0?(b=G.avail_in-at,b=tt>>3<b?tt>>3:b,at+=b,ot-=b,tt-=b<<3,j.bitb=et,j.bitk=tt,G.avail_in=at,G.total_in+=ot-G.next_in_index,G.next_in_index=ot,j.write=M,mn):(G.msg="invalid literal/length code",b=G.avail_in-at,b=tt>>3<b?tt>>3:b,at+=b,ot-=b,tt-=b<<3,j.bitb=et,j.bitk=tt,G.avail_in=at,G.total_in+=ot-G.next_in_index,G.next_in_index=ot,j.write=M,Ht)}while(!0)}while(_>=258&&at>=10);return b=G.avail_in-at,b=tt>>3<b?tt>>3:b,at+=b,ot-=b,tt-=b<<3,j.bitb=et,j.bitk=tt,G.avail_in=at,G.total_in+=ot-G.next_in_index,G.next_in_index=ot,j.write=M,bt}u.init=function(p,T,D,U,I,V){i=ku,A=p,E=T,w=D,R=U,z=I,N=V,f=null},u.proc=function(p,T,D){let U,I,V,j=0,G=0,L=0,W,F,K,et;for(L=T.next_in_index,W=T.avail_in,j=p.bitb,G=p.bitk,F=p.write,K=F<p.read?p.read-F-1:p.end-F;;)switch(i){case ku:if(K>=258&&W>=10&&(p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,D=x(A,E,w,R,z,N,p,T),L=T.next_in_index,W=T.avail_in,j=p.bitb,G=p.bitk,F=p.write,K=F<p.read?p.read-F-1:p.end-F,D!=bt)){i=D==mn?xf:Ku;break}o=A,f=w,r=R,i=m1;case m1:for(U=o;G<U;){if(W!==0)D=bt;else return p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);W--,j|=(T.read_byte(L++)&255)<<G,G+=8}if(I=(r+(j&we[U]))*3,j>>>=f[I+1],G-=f[I+1],V=f[I],V===0){d=f[I+2],i=b1;break}if((V&16)!==0){y=V&15,c=f[I+2],i=A1;break}if((V&64)===0){o=V,r=I/3+f[I+2];break}if((V&32)!==0){i=xf;break}return i=Ku,T.msg="invalid literal/length code",D=Ht,p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);case A1:for(U=y;G<U;){if(W!==0)D=bt;else return p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);W--,j|=(T.read_byte(L++)&255)<<G,G+=8}c+=j&we[U],j>>=U,G-=U,o=E,f=z,r=N,i=v1;case v1:for(U=o;G<U;){if(W!==0)D=bt;else return p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);W--,j|=(T.read_byte(L++)&255)<<G,G+=8}if(I=(r+(j&we[U]))*3,j>>=f[I+1],G-=f[I+1],V=f[I],(V&16)!==0){y=V&15,v=f[I+2],i=y1;break}if((V&64)===0){o=V,r=I/3+f[I+2];break}return i=Ku,T.msg="invalid distance code",D=Ht,p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);case y1:for(U=y;G<U;){if(W!==0)D=bt;else return p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);W--,j|=(T.read_byte(L++)&255)<<G,G+=8}v+=j&we[U],j>>=U,G-=U,i=E1;case E1:for(et=F-v;et<0;)et+=p.end;for(;c!==0;){if(K===0&&(F==p.end&&p.read!==0&&(F=0,K=F<p.read?p.read-F-1:p.end-F),K===0&&(p.write=F,D=p.inflate_flush(T,D),F=p.write,K=F<p.read?p.read-F-1:p.end-F,F==p.end&&p.read!==0&&(F=0,K=F<p.read?p.read-F-1:p.end-F),K===0)))return p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);p.win[F++]=p.win[et++],K--,et==p.end&&(et=0),c--}i=ku;break;case b1:if(K===0&&(F==p.end&&p.read!==0&&(F=0,K=F<p.read?p.read-F-1:p.end-F),K===0&&(p.write=F,D=p.inflate_flush(T,D),F=p.write,K=F<p.read?p.read-F-1:p.end-F,F==p.end&&p.read!==0&&(F=0,K=F<p.read?p.read-F-1:p.end-F),K===0)))return p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);D=bt,p.win[F++]=d,K--,i=ku;break;case xf:if(G>7&&(G-=8,W++,L--),p.write=F,D=p.inflate_flush(T,D),F=p.write,K=F<p.read?p.read-F-1:p.end-F,p.read!=p.write)return p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);i=p1;case p1:return D=mn,p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);case Ku:return D=Ht,p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D);default:return D=me,p.bitb=j,p.bitk=G,T.avail_in=W,T.total_in+=L-T.next_in_index,T.next_in_index=L,p.write=F,p.inflate_flush(T,D)}},u.free=function(){}}const x1=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],hl=0,Sf=1,S1=2,T1=3,w1=4,R1=5,Wu=6,Fu=7,O1=8,pa=9;function CA(u,i){const c=this;let f=hl,r=0,o=0,d=0,y;const v=[0],A=[0],E=new DA;let w=0,R=new Int32Array(S2*3);const z=0,N=new Xf;c.bitk=0,c.bitb=0,c.win=new Uint8Array(i),c.end=i,c.read=0,c.write=0,c.reset=function(x,p){p&&(p[0]=z),f==Wu&&E.free(x),f=hl,c.bitk=0,c.bitb=0,c.read=c.write=0},c.reset(u,null),c.inflate_flush=function(x,p){let T,D,U;return D=x.next_out_index,U=c.read,T=(U<=c.write?c.write:c.end)-U,T>x.avail_out&&(T=x.avail_out),T!==0&&p==An&&(p=bt),x.avail_out-=T,x.total_out+=T,x.next_out.set(c.win.subarray(U,U+T),D),D+=T,U+=T,U==c.end&&(U=0,c.write==c.end&&(c.write=0),T=c.write-U,T>x.avail_out&&(T=x.avail_out),T!==0&&p==An&&(p=bt),x.avail_out-=T,x.total_out+=T,x.next_out.set(c.win.subarray(U,U+T),D),D+=T,U+=T),x.next_out_index=D,c.read=U,p},c.proc=function(x,p){let T,D,U,I,V,j,G,L;for(I=x.next_in_index,V=x.avail_in,D=c.bitb,U=c.bitk,j=c.write,G=j<c.read?c.read-j-1:c.end-j;;){let W,F,K,et,tt,ot,at,M;switch(f){case hl:for(;U<3;){if(V!==0)p=bt;else return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);V--,D|=(x.read_byte(I++)&255)<<U,U+=8}switch(T=D&7,w=T&1,T>>>1){case 0:D>>>=3,U-=3,T=U&7,D>>>=T,U-=T,f=Sf;break;case 1:W=[],F=[],K=[[]],et=[[]],Xf.inflate_trees_fixed(W,F,K,et),E.init(W[0],F[0],K[0],0,et[0],0),D>>>=3,U-=3,f=Wu;break;case 2:D>>>=3,U-=3,f=T1;break;case 3:return D>>>=3,U-=3,f=pa,x.msg="invalid block type",p=Ht,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p)}break;case Sf:for(;U<32;){if(V!==0)p=bt;else return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);V--,D|=(x.read_byte(I++)&255)<<U,U+=8}if((~D>>>16&65535)!=(D&65535))return f=pa,x.msg="invalid stored block lengths",p=Ht,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);r=D&65535,D=U=0,f=r!==0?S1:w!==0?Fu:hl;break;case S1:if(V===0||G===0&&(j==c.end&&c.read!==0&&(j=0,G=j<c.read?c.read-j-1:c.end-j),G===0&&(c.write=j,p=c.inflate_flush(x,p),j=c.write,G=j<c.read?c.read-j-1:c.end-j,j==c.end&&c.read!==0&&(j=0,G=j<c.read?c.read-j-1:c.end-j),G===0)))return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);if(p=bt,T=r,T>V&&(T=V),T>G&&(T=G),c.win.set(x.read_buf(I,T),j),I+=T,V-=T,j+=T,G-=T,(r-=T)!==0)break;f=w!==0?Fu:hl;break;case T1:for(;U<14;){if(V!==0)p=bt;else return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);V--,D|=(x.read_byte(I++)&255)<<U,U+=8}if(o=T=D&16383,(T&31)>29||(T>>5&31)>29)return f=pa,x.msg="too many length or distance symbols",p=Ht,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);if(T=258+(T&31)+(T>>5&31),!y||y.length<T)y=[];else for(L=0;L<T;L++)y[L]=0;D>>>=14,U-=14,d=0,f=w1;case w1:for(;d<4+(o>>>10);){for(;U<3;){if(V!==0)p=bt;else return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);V--,D|=(x.read_byte(I++)&255)<<U,U+=8}y[x1[d++]]=D&7,D>>>=3,U-=3}for(;d<19;)y[x1[d++]]=0;if(v[0]=7,T=N.inflate_trees_bits(y,v,A,R,x),T!=bt)return p=T,p==Ht&&(y=null,f=pa),c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);d=0,f=R1;case R1:for(;T=o,!(d>=258+(T&31)+(T>>5&31));){let _,$;for(T=v[0];U<T;){if(V!==0)p=bt;else return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);V--,D|=(x.read_byte(I++)&255)<<U,U+=8}if(T=R[(A[0]+(D&we[T]))*3+1],$=R[(A[0]+(D&we[T]))*3+2],$<16)D>>>=T,U-=T,y[d++]=$;else{for(L=$==18?7:$-14,_=$==18?11:3;U<T+L;){if(V!==0)p=bt;else return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);V--,D|=(x.read_byte(I++)&255)<<U,U+=8}if(D>>>=T,U-=T,_+=D&we[L],D>>>=L,U-=L,L=d,T=o,L+_>258+(T&31)+(T>>5&31)||$==16&&L<1)return y=null,f=pa,x.msg="invalid bit length repeat",p=Ht,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);$=$==16?y[L-1]:0;do y[L++]=$;while(--_!==0);d=L}}if(A[0]=-1,tt=[],ot=[],at=[],M=[],tt[0]=9,ot[0]=6,T=o,T=N.inflate_trees_dynamic(257+(T&31),1+(T>>5&31),y,tt,ot,at,M,R,x),T!=bt)return T==Ht&&(y=null,f=pa),p=T,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);E.init(tt[0],ot[0],R,at[0],R,M[0]),f=Wu;case Wu:if(c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,(p=E.proc(c,x,p))!=mn)return c.inflate_flush(x,p);if(p=bt,E.free(x),I=x.next_in_index,V=x.avail_in,D=c.bitb,U=c.bitk,j=c.write,G=j<c.read?c.read-j-1:c.end-j,w===0){f=hl;break}f=Fu;case Fu:if(c.write=j,p=c.inflate_flush(x,p),j=c.write,G=j<c.read?c.read-j-1:c.end-j,c.read!=c.write)return c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);f=O1;case O1:return p=mn,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);case pa:return p=Ht,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p);default:return p=me,c.bitb=D,c.bitk=U,x.avail_in=V,x.total_in+=I-x.next_in_index,x.next_in_index=I,c.write=j,c.inflate_flush(x,p)}}},c.free=function(x){c.reset(x,null),c.win=null,R=null},c.set_dictionary=function(x,p,T){c.win.set(x.subarray(p,p+T),0),c.read=c.write=T},c.sync_point=function(){return f==Sf?1:0}}const MA=32,jA=8,HA=0,D1=1,C1=2,M1=3,j1=4,H1=5,Tf=6,vi=7,N1=12,kn=13,NA=[0,0,255,255];function BA(){const u=this;u.mode=0,u.method=0,u.was=[0],u.need=0,u.marker=0,u.wbits=0;function i(c){return!c||!c.istate?me:(c.total_in=c.total_out=0,c.msg=null,c.istate.mode=vi,c.istate.blocks.reset(c,null),bt)}u.inflateEnd=function(c){return u.blocks&&u.blocks.free(c),u.blocks=null,bt},u.inflateInit=function(c,f){return c.msg=null,u.blocks=null,f<8||f>15?(u.inflateEnd(c),me):(u.wbits=f,c.istate.blocks=new CA(c,1<<f),i(c),bt)},u.inflate=function(c,f){let r,o;if(!c||!c.istate||!c.next_in)return me;const d=c.istate;for(f=f==EA?An:bt,r=An;;)switch(d.mode){case HA:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,((d.method=c.read_byte(c.next_in_index++))&15)!=jA){d.mode=kn,c.msg="unknown compression method",d.marker=5;break}if((d.method>>4)+8>d.wbits){d.mode=kn,c.msg="invalid win size",d.marker=5;break}d.mode=D1;case D1:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,o=c.read_byte(c.next_in_index++)&255,((d.method<<8)+o)%31!==0){d.mode=kn,c.msg="incorrect header check",d.marker=5;break}if((o&MA)===0){d.mode=vi;break}d.mode=C1;case C1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,d.need=(c.read_byte(c.next_in_index++)&255)<<24&4278190080,d.mode=M1;case M1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,d.need+=(c.read_byte(c.next_in_index++)&255)<<16&16711680,d.mode=j1;case j1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,d.need+=(c.read_byte(c.next_in_index++)&255)<<8&65280,d.mode=H1;case H1:return c.avail_in===0?r:(r=f,c.avail_in--,c.total_in++,d.need+=c.read_byte(c.next_in_index++)&255,d.mode=Tf,vA);case Tf:return d.mode=kn,c.msg="need dictionary",d.marker=0,me;case vi:if(r=d.blocks.proc(c,r),r==Ht){d.mode=kn,d.marker=0;break}if(r==bt&&(r=f),r!=mn)return r;r=f,d.blocks.reset(c,d.was),d.mode=N1;case N1:return c.avail_in=0,mn;case kn:return Ht;default:return me}},u.inflateSetDictionary=function(c,f,r){let o=0,d=r;if(!c||!c.istate||c.istate.mode!=Tf)return me;const y=c.istate;return d>=1<<y.wbits&&(d=(1<<y.wbits)-1,o=r-d),y.blocks.set_dictionary(f,o,d),y.mode=vi,bt},u.inflateSync=function(c){let f,r,o,d,y;if(!c||!c.istate)return me;const v=c.istate;if(v.mode!=kn&&(v.mode=kn,v.marker=0),(f=c.avail_in)===0)return An;for(r=c.next_in_index,o=v.marker;f!==0&&o<4;)c.read_byte(r)==NA[o]?o++:c.read_byte(r)!==0?o=0:o=4-o,r++,f--;return c.total_in+=r-c.next_in_index,c.next_in_index=r,c.avail_in=f,v.marker=o,o!=4?Ht:(d=c.total_in,y=c.total_out,i(c),c.total_in=d,c.total_out=y,v.mode=vi,bt)},u.inflateSyncPoint=function(c){return!c||!c.istate||!c.istate.blocks?me:c.istate.blocks.sync_point()}}function T2(){}T2.prototype={inflateInit(u){const i=this;return i.istate=new BA,u||(u=AA),i.istate.inflateInit(i,u)},inflate(u){const i=this;return i.istate?i.istate.inflate(i,u):me},inflateEnd(){const u=this;if(!u.istate)return me;const i=u.istate.inflateEnd(u);return u.istate=null,i},inflateSync(){const u=this;return u.istate?u.istate.inflateSync(u):me},inflateSetDictionary(u,i){const c=this;return c.istate?c.istate.inflateSetDictionary(c,u,i):me},read_byte(u){return this.next_in[u]},read_buf(u,i){return this.next_in.subarray(u,u+i)}};function UA(u){const i=this,c=new T2,f=u&&u.chunkSize?Math.floor(u.chunkSize*2):128*1024,r=yA,o=new Uint8Array(f);let d=!1;c.inflateInit(),c.next_out=o,i.append=function(y,v){const A=[];let E,w,R=0,z=0,N=0;if(y.length!==0){c.next_in_index=0,c.next_in=y,c.avail_in=y.length;do{if(c.next_out_index=0,c.avail_out=f,c.avail_in===0&&!d&&(c.next_in_index=0,d=!0),E=c.inflate(r),d&&E===An){if(c.avail_in!==0)throw new Error("inflating: bad input")}else if(E!==bt&&E!==mn)throw new Error("inflating: "+c.msg);if((d||E===mn)&&c.avail_in===y.length)throw new Error("inflating: bad input");c.next_out_index&&(c.next_out_index===f?A.push(new Uint8Array(o)):A.push(o.subarray(0,c.next_out_index))),N+=c.next_out_index,v&&c.next_in_index>0&&c.next_in_index!=R&&(v(c.next_in_index),R=c.next_in_index)}while(c.avail_in>0||c.avail_out===0);return A.length>1?(w=new Uint8Array(N),A.forEach(function(x){w.set(x,z),z+=x.length})):w=A[0]?new Uint8Array(A[0]):new Uint8Array,w}},i.flush=function(){c.inflateEnd()}}const Sa=4294967295,Fn=65535,QA=8,YA=0,LA=99,zA=67324752,w2=134695760,GA=w2,B1=33639248,XA=101010256,U1=101075792,VA=117853008,gn=22,wf=20,Rf=56,IA=12,ZA=20,Q1=4,qA=1,kA=39169,KA=10,WA=1,FA=21589,JA=28789,PA=25461,_A=6534,Y1=1,$A=6,L1=8,z1=2048,G1=16,t8=61440,e8=16384,n8=73,X1="/",Of=30,a8=10,l8=14,i8=18,qt=void 0,$n="undefined",Oi="function";class V1{constructor(i){return class extends TransformStream{constructor(c,f){const r=new i(f);super({transform(o,d){d.enqueue(r.append(o))},flush(o){const d=r.flush();d&&o.enqueue(d)}})}}}}const u8=64;let R2=2;try{typeof navigator!=$n&&navigator.hardwareConcurrency&&(R2=navigator.hardwareConcurrency)}catch{}const c8={chunkSize:512*1024,maxWorkers:R2,terminateWorkerTimeout:5e3,useWebWorkers:!0,useCompressionStream:!0,workerScripts:qt,CompressionStreamNative:typeof CompressionStream!=$n&&CompressionStream,DecompressionStreamNative:typeof DecompressionStream!=$n&&DecompressionStream},Jn=Object.assign({},c8);function O2(){return Jn}function s8(u){return Math.max(u.chunkSize,u8)}function D2(u){const{baseURL:i,chunkSize:c,maxWorkers:f,terminateWorkerTimeout:r,useCompressionStream:o,useWebWorkers:d,Deflate:y,Inflate:v,CompressionStream:A,DecompressionStream:E,workerScripts:w}=u;if(Kn("baseURL",i),Kn("chunkSize",c),Kn("maxWorkers",f),Kn("terminateWorkerTimeout",r),Kn("useCompressionStream",o),Kn("useWebWorkers",d),y&&(Jn.CompressionStream=new V1(y)),v&&(Jn.DecompressionStream=new V1(v)),Kn("CompressionStream",A),Kn("DecompressionStream",E),w!==qt){const{deflate:R,inflate:z}=w;if((R||z)&&(Jn.workerScripts||(Jn.workerScripts={})),R){if(!Array.isArray(R))throw new Error("workerScripts.deflate must be an array");Jn.workerScripts.deflate=R}if(z){if(!Array.isArray(z))throw new Error("workerScripts.inflate must be an array");Jn.workerScripts.inflate=z}}}function Kn(u,i){i!==qt&&(Jn[u]=i)}function f8(){return"application/octet-stream"}const C2=[];for(let u=0;u<256;u++){let i=u;for(let c=0;c<8;c++)i&1?i=i>>>1^3988292384:i=i>>>1;C2[u]=i}class ec{constructor(i){this.crc=i||-1}append(i){let c=this.crc|0;for(let f=0,r=i.length|0;f<r;f++)c=c>>>8^C2[(c^i[f])&255];this.crc=c}get(){return~this.crc}}class M2 extends TransformStream{constructor(){let i;const c=new ec;super({transform(f,r){c.append(f),r.enqueue(f)},flush(){const f=new Uint8Array(4);new DataView(f.buffer).setUint32(0,c.get()),i.value=f}}),i=this}}function r8(u){if(typeof TextEncoder==$n){u=unescape(encodeURIComponent(u));const i=new Uint8Array(u.length);for(let c=0;c<i.length;c++)i[c]=u.charCodeAt(c);return i}else return new TextEncoder().encode(u)}const fe={concat(u,i){if(u.length===0||i.length===0)return u.concat(i);const c=u[u.length-1],f=fe.getPartial(c);return f===32?u.concat(i):fe._shiftRight(i,f,c|0,u.slice(0,u.length-1))},bitLength(u){const i=u.length;if(i===0)return 0;const c=u[i-1];return(i-1)*32+fe.getPartial(c)},clamp(u,i){if(u.length*32<i)return u;u=u.slice(0,Math.ceil(i/32));const c=u.length;return i=i&31,c>0&&i&&(u[c-1]=fe.partial(i,u[c-1]&2147483648>>i-1,1)),u},partial(u,i,c){return u===32?i:(c?i|0:i<<32-u)+u*1099511627776},getPartial(u){return Math.round(u/1099511627776)||32},_shiftRight(u,i,c,f){for(f===void 0&&(f=[]);i>=32;i-=32)f.push(c),c=0;if(i===0)return f.concat(u);for(let d=0;d<u.length;d++)f.push(c|u[d]>>>i),c=u[d]<<32-i;const r=u.length?u[u.length-1]:0,o=fe.getPartial(r);return f.push(fe.partial(i+o&31,i+o>32?c:f.pop(),1)),f}},nc={bytes:{fromBits(u){const c=fe.bitLength(u)/8,f=new Uint8Array(c);let r;for(let o=0;o<c;o++)(o&3)===0&&(r=u[o/4]),f[o]=r>>>24,r<<=8;return f},toBits(u){const i=[];let c,f=0;for(c=0;c<u.length;c++)f=f<<8|u[c],(c&3)===3&&(i.push(f),f=0);return c&3&&i.push(fe.partial(8*(c&3),f)),i}}},j2={};j2.sha1=class{constructor(u){const i=this;i.blockSize=512,i._init=[1732584193,4023233417,2562383102,271733878,3285377520],i._key=[1518500249,1859775393,2400959708,3395469782],u?(i._h=u._h.slice(0),i._buffer=u._buffer.slice(0),i._length=u._length):i.reset()}reset(){const u=this;return u._h=u._init.slice(0),u._buffer=[],u._length=0,u}update(u){const i=this;typeof u=="string"&&(u=nc.utf8String.toBits(u));const c=i._buffer=fe.concat(i._buffer,u),f=i._length,r=i._length=f+fe.bitLength(u);if(r>9007199254740991)throw new Error("Cannot hash more than 2^53 - 1 bits");const o=new Uint32Array(c);let d=0;for(let y=i.blockSize+f-(i.blockSize+f&i.blockSize-1);y<=r;y+=i.blockSize)i._block(o.subarray(16*d,16*(d+1))),d+=1;return c.splice(0,16*d),i}finalize(){const u=this;let i=u._buffer;const c=u._h;i=fe.concat(i,[fe.partial(1,1)]);for(let f=i.length+2;f&15;f++)i.push(0);for(i.push(Math.floor(u._length/4294967296)),i.push(u._length|0);i.length;)u._block(i.splice(0,16));return u.reset(),c}_f(u,i,c,f){if(u<=19)return i&c|~i&f;if(u<=39)return i^c^f;if(u<=59)return i&c|i&f|c&f;if(u<=79)return i^c^f}_S(u,i){return i<<u|i>>>32-u}_block(u){const i=this,c=i._h,f=Array(80);for(let A=0;A<16;A++)f[A]=u[A];let r=c[0],o=c[1],d=c[2],y=c[3],v=c[4];for(let A=0;A<=79;A++){A>=16&&(f[A]=i._S(1,f[A-3]^f[A-8]^f[A-14]^f[A-16]));const E=i._S(5,r)+i._f(A,o,d,y)+v+f[A]+i._key[Math.floor(A/20)]|0;v=y,y=d,d=i._S(30,o),o=r,r=E}c[0]=c[0]+r|0,c[1]=c[1]+o|0,c[2]=c[2]+d|0,c[3]=c[3]+y|0,c[4]=c[4]+v|0}};const H2={};H2.aes=class{constructor(u){const i=this;i._tables=[[[],[],[],[],[]],[[],[],[],[],[]]],i._tables[0][0][0]||i._precompute();const c=i._tables[0][4],f=i._tables[1],r=u.length;let o,d,y,v=1;if(r!==4&&r!==6&&r!==8)throw new Error("invalid aes key size");for(i._key=[d=u.slice(0),y=[]],o=r;o<4*r+28;o++){let A=d[o-1];(o%r===0||r===8&&o%r===4)&&(A=c[A>>>24]<<24^c[A>>16&255]<<16^c[A>>8&255]<<8^c[A&255],o%r===0&&(A=A<<8^A>>>24^v<<24,v=v<<1^(v>>7)*283)),d[o]=d[o-r]^A}for(let A=0;o;A++,o--){const E=d[A&3?o:o-4];o<=4||A<4?y[A]=E:y[A]=f[0][c[E>>>24]]^f[1][c[E>>16&255]]^f[2][c[E>>8&255]]^f[3][c[E&255]]}}encrypt(u){return this._crypt(u,0)}decrypt(u){return this._crypt(u,1)}_precompute(){const u=this._tables[0],i=this._tables[1],c=u[4],f=i[4],r=[],o=[];let d,y,v,A;for(let E=0;E<256;E++)o[(r[E]=E<<1^(E>>7)*283)^E]=E;for(let E=d=0;!c[E];E^=y||1,d=o[d]||1){let w=d^d<<1^d<<2^d<<3^d<<4;w=w>>8^w&255^99,c[E]=w,f[w]=E,A=r[v=r[y=r[E]]];let R=A*16843009^v*65537^y*257^E*16843008,z=r[w]*257^w*16843008;for(let N=0;N<4;N++)u[N][E]=z=z<<24^z>>>8,i[N][w]=R=R<<24^R>>>8}for(let E=0;E<5;E++)u[E]=u[E].slice(0),i[E]=i[E].slice(0)}_crypt(u,i){if(u.length!==4)throw new Error("invalid aes block size");const c=this._key[i],f=c.length/4-2,r=[0,0,0,0],o=this._tables[i],d=o[0],y=o[1],v=o[2],A=o[3],E=o[4];let w=u[0]^c[0],R=u[i?3:1]^c[1],z=u[2]^c[2],N=u[i?1:3]^c[3],x=4,p,T,D;for(let U=0;U<f;U++)p=d[w>>>24]^y[R>>16&255]^v[z>>8&255]^A[N&255]^c[x],T=d[R>>>24]^y[z>>16&255]^v[N>>8&255]^A[w&255]^c[x+1],D=d[z>>>24]^y[N>>16&255]^v[w>>8&255]^A[R&255]^c[x+2],N=d[N>>>24]^y[w>>16&255]^v[R>>8&255]^A[z&255]^c[x+3],x+=4,w=p,R=T,z=D;for(let U=0;U<4;U++)r[i?3&-U:U]=E[w>>>24]<<24^E[R>>16&255]<<16^E[z>>8&255]<<8^E[N&255]^c[x++],p=w,w=R,R=z,z=N,N=p;return r}};const o8={getRandomValues(u){const i=new Uint32Array(u.buffer),c=f=>{let r=987654321;const o=4294967295;return function(){return r=36969*(r&65535)+(r>>16)&o,f=18e3*(f&65535)+(f>>16)&o,(((r<<16)+f&o)/4294967296+.5)*(Math.random()>.5?1:-1)}};for(let f=0,r;f<u.length;f+=4){const o=c((r||Math.random())*4294967296);r=o()*987654071,i[f/4]=o()*4294967296|0}return u}},N2={};N2.ctrGladman=class{constructor(u,i){this._prf=u,this._initIv=i,this._iv=i}reset(){this._iv=this._initIv}update(u){return this.calculate(this._prf,u,this._iv)}incWord(u){if((u>>24&255)===255){let i=u>>16&255,c=u>>8&255,f=u&255;i===255?(i=0,c===255?(c=0,f===255?f=0:++f):++c):++i,u=0,u+=i<<16,u+=c<<8,u+=f}else u+=1<<24;return u}incCounter(u){(u[0]=this.incWord(u[0]))===0&&(u[1]=this.incWord(u[1]))}calculate(u,i,c){let f;if(!(f=i.length))return[];const r=fe.bitLength(i);for(let o=0;o<f;o+=4){this.incCounter(c);const d=u.encrypt(c);i[o]^=d[0],i[o+1]^=d[1],i[o+2]^=d[2],i[o+3]^=d[3]}return fe.clamp(i,r)}};const Ta={importKey(u){return new Ta.hmacSha1(nc.bytes.toBits(u))},pbkdf2(u,i,c,f){if(c=c||1e4,f<0||c<0)throw new Error("invalid params to pbkdf2");const r=(f>>5)+1<<2;let o,d,y,v,A;const E=new ArrayBuffer(r),w=new DataView(E);let R=0;const z=fe;for(i=nc.bytes.toBits(i),A=1;R<(r||1);A++){for(o=d=u.encrypt(z.concat(i,[A])),y=1;y<c;y++)for(d=u.encrypt(d),v=0;v<d.length;v++)o[v]^=d[v];for(y=0;R<(r||1)&&y<o.length;y++)w.setInt32(R,o[y]),R+=4}return E.slice(0,f/8)}};Ta.hmacSha1=class{constructor(u){const i=this,c=i._hash=j2.sha1,f=[[],[]];i._baseHash=[new c,new c];const r=i._baseHash[0].blockSize/32;u.length>r&&(u=new c().update(u).finalize());for(let o=0;o<r;o++)f[0][o]=u[o]^909522486,f[1][o]=u[o]^1549556828;i._baseHash[0].update(f[0]),i._baseHash[1].update(f[1]),i._resultHash=new c(i._baseHash[0])}reset(){const u=this;u._resultHash=new u._hash(u._baseHash[0]),u._updated=!1}update(u){const i=this;i._updated=!0,i._resultHash.update(u)}digest(){const u=this,i=u._resultHash.finalize(),c=new u._hash(u._baseHash[1]).update(i).finalize();return u.reset(),c}encrypt(u){if(this._updated)throw new Error("encrypt on already updated hmac called!");return this.update(u),this.digest(u)}};const d8=typeof crypto!=$n&&typeof crypto.getRandomValues==Oi,tr="Invalid password",er="Invalid signature",nr="zipjs-abort-check-password";function B2(u){return d8?crypto.getRandomValues(u):o8.getRandomValues(u)}const gl=16,h8="raw",U2={name:"PBKDF2"},g8={name:"HMAC"},m8="SHA-1",A8=Object.assign({hash:g8},U2),Vf=Object.assign({iterations:1e3,hash:{name:m8}},U2),v8=["deriveBits"],xi=[8,12,16],yi=[16,24,32],Wn=10,y8=[0,0,0,0],ic=typeof crypto!=$n,Di=ic&&crypto.subtle,Q2=ic&&typeof Di!=$n,We=nc.bytes,E8=H2.aes,b8=N2.ctrGladman,p8=Ta.hmacSha1;let I1=ic&&Q2&&typeof Di.importKey==Oi,Z1=ic&&Q2&&typeof Di.deriveBits==Oi;class x8 extends TransformStream{constructor({password:i,rawPassword:c,signed:f,encryptionStrength:r,checkPasswordOnly:o}){super({start(){Object.assign(this,{ready:new Promise(d=>this.resolveReady=d),password:z2(i,c),signed:f,strength:r-1,pending:new Uint8Array})},async transform(d,y){const v=this,{password:A,strength:E,resolveReady:w,ready:R}=v;A?(await T8(v,E,A,Ue(d,0,xi[E]+2)),d=Ue(d,xi[E]+2),o?y.error(new Error(nr)):w()):await R;const z=new Uint8Array(d.length-Wn-(d.length-Wn)%gl);y.enqueue(Y2(v,d,z,0,Wn,!0))},async flush(d){const{signed:y,ctr:v,hmac:A,pending:E,ready:w}=this;if(A&&v){await w;const R=Ue(E,0,E.length-Wn),z=Ue(E,E.length-Wn);let N=new Uint8Array;if(R.length){const x=Ti(We,R);A.update(x);const p=v.update(x);N=Si(We,p)}if(y){const x=Ue(Si(We,A.digest()),0,Wn);for(let p=0;p<Wn;p++)if(x[p]!=z[p])throw new Error(er)}d.enqueue(N)}}})}}class S8 extends TransformStream{constructor({password:i,rawPassword:c,encryptionStrength:f}){let r;super({start(){Object.assign(this,{ready:new Promise(o=>this.resolveReady=o),password:z2(i,c),strength:f-1,pending:new Uint8Array})},async transform(o,d){const y=this,{password:v,strength:A,resolveReady:E,ready:w}=y;let R=new Uint8Array;v?(R=await w8(y,A,v),E()):await w;const z=new Uint8Array(R.length+o.length-o.length%gl);z.set(R,0),d.enqueue(Y2(y,o,z,R.length,0))},async flush(o){const{ctr:d,hmac:y,pending:v,ready:A}=this;if(y&&d){await A;let E=new Uint8Array;if(v.length){const w=d.update(Ti(We,v));y.update(w),E=Si(We,w)}r.signature=Si(We,y.digest()).slice(0,Wn),o.enqueue(ar(E,r.signature))}}}),r=this}}function Y2(u,i,c,f,r,o){const{ctr:d,hmac:y,pending:v}=u,A=i.length-r;v.length&&(i=ar(v,i),c=D8(c,A-A%gl));let E;for(E=0;E<=A-gl;E+=gl){const w=Ti(We,Ue(i,E,E+gl));o&&y.update(w);const R=d.update(w);o||y.update(R),c.set(Si(We,R),E+f)}return u.pending=Ue(i,E),c}async function T8(u,i,c,f){const r=await L2(u,i,c,Ue(f,0,xi[i])),o=Ue(f,xi[i]);if(r[0]!=o[0]||r[1]!=o[1])throw new Error(tr)}async function w8(u,i,c){const f=B2(new Uint8Array(xi[i])),r=await L2(u,i,c,f);return ar(f,r)}async function L2(u,i,c,f){u.password=null;const r=await R8(h8,c,A8,!1,v8),o=await O8(Object.assign({salt:f},Vf),r,8*(yi[i]*2+2)),d=new Uint8Array(o),y=Ti(We,Ue(d,0,yi[i])),v=Ti(We,Ue(d,yi[i],yi[i]*2)),A=Ue(d,yi[i]*2);return Object.assign(u,{keys:{key:y,authentication:v,passwordVerification:A},ctr:new b8(new E8(y),Array.from(y8)),hmac:new p8(v)}),A}async function R8(u,i,c,f,r){if(I1)try{return await Di.importKey(u,i,c,f,r)}catch{return I1=!1,Ta.importKey(i)}else return Ta.importKey(i)}async function O8(u,i,c){if(Z1)try{return await Di.deriveBits(u,i,c)}catch{return Z1=!1,Ta.pbkdf2(i,u.salt,Vf.iterations,c)}else return Ta.pbkdf2(i,u.salt,Vf.iterations,c)}function z2(u,i){return i===qt?r8(u):i}function ar(u,i){let c=u;return u.length+i.length&&(c=new Uint8Array(u.length+i.length),c.set(u,0),c.set(i,u.length)),c}function D8(u,i){if(i&&i>u.length){const c=u;u=new Uint8Array(i),u.set(c,0)}return u}function Ue(u,i,c){return u.subarray(i,c)}function Si(u,i){return u.fromBits(i)}function Ti(u,i){return u.toBits(i)}const pi=12;class C8 extends TransformStream{constructor({password:i,passwordVerification:c,checkPasswordOnly:f}){super({start(){Object.assign(this,{password:i,passwordVerification:c}),G2(this,i)},transform(r,o){const d=this;if(d.password){const y=q1(d,r.subarray(0,pi));if(d.password=null,y.at(-1)!=d.passwordVerification)throw new Error(tr);r=r.subarray(pi)}f?o.error(new Error(nr)):o.enqueue(q1(d,r))}})}}class M8 extends TransformStream{constructor({password:i,passwordVerification:c}){super({start(){Object.assign(this,{password:i,passwordVerification:c}),G2(this,i)},transform(f,r){const o=this;let d,y;if(o.password){o.password=null;const v=B2(new Uint8Array(pi));v[pi-1]=o.passwordVerification,d=new Uint8Array(f.length+v.length),d.set(k1(o,v),0),y=pi}else d=new Uint8Array(f.length),y=0;d.set(k1(o,f),y),r.enqueue(d)}})}}function q1(u,i){const c=new Uint8Array(i.length);for(let f=0;f<i.length;f++)c[f]=X2(u)^i[f],lr(u,c[f]);return c}function k1(u,i){const c=new Uint8Array(i.length);for(let f=0;f<i.length;f++)c[f]=X2(u)^i[f],lr(u,i[f]);return c}function G2(u,i){const c=[305419896,591751049,878082192];Object.assign(u,{keys:c,crcKey0:new ec(c[0]),crcKey2:new ec(c[2])});for(let f=0;f<i.length;f++)lr(u,i.charCodeAt(f))}function lr(u,i){let[c,f,r]=u.keys;u.crcKey0.append([i]),c=~u.crcKey0.get(),f=K1(Math.imul(K1(f+V2(c)),134775813)+1),u.crcKey2.append([f>>>24]),r=~u.crcKey2.get(),u.keys=[c,f,r]}function X2(u){const i=u.keys[2]|2;return V2(Math.imul(i,i^1)>>>8)}function V2(u){return u&255}function K1(u){return u&4294967295}const ir="Invalid uncompressed size",W1="deflate-raw";class j8 extends TransformStream{constructor(i,{chunkSize:c,CompressionStream:f,CompressionStreamNative:r}){super({});const{compressed:o,encrypted:d,useCompressionStream:y,zipCrypto:v,signed:A,level:E}=i,w=this;let R,z,N=super.readable;(!d||v)&&A&&(R=new M2,N=vn(N,R)),o&&(N=Z2(N,y,{level:E,chunkSize:c},r,f)),d&&(v?N=vn(N,new M8(i)):(z=new S8(i),N=vn(N,z))),I2(w,N,()=>{let x;d&&!v&&(x=z.signature),(!d||v)&&A&&(x=new DataView(R.value.buffer).getUint32(0)),w.signature=x})}}class H8 extends TransformStream{constructor(i,{chunkSize:c,DecompressionStream:f,DecompressionStreamNative:r}){super({});const{zipCrypto:o,encrypted:d,signed:y,signature:v,compressed:A,useCompressionStream:E}=i;let w,R,z=super.readable;d&&(o?z=vn(z,new C8(i)):(R=new x8(i),z=vn(z,R))),A&&(z=Z2(z,E,{chunkSize:c},r,f)),(!d||o)&&y&&(w=new M2,z=vn(z,w)),I2(this,z,()=>{if((!d||o)&&y){const N=new DataView(w.value.buffer);if(v!=N.getUint32(0,!1))throw new Error(er)}})}}function I2(u,i,c){i=vn(i,new TransformStream({flush:c})),Object.defineProperty(u,"readable",{get(){return i}})}function Z2(u,i,c,f,r){try{const o=i&&f?f:r;u=vn(u,new o(W1,c))}catch(o){if(i)u=vn(u,new r(W1,c));else throw o}return u}function vn(u,i){return u.pipeThrough(i)}const N8="message",B8="start",U8="pull",F1="data",Q8="ack",J1="close",Y8="deflate",q2="inflate";class L8 extends TransformStream{constructor(i,c){super({});const f=this,{codecType:r}=i;let o;r.startsWith(Y8)?o=j8:r.startsWith(q2)&&(o=H8),f.outputSize=0;let d=0;const y=new o(i,c),v=super.readable,A=new TransformStream({transform(w,R){w&&w.length&&(d+=w.length,R.enqueue(w))},flush(){Object.assign(f,{inputSize:d})}}),E=new TransformStream({transform(w,R){if(w&&w.length&&(R.enqueue(w),f.outputSize+=w.length,i.outputSize&&f.outputSize>i.outputSize))throw new Error(ir)},flush(){const{signature:w}=y;Object.assign(f,{signature:w,inputSize:d})}});Object.defineProperty(f,"readable",{get(){return v.pipeThrough(A).pipeThrough(y).pipeThrough(E)}})}}class z8 extends TransformStream{constructor(i){let c;super({transform:f,flush(r){c&&c.length&&r.enqueue(c)}});function f(r,o){if(c){const d=new Uint8Array(c.length+r.length);d.set(c),d.set(r,c.length),r=d,c=null}r.length>i?(o.enqueue(r.slice(0,i)),f(r.slice(i),o)):c=r}}}let k2=typeof Worker!=$n;class Df{constructor(i,{readable:c,writable:f},{options:r,config:o,streamOptions:d,useWebWorkers:y,transferStreams:v,scripts:A},E){const{signal:w}=d;return Object.assign(i,{busy:!0,readable:c.pipeThrough(new z8(o.chunkSize)).pipeThrough(new G8(d),{signal:w}),writable:f,options:Object.assign({},r),scripts:A,transferStreams:v,terminate(){return new Promise(R=>{const{worker:z,busy:N}=i;z?(N?i.resolveTerminated=R:(z.terminate(),R()),i.interface=null):R()})},onTaskFinished(){const{resolveTerminated:R}=i;R&&(i.resolveTerminated=null,i.terminated=!0,i.worker.terminate(),R()),i.busy=!1,E(i)}}),(y&&k2?X8:K2)(i,o)}}class G8 extends TransformStream{constructor({onstart:i,onprogress:c,size:f,onend:r}){let o=0;super({async start(){i&&await Cf(i,f)},async transform(d,y){o+=d.length,c&&await Cf(c,o,f),y.enqueue(d)},async flush(){r&&await Cf(r,o)}})}}async function Cf(u,...i){try{await u(...i)}catch{}}function K2(u,i){return{run:()=>V8(u,i)}}function X8(u,i){const{baseURL:c,chunkSize:f}=i;if(!u.interface){let r;try{r=q8(u.scripts[0],c,u)}catch{return k2=!1,K2(u,i)}Object.assign(u,{worker:r,interface:{run:()=>I8(u,{chunkSize:f})}})}return u.interface}async function V8({options:u,readable:i,writable:c,onTaskFinished:f},r){let o;try{o=new L8(u,r),await i.pipeThrough(o).pipeTo(c,{preventClose:!0,preventAbort:!0});const{signature:d,inputSize:y,outputSize:v}=o;return{signature:d,inputSize:y,outputSize:v}}catch(d){throw o&&(d.outputSize=o.outputSize),d}finally{f()}}async function I8(u,i){let c,f;const r=new Promise((R,z)=>{c=R,f=z});Object.assign(u,{reader:null,writer:null,resolveResult:c,rejectResult:f,result:r});const{readable:o,options:d,scripts:y}=u,{writable:v,closed:A}=Z8(u.writable),E=_u({type:B8,scripts:y.slice(1),options:d,config:i,readable:o,writable:v},u);E||Object.assign(u,{reader:o.getReader(),writer:v.getWriter()});const w=await r;return E||await v.getWriter().close(),await A,w}function Z8(u){let i;const c=new Promise(r=>i=r);return{writable:new WritableStream({async write(r){const o=u.getWriter();await o.ready,await o.write(r),o.releaseLock()},close(){i()},abort(r){return u.getWriter().abort(r)}}),closed:c}}let P1=!0,_1=!0;function q8(u,i,c){const f={type:"module"};let r,o;typeof u==Oi&&(u=u());try{r=new URL(u,i)}catch{r=u}if(P1)try{o=new Worker(r)}catch{P1=!1,o=new Worker(r,f)}else o=new Worker(r,f);return o.addEventListener(N8,d=>k8(d,c)),o}function _u(u,{worker:i,writer:c,onTaskFinished:f,transferStreams:r}){try{const{value:o,readable:d,writable:y}=u,v=[];if(o&&(o.byteLength<o.buffer.byteLength?u.value=o.buffer.slice(0,o.byteLength):u.value=o.buffer,v.push(u.value)),r&&_1?(d&&v.push(d),y&&v.push(y)):u.readable=u.writable=null,v.length)try{return i.postMessage(u,v),!0}catch{_1=!1,u.readable=u.writable=null,i.postMessage(u)}else i.postMessage(u)}catch(o){throw c&&c.releaseLock(),f(),o}}async function k8({data:u},i){const{type:c,value:f,messageId:r,result:o,error:d}=u,{reader:y,writer:v,resolveResult:A,rejectResult:E,onTaskFinished:w}=i;try{if(d){const{message:z,stack:N,code:x,name:p,outputSize:T}=d,D=new Error(z);Object.assign(D,{stack:N,code:x,name:p,outputSize:T}),R(D)}else{if(c==U8){const{value:z,done:N}=await y.read();_u({type:F1,value:z,done:N,messageId:r},i)}c==F1&&(await v.ready,await v.write(new Uint8Array(f)),_u({type:Q8,messageId:r},i)),c==J1&&R(null,o)}}catch(z){_u({type:J1,messageId:r},i),R(z)}function R(z,N){z?E(z):A(N),v&&v.releaseLock(),w()}}let Pn=[];const Mf=[];let $1=0;async function K8(u,i){const{options:c,config:f}=i,{transferStreams:r,useWebWorkers:o,useCompressionStream:d,codecType:y,compressed:v,signed:A,encrypted:E}=c,{workerScripts:w,maxWorkers:R}=f;i.transferStreams=r||r===qt;const z=!v&&!A&&!E&&!i.transferStreams;return i.useWebWorkers=!z&&(o||o===qt&&f.useWebWorkers),i.scripts=i.useWebWorkers&&w?w[y]:[],c.useCompressionStream=d||d===qt&&f.useCompressionStream,(await N()).run();async function N(){const p=Pn.find(T=>!T.busy);if(p)return If(p),new Df(p,u,i,x);if(Pn.length<R){const T={indexWorker:$1};return $1++,Pn.push(T),new Df(T,u,i,x)}else return new Promise(T=>Mf.push({resolve:T,stream:u,workerOptions:i}))}function x(p){if(Mf.length){const[{resolve:T,stream:D,workerOptions:U}]=Mf.splice(0,1);T(new Df(p,D,U,x))}else p.worker?(If(p),W8(p,i)):Pn=Pn.filter(T=>T!=p)}}function W8(u,i){const{config:c}=i,{terminateWorkerTimeout:f}=c;Number.isFinite(f)&&f>=0&&(u.terminated?u.terminated=!1:u.terminateTimeout=setTimeout(async()=>{Pn=Pn.filter(r=>r!=u);try{await u.terminate()}catch{}},f))}function If(u){const{terminateTimeout:i}=u;i&&(clearTimeout(i),u.terminateTimeout=null)}async function F8(){await Promise.allSettled(Pn.map(u=>(If(u),u.terminate())))}const W2="HTTP error ",Ci="HTTP Range not supported",F2="Writer iterator completed too soon",J2="Writer not initialized",J8="text/plain",P8="Content-Length",_8="Content-Range",$8="Accept-Ranges",t3="Range",e3="Content-Type",n3="HEAD",ur="GET",P2="bytes",a3=64*1024,cr="writable";class uc{constructor(){this.size=0}init(){this.initialized=!0}}class ta extends uc{get readable(){const i=this,{chunkSize:c=a3}=i,f=new ReadableStream({start(){this.chunkOffset=0},async pull(r){const{offset:o=0,size:d,diskNumberStart:y}=f,{chunkOffset:v}=this,A=d===qt?c:Math.min(c,d-v),E=await Jt(i,o+v,A,y);r.enqueue(E),v+c>d||d===qt&&!E.length&&A?r.close():this.chunkOffset+=c}});return f}}class sr extends uc{constructor(){super();const i=this,c=new WritableStream({write(f){if(!i.initialized)throw new Error(J2);return i.writeUint8Array(f)}});Object.defineProperty(i,cr,{get(){return c}})}writeUint8Array(){}}class l3 extends ta{constructor(i){super();let c=i.length;for(;i.charAt(c-1)=="=";)c--;const f=i.indexOf(",")+1;Object.assign(this,{dataURI:i,dataStart:f,size:Math.floor((c-f)*.75)})}readUint8Array(i,c){const{dataStart:f,dataURI:r}=this,o=new Uint8Array(c),d=Math.floor(i/3)*4,y=atob(r.substring(d+f,Math.ceil((i+c)/3)*4+f)),v=i-Math.floor(d/4)*3;let A=0;for(let E=v;E<v+c&&E<y.length;E++)o[E-v]=y.charCodeAt(E),A++;return A<o.length?o.subarray(0,A):o}}class i3 extends sr{constructor(i){super(),Object.assign(this,{data:"data:"+(i||"")+";base64,",pending:[]})}writeUint8Array(i){const c=this;let f=0,r=c.pending;const o=c.pending.length;for(c.pending="",f=0;f<Math.floor((o+i.length)/3)*3-o;f++)r+=String.fromCharCode(i[f]);for(;f<i.length;f++)c.pending+=String.fromCharCode(i[f]);r.length&&(r.length>2?c.data+=btoa(r):c.pending+=r)}getData(){return this.data+btoa(this.pending)}}class fr extends ta{constructor(i){super(),Object.assign(this,{blob:i,size:i.size})}async readUint8Array(i,c){const f=this,r=i+c;let d=await(i||r<f.size?f.blob.slice(i,r):f.blob).arrayBuffer();return d.byteLength>c&&(d=d.slice(i,r)),new Uint8Array(d)}}class _2 extends uc{constructor(i){super();const c=this,f=new TransformStream,r=[];i&&r.push([e3,i]),Object.defineProperty(c,cr,{get(){return f.writable}}),c.blob=new Response(f.readable,{headers:r}).blob()}getData(){return this.blob}}class u3 extends fr{constructor(i){super(new Blob([i],{type:J8}))}}class c3 extends _2{constructor(i){super(i),Object.assign(this,{encoding:i,utf8:!i||i.toLowerCase()=="utf-8"})}async getData(){const{encoding:i,utf8:c}=this,f=await super.getData();if(f.text&&c)return f.text();{const r=new FileReader;return new Promise((o,d)=>{Object.assign(r,{onload:({target:y})=>o(y.result),onerror:()=>d(r.error)}),r.readAsText(f,i)})}}}class s3 extends ta{constructor(i,c){super(),$2(this,i,c)}async init(){await th(this,Zf,t2),super.init()}readUint8Array(i,c){return eh(this,i,c,Zf,t2)}}class f3 extends ta{constructor(i,c){super(),$2(this,i,c)}async init(){await th(this,qf,e2),super.init()}readUint8Array(i,c){return eh(this,i,c,qf,e2)}}function $2(u,i,c){const{preventHeadRequest:f,useRangeHeader:r,forceRangeRequests:o,combineSizeEocd:d}=c;c=Object.assign({},c),delete c.preventHeadRequest,delete c.useRangeHeader,delete c.forceRangeRequests,delete c.combineSizeEocd,delete c.useXHR,Object.assign(u,{url:i,options:c,preventHeadRequest:f,useRangeHeader:r,forceRangeRequests:o,combineSizeEocd:d})}async function th(u,i,c){const{url:f,preventHeadRequest:r,useRangeHeader:o,forceRangeRequests:d,combineSizeEocd:y}=u;if(h3(f)&&(o||d)&&(typeof r>"u"||r)){const v=await i(ur,u,nh(u,y?-gn:void 0));if(!d&&v.headers.get($8)!=P2)throw new Error(Ci);{y&&(u.eocdCache=new Uint8Array(await v.arrayBuffer()));let A;const E=v.headers.get(_8);if(E){const w=E.trim().split(/\s*\/\s*/);if(w.length){const R=w[1];R&&R!="*"&&(A=Number(R))}}A===qt?await n2(u,i,c):u.size=A}}else await n2(u,i,c)}async function eh(u,i,c,f,r){const{useRangeHeader:o,forceRangeRequests:d,eocdCache:y,size:v,options:A}=u;if(o||d){if(y&&i==v-gn&&c==gn)return y;if(i>=v)return new Uint8Array;{i+c>v&&(c=v-i);const E=await f(ur,u,nh(u,i,c));if(E.status!=206)throw new Error(Ci);return new Uint8Array(await E.arrayBuffer())}}else{const{data:E}=u;return E||await r(u,A),new Uint8Array(u.data.subarray(i,i+c))}}function nh(u,i=0,c=1){return Object.assign({},rr(u),{[t3]:P2+"="+(i<0?i:i+"-"+(i+c-1))})}function rr({options:u}){const{headers:i}=u;if(i)return Symbol.iterator in i?Object.fromEntries(i):i}async function t2(u){await ah(u,Zf)}async function e2(u){await ah(u,qf)}async function ah(u,i){const c=await i(ur,u,rr(u));u.data=new Uint8Array(await c.arrayBuffer()),u.size||(u.size=u.data.length)}async function n2(u,i,c){if(u.preventHeadRequest)await c(u,u.options);else{const r=(await i(n3,u,rr(u))).headers.get(P8);r?u.size=Number(r):await c(u,u.options)}}async function Zf(u,{options:i,url:c},f){const r=await fetch(c,Object.assign({},i,{method:u,headers:f}));if(r.status<400)return r;throw r.status==416?new Error(Ci):new Error(W2+(r.statusText||r.status))}function qf(u,{url:i},c){return new Promise((f,r)=>{const o=new XMLHttpRequest;if(o.addEventListener("load",()=>{if(o.status<400){const d=[];o.getAllResponseHeaders().trim().split(/[\r\n]+/).forEach(y=>{const v=y.trim().split(/\s*:\s*/);v[0]=v[0].trim().replace(/^[a-z]|-[a-z]/g,A=>A.toUpperCase()),d.push(v)}),f({status:o.status,arrayBuffer:()=>o.response,headers:new Map(d)})}else r(o.status==416?new Error(Ci):new Error(W2+(o.statusText||o.status)))},!1),o.addEventListener("error",d=>r(d.detail?d.detail.error:new Error("Network error")),!1),o.open(u,i),c)for(const d of Object.entries(c))o.setRequestHeader(d[0],d[1]);o.responseType="arraybuffer",o.send()})}class lh extends ta{constructor(i,c={}){super(),Object.assign(this,{url:i,reader:c.useXHR?new f3(i,c):new s3(i,c)})}set size(i){}get size(){return this.reader.size}async init(){await this.reader.init(),super.init()}readUint8Array(i,c){return this.reader.readUint8Array(i,c)}}class r3 extends lh{constructor(i,c={}){c.useRangeHeader=!0,super(i,c)}}class o3 extends ta{constructor(i){super(),i=new Uint8Array(i.buffer,i.byteOffset,i.byteLength),Object.assign(this,{array:i,size:i.length})}readUint8Array(i,c){return this.array.slice(i,i+c)}}class d3 extends sr{init(i=0){Object.assign(this,{offset:0,array:new Uint8Array(i)}),super.init()}writeUint8Array(i){const c=this;if(c.offset+i.length>c.array.length){const f=c.array;c.array=new Uint8Array(f.length+i.length),c.array.set(f)}c.array.set(i,c.offset),c.offset+=i.length}getData(){return this.array}}class or extends ta{constructor(i){super(),this.readers=i}async init(){const i=this,{readers:c}=i;i.lastDiskNumber=0,i.lastDiskOffset=0,await Promise.all(c.map(async(f,r)=>{await f.init(),r!=c.length-1&&(i.lastDiskOffset+=f.size),i.size+=f.size})),super.init()}async readUint8Array(i,c,f=0){const r=this,{readers:o}=this;let d,y=f;y==-1&&(y=o.length-1);let v=i;for(;o[y]&&v>=o[y].size;)v-=o[y].size,y++;const A=o[y];if(A){const E=A.size;if(v+c<=E)d=await Jt(A,v,c);else{const w=E-v;d=new Uint8Array(c);const R=await Jt(A,v,w);d.set(R,0);const z=await r.readUint8Array(i+w,c-w,f);d.set(z,w),R.length+z.length<c&&(d=d.subarray(0,R.length+z.length))}}else d=new Uint8Array;return r.lastDiskNumber=Math.max(y,r.lastDiskNumber),d}}class ac extends uc{constructor(i,c=4294967295){super();const f=this;Object.assign(f,{diskNumber:0,diskOffset:0,size:0,maxSize:c,availableSize:c});let r,o,d;const y=new WritableStream({async write(E){const{availableSize:w}=f;if(d)E.length>=w?(await v(E.subarray(0,w)),await A(),f.diskOffset+=r.size,f.diskNumber++,d=null,await this.write(E.subarray(w))):await v(E);else{const{value:R,done:z}=await i.next();if(z&&!R)throw new Error(F2);r=R,r.size=0,r.maxSize&&(f.maxSize=r.maxSize),f.availableSize=f.maxSize,await wi(r),o=R.writable,d=o.getWriter(),await this.write(E)}},async close(){await d.ready,await A()}});Object.defineProperty(f,cr,{get(){return y}});async function v(E){const w=E.length;w&&(await d.ready,await d.write(E),r.size+=w,f.size+=w,f.availableSize-=w)}async function A(){await d.close()}}}class ih{constructor(i){return Array.isArray(i)&&(i=new or(i)),i instanceof ReadableStream&&(i={readable:i}),i}}class uh{constructor(i){return i.writable===qt&&typeof i.next==Oi&&(i=new ac(i)),i instanceof WritableStream&&(i={writable:i}),i.size===qt&&(i.size=0),i instanceof ac||Object.assign(i,{diskNumber:0,diskOffset:0,availableSize:1/0,maxSize:1/0}),i}}function h3(u){const{baseURL:i}=O2(),{protocol:c}=new URL(u,i);return c=="http:"||c=="https:"}async function wi(u,i){if(u.init&&!u.initialized)await u.init(i);else return Promise.resolve()}function Jt(u,i,c,f){return u.readUint8Array(i,c,f)}const g3=or,m3=ac,ch="\0☺☻♥♦♣♠•◘○◙♂♀♪♫☼►◄↕‼¶§▬↨↑↓→←∟↔▲▼ !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~⌂ÇüéâäàåçêëèïîìÄÅÉæÆôöòûùÿÖÜ¢£¥₧ƒáíóúñѪº¿⌐¬½¼¡«»░▒▓│┤╡╢╖╕╣║╗╝╜╛┐└┴┬├─┼╞╟╚╔╩╦╠═╬╧╨╤╥╙╘╒╓╫╪┘┌█▄▌▐▀αßΓπΣσµτΦΘΩδ∞φε∩≡±≥≤⌠⌡÷≈°∙·√ⁿ²■ ".split(""),A3=ch.length==256;function v3(u){if(A3){let i="";for(let c=0;c<u.length;c++)i+=ch[u[c]];return i}else return new TextDecoder().decode(u)}function $u(u,i){return i&&i.trim().toLowerCase()=="cp437"?v3(u):new TextDecoder(i).decode(u)}const sh="filename",fh="rawFilename",rh="comment",oh="rawComment",dh="uncompressedSize",hh="compressedSize",gh="offset",kf="diskNumberStart",Kf="lastModDate",Wf="rawLastModDate",mh="lastAccessDate",y3="rawLastAccessDate",Ah="creationDate",E3="rawCreationDate",b3="internalFileAttribute",p3="internalFileAttributes",x3="externalFileAttribute",S3="externalFileAttributes",T3="msDosCompatible",w3="zip64",R3="encrypted",O3="version",D3="versionMadeBy",C3="zipCrypto",M3="directory",j3="executable",H3="compressionMethod",N3="signature",B3="extraField",U3=[sh,fh,hh,dh,Kf,Wf,rh,oh,mh,Ah,gh,kf,kf,b3,p3,x3,S3,T3,w3,R3,O3,D3,C3,M3,j3,H3,N3,B3,"bitFlag","filenameUTF8","commentUTF8","rawExtraField","extraFieldZip64","extraFieldUnicodePath","extraFieldUnicodeComment","extraFieldAES","extraFieldNTFS","extraFieldExtendedTimestamp"];class a2{constructor(i){U3.forEach(c=>this[c]=i[c])}}const Q3="filenameEncoding",Y3="commentEncoding",L3="decodeText",z3="extractPrependedData",G3="extractAppendedData",X3="password",V3="rawPassword",I3="passThrough",Z3="signal",q3="checkPasswordOnly",k3="checkOverlappingEntryOnly",K3="checkOverlappingEntry",W3="checkSignature",F3="useWebWorkers",J3="useCompressionStream",P3="transferStreams",_3="preventClose",tc="File format is not recognized",vh="End of central directory not found",yh="End of Zip64 central directory locator not found",Eh="Central directory header not found",bh="Local file header not found",ph="Zip64 extra field not found",xh="File contains encrypted entry",Sh="Encryption method not supported",Ff="Compression method not supported",Jf="Split zip file",Th="Overlapping entry found",l2="utf-8",i2="cp437",$3=[[dh,Sa],[hh,Sa],[gh,Sa],[kf,Fn]],t5={[Fn]:{getValue:jt,bytes:4},[Sa]:{getValue:Al,bytes:8}};class wh{constructor(i,c={}){Object.assign(this,{reader:new ih(i),options:c,config:O2(),readRanges:[]})}async*getEntriesGenerator(i={}){const c=this;let{reader:f}=c;const{config:r}=c;if(await wi(f),(f.size===qt||!f.readUint8Array)&&(f=new fr(await new Response(f.readable).blob()),await wi(f)),f.size<gn)throw new Error(tc);f.chunkSize=s8(r);const o=await s5(f,XA,f.size,gn,Fn*16);if(!o){const F=await Jt(f,0,4),K=Ut(F);throw jt(K)==w2?new Error(Jf):new Error(vh)}const d=Ut(o);let y=jt(d,12),v=jt(d,16);const A=o.offset,E=Pt(d,20),w=A+gn+E;let R=Pt(d,4);const z=f.lastDiskNumber||0;let N=Pt(d,6),x=Pt(d,8),p=0,T=0;if(v==Sa||y==Sa||x==Fn||N==Fn){const F=await Jt(f,o.offset-wf,wf),K=Ut(F);if(jt(K,0)==VA){v=Al(K,8);let et=await Jt(f,v,Rf,-1),tt=Ut(et);const ot=o.offset-wf-Rf;if(jt(tt,0)!=U1&&v!=ot){const at=v;v=ot,v>at&&(p=v-at),et=await Jt(f,v,Rf,-1),tt=Ut(et)}if(jt(tt,0)!=U1)throw new Error(yh);R==Fn&&(R=jt(tt,16)),N==Fn&&(N=jt(tt,20)),x==Fn&&(x=Al(tt,32)),y==Sa&&(y=Al(tt,40)),v-=y}}if(v>=f.size&&(p=f.size-v-y-gn,v=f.size-y-gn),z!=R)throw new Error(Jf);if(v<0)throw new Error(tc);let D=0,U=await Jt(f,v,y,N),I=Ut(U);if(y){const F=o.offset-y;if(jt(I,D)!=B1&&v!=F){const K=v;v=F,v>K&&(p+=v-K),U=await Jt(f,v,y,N),I=Ut(U)}}const V=o.offset-v-(f.lastDiskOffset||0);if(y!=V&&V>=0&&(y=V,U=await Jt(f,v,y,N),I=Ut(U)),v<0||v>=f.size)throw new Error(tc);const j=ee(c,i,Q3),G=ee(c,i,Y3);for(let F=0;F<x;F++){const K=new n5(f,r,c.options);if(jt(I,D)!=B1)throw new Error(Eh);Rh(K,I,D+6);const et=!!K.bitFlag.languageEncodingFlag,tt=D+46,ot=tt+K.filenameLength,at=ot+K.extraFieldLength,M=Pt(I,D+4),_=M>>8==0,$=M>>8==3,dt=U.subarray(tt,ot),b=Pt(I,D+32),q=at+b,P=U.subarray(at,q),J=et,it=et,mt=jt(I,D+38),ut=_&&(ml(I,D+38)&G1)==G1||$&&(mt>>16&t8)==e8||dt.length&&dt.at(-1)==X1.charCodeAt(0),Nt=$&&(mt>>16&n8)!=0,Dt=jt(I,D+42)+p;Object.assign(K,{versionMadeBy:M,msDosCompatible:_,compressedSize:0,uncompressedSize:0,commentLength:b,directory:ut,offset:Dt,diskNumberStart:Pt(I,D+34),internalFileAttributes:Pt(I,D+36),externalFileAttributes:mt,rawFilename:dt,filenameUTF8:J,commentUTF8:it,rawExtraField:U.subarray(ot,at),executable:Nt}),K.internalFileAttribute=K.internalFileAttributes,K.externalFileAttribute=K.externalFileAttributes;const Le=ee(c,i,L3)||$u,Ra=J?l2:j||i2,ea=it?l2:G||i2;let bn=Le(dt,Ra);bn===qt&&(bn=$u(dt,Ra));let na=Le(P,ea);na===qt&&(na=$u(P,ea)),Object.assign(K,{rawComment:P,filename:bn,comment:na,directory:ut||bn.endsWith(X1)}),T=Math.max(Dt,T),Oh(K,K,I,D+6),K.zipCrypto=K.encrypted&&!K.extraFieldAES;const Fe=new a2(K);Fe.getData=(Oa,ce)=>K.getData(Oa,Fe,c.readRanges,ce),Fe.arrayBuffer=async Oa=>{const ce=new TransformStream,[sc]=await Promise.all([new Response(ce.readable).arrayBuffer(),K.getData(ce,Fe,c.readRanges,Oa)]);return sc},D=q;const{onprogress:ji}=i;if(ji)try{await ji(F+1,x,new a2(K))}catch{}yield Fe}const L=ee(c,i,z3),W=ee(c,i,G3);return L&&(c.prependedData=T>0?await Jt(f,0,T):new Uint8Array),c.comment=E?await Jt(f,A+gn,E):new Uint8Array,W&&(c.appendedData=w<f.size?await Jt(f,w,f.size-w):new Uint8Array),!0}async getEntries(i={}){const c=[];for await(const f of this.getEntriesGenerator(i))c.push(f);return c}async close(){}}class e5{constructor(i={}){const{readable:c,writable:f}=new TransformStream,r=new wh(c,i).getEntriesGenerator();this.readable=new ReadableStream({async pull(o){const{done:d,value:y}=await r.next();if(d)return o.close();const v={...y,readable:(function(){const{readable:A,writable:E}=new TransformStream;if(y.getData)return y.getData(E),A})()};delete v.getData,o.enqueue(v)}}),this.writable=f}}class n5{constructor(i,c,f){Object.assign(this,{reader:i,config:c,options:f})}async getData(i,c,f,r={}){const o=this,{reader:d,offset:y,diskNumberStart:v,extraFieldAES:A,extraFieldZip64:E,compressionMethod:w,config:R,bitFlag:z,signature:N,rawLastModDate:x,uncompressedSize:p,compressedSize:T}=o,{dataDescriptor:D}=z,U=c.localDirectory={},I=await Jt(d,y,Of,v),V=Ut(I);let j=ee(o,r,X3),G=ee(o,r,V3);const L=ee(o,r,I3);if(j=j&&j.length&&j,G=G&&G.length&&G,A&&A.originalCompressionMethod!=LA)throw new Error(Ff);if(w!=YA&&w!=QA&&!L)throw new Error(Ff);if(jt(V,0)!=zA)throw new Error(bh);Rh(U,V,4);const{extraFieldLength:W,filenameLength:F,lastAccessDate:K,creationDate:et}=U;U.rawExtraField=W?await Jt(d,y+Of+F,W,v):new Uint8Array,Oh(o,U,V,4,!0),Object.assign(c,{lastAccessDate:K,creationDate:et});const tt=o.encrypted&&U.encrypted&&!L,ot=tt&&!A;if(L||(c.zipCrypto=ot),tt){if(!ot&&A.strength===qt)throw new Error(Sh);if(!j&&!G)throw new Error(xh)}const at=y+Of+F+W,M=T,_=d.readable;Object.assign(_,{diskNumberStart:v,offset:at,size:M});const $=ee(o,r,Z3),dt=ee(o,r,q3);let b=ee(o,r,K3);const q=ee(o,r,k3);q&&(b=!0);const{onstart:P,onprogress:J,onend:it}=r,mt={options:{codecType:q2,password:j,rawPassword:G,zipCrypto:ot,encryptionStrength:A&&A.strength,signed:ee(o,r,W3)&&!L,passwordVerification:ot&&(D?x>>>8&255:N>>>24&255),outputSize:p,signature:N,compressed:w!=0&&!L,encrypted:o.encrypted&&!L,useWebWorkers:ee(o,r,F3),useCompressionStream:ee(o,r,J3),transferStreams:ee(o,r,P3),checkPasswordOnly:dt},config:R,streamOptions:{signal:$,size:M,onstart:P,onprogress:J,onend:it}};b&&await c5({reader:d,fileEntry:c,offset:y,diskNumberStart:v,signature:N,compressedSize:T,uncompressedSize:p,dataOffset:at,dataDescriptor:D||U.bitFlag.dataDescriptor,extraFieldZip64:E||U.extraFieldZip64,readRanges:f});let ut;try{if(!q){dt&&(i=new WritableStream),i=new uh(i),await wi(i,L?T:p),{writable:ut}=i;const{outputSize:Nt}=await K8({readable:_,writable:ut},mt);if(i.size+=Nt,Nt!=(L?T:p))throw new Error(ir)}}catch(Nt){if(Nt.outputSize!==qt&&(i.size+=Nt.outputSize),!dt||Nt.message!=nr)throw Nt}finally{!ee(o,r,_3)&&ut&&!ut.locked&&await ut.getWriter().close()}return dt||q?qt:i.getData?i.getData():ut}}function Rh(u,i,c){const f=u.rawBitFlag=Pt(i,c+2),r=(f&Y1)==Y1,o=jt(i,c+6);Object.assign(u,{encrypted:r,version:Pt(i,c),bitFlag:{level:(f&$A)>>1,dataDescriptor:(f&L1)==L1,languageEncodingFlag:(f&z1)==z1},rawLastModDate:o,lastModDate:f5(o),filenameLength:Pt(i,c+22),extraFieldLength:Pt(i,c+24)})}function Oh(u,i,c,f,r){const{rawExtraField:o}=i,d=i.extraField=new Map,y=Ut(new Uint8Array(o));let v=0;try{for(;v<o.length;){const T=Pt(y,v),D=Pt(y,v+2);d.set(T,{type:T,data:o.slice(v+4,v+4+D)}),v+=4+D}}catch{}const A=Pt(c,f+4);Object.assign(i,{signature:jt(c,f+a8),compressedSize:jt(c,f+l8),uncompressedSize:jt(c,f+i8)});const E=d.get(qA);E&&(a5(E,i),i.extraFieldZip64=E);const w=d.get(JA);w&&(u2(w,sh,fh,i,u),i.extraFieldUnicodePath=w);const R=d.get(PA);R&&(u2(R,rh,oh,i,u),i.extraFieldUnicodeComment=R);const z=d.get(kA);z?(l5(z,i,A),i.extraFieldAES=z):i.compressionMethod=A;const N=d.get(KA);N&&(i5(N,i),i.extraFieldNTFS=N);const x=d.get(FA);x&&(u5(x,i,r),i.extraFieldExtendedTimestamp=x);const p=d.get(_A);p&&(i.extraFieldUSDZ=p)}function a5(u,i){i.zip64=!0;const c=Ut(u.data),f=$3.filter(([r,o])=>i[r]==o);for(let r=0,o=0;r<f.length;r++){const[d,y]=f[r];if(i[d]==y){const v=t5[y];i[d]=u[d]=v.getValue(c,o),o+=v.bytes}else if(u[d])throw new Error(ph)}}function u2(u,i,c,f,r){const o=Ut(u.data),d=new ec;d.append(r[c]);const y=Ut(new Uint8Array(4));y.setUint32(0,d.get(),!0);const v=jt(o,1);Object.assign(u,{version:ml(o,0),[i]:$u(u.data.subarray(5)),valid:!r.bitFlag.languageEncodingFlag&&v==jt(y,0)}),u.valid&&(f[i]=u[i],f[i+"UTF8"]=!0)}function l5(u,i,c){const f=Ut(u.data),r=ml(f,4);Object.assign(u,{vendorVersion:ml(f,0),vendorId:ml(f,2),strength:r,originalCompressionMethod:c,compressionMethod:Pt(f,5)}),i.compressionMethod=u.compressionMethod}function i5(u,i){const c=Ut(u.data);let f=4,r;try{for(;f<u.data.length&&!r;){const o=Pt(c,f),d=Pt(c,f+2);o==WA&&(r=u.data.slice(f+4,f+4+d)),f+=4+d}}catch{}try{if(r&&r.length==24){const o=Ut(r),d=o.getBigUint64(0,!0),y=o.getBigUint64(8,!0),v=o.getBigUint64(16,!0);Object.assign(u,{rawLastModDate:d,rawLastAccessDate:y,rawCreationDate:v});const A=jf(d),E=jf(y),w=jf(v),R={lastModDate:A,lastAccessDate:E,creationDate:w};Object.assign(u,R),Object.assign(i,R)}}catch{}}function u5(u,i,c){const f=Ut(u.data),r=ml(f,0),o=[],d=[];c?((r&1)==1&&(o.push(Kf),d.push(Wf)),(r&2)==2&&(o.push(mh),d.push(y3)),(r&4)==4&&(o.push(Ah),d.push(E3))):u.data.length>=5&&(o.push(Kf),d.push(Wf));let y=1;o.forEach((v,A)=>{if(u.data.length>=y+4){const E=jt(f,y);i[v]=u[v]=new Date(E*1e3);const w=d[A];u[w]=E}y+=4})}async function c5({reader:u,fileEntry:i,offset:c,diskNumberStart:f,signature:r,compressedSize:o,uncompressedSize:d,dataOffset:y,dataDescriptor:v,extraFieldZip64:A,readRanges:E}){let w=0;if(f)for(let N=0;N<f;N++){const x=u.readers[N];w+=x.size}let R=0;if(v&&(A?R=ZA:R=IA),R){const N=await Jt(u,y+o,R+Q1,f);if(jt(Ut(N),0)==GA){const p=jt(Ut(N),4);let T,D;A?(T=Al(Ut(N),8),D=Al(Ut(N),16)):(T=jt(Ut(N),8),D=jt(Ut(N),12)),(i.encrypted&&!i.zipCrypto||p==r)&&T==o&&D==d&&(R+=Q1)}}const z={start:w+c,end:w+y+o+R,fileEntry:i};for(const N of E)if(N.fileEntry!=i&&z.start>=N.start&&z.start<N.end){const x=new Error(Th);throw x.overlappingEntry=N.fileEntry,x}E.push(z)}async function s5(u,i,c,f,r){const o=new Uint8Array(4),d=Ut(o);r5(d,0,i);const y=f+r;return await v(f)||await v(Math.min(y,c));async function v(A){const E=c-A,w=await Jt(u,E,A);for(let R=w.length-f;R>=0;R--)if(w[R]==o[0]&&w[R+1]==o[1]&&w[R+2]==o[2]&&w[R+3]==o[3])return{offset:E+R,buffer:w.slice(R,R+f).buffer}}}function ee(u,i,c){return i[c]===qt?u.options[c]:i[c]}function f5(u){const i=(u&4294901760)>>16,c=u&65535;try{return new Date(1980+((i&65024)>>9),((i&480)>>5)-1,i&31,(c&63488)>>11,(c&2016)>>5,(c&31)*2,0)}catch{}}function jf(u){return new Date(Number(u/BigInt(1e4)-BigInt(116444736e5)))}function ml(u,i){return u.getUint8(i)}function Pt(u,i){return u.getUint16(i,!0)}function jt(u,i){return u.getUint32(i,!0)}function Al(u,i){return Number(u.getBigUint64(i,!0))}function r5(u,i,c){u.setUint32(i,c,!0)}function Ut(u){return new DataView(u.buffer)}D2({Inflate:UA});const o5=Object.freeze(Object.defineProperty({__proto__:null,BlobReader:fr,BlobWriter:_2,Data64URIReader:l3,Data64URIWriter:i3,ERR_BAD_FORMAT:tc,ERR_CENTRAL_DIRECTORY_NOT_FOUND:Eh,ERR_ENCRYPTED:xh,ERR_EOCDR_LOCATOR_ZIP64_NOT_FOUND:yh,ERR_EOCDR_NOT_FOUND:vh,ERR_EXTRAFIELD_ZIP64_NOT_FOUND:ph,ERR_HTTP_RANGE:Ci,ERR_INVALID_PASSWORD:tr,ERR_INVALID_SIGNATURE:er,ERR_INVALID_UNCOMPRESSED_SIZE:ir,ERR_ITERATOR_COMPLETED_TOO_SOON:F2,ERR_LOCAL_FILE_HEADER_NOT_FOUND:bh,ERR_OVERLAPPING_ENTRY:Th,ERR_SPLIT_ZIP_FILE:Jf,ERR_UNSUPPORTED_COMPRESSION:Ff,ERR_UNSUPPORTED_ENCRYPTION:Sh,ERR_WRITER_NOT_INITIALIZED:J2,GenericReader:ih,GenericWriter:uh,HttpRangeReader:r3,HttpReader:lh,Reader:ta,SplitDataReader:or,SplitDataWriter:ac,SplitZipReader:g3,SplitZipWriter:m3,TextReader:u3,TextWriter:c3,Uint8ArrayReader:o3,Uint8ArrayWriter:d3,Writer:sr,ZipReader:wh,ZipReaderStream:e5,configure:D2,getMimeType:f8,initStream:wi,readUint8Array:Jt,terminateWorkers:F8},Symbol.toStringTag,{value:"Module"}));var Hf={exports:{}},ht={};/**
- * @license React
- * react.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var c2;function d5(){if(c2)return ht;c2=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),o=Symbol.for("react.consumer"),d=Symbol.for("react.context"),y=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),A=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),w=Symbol.iterator;function R(b){return b===null||typeof b!="object"?null:(b=w&&b[w]||b["@@iterator"],typeof b=="function"?b:null)}var z={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},N=Object.assign,x={};function p(b,q,P){this.props=b,this.context=q,this.refs=x,this.updater=P||z}p.prototype.isReactComponent={},p.prototype.setState=function(b,q){if(typeof b!="object"&&typeof b!="function"&&b!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,b,q,"setState")},p.prototype.forceUpdate=function(b){this.updater.enqueueForceUpdate(this,b,"forceUpdate")};function T(){}T.prototype=p.prototype;function D(b,q,P){this.props=b,this.context=q,this.refs=x,this.updater=P||z}var U=D.prototype=new T;U.constructor=D,N(U,p.prototype),U.isPureReactComponent=!0;var I=Array.isArray,V={H:null,A:null,T:null,S:null,V:null},j=Object.prototype.hasOwnProperty;function G(b,q,P,J,it,mt){return P=mt.ref,{$$typeof:u,type:b,key:q,ref:P!==void 0?P:null,props:mt}}function L(b,q){return G(b.type,q,void 0,void 0,void 0,b.props)}function W(b){return typeof b=="object"&&b!==null&&b.$$typeof===u}function F(b){var q={"=":"=0",":":"=2"};return"$"+b.replace(/[=:]/g,function(P){return q[P]})}var K=/\/+/g;function et(b,q){return typeof b=="object"&&b!==null&&b.key!=null?F(""+b.key):q.toString(36)}function tt(){}function ot(b){switch(b.status){case"fulfilled":return b.value;case"rejected":throw b.reason;default:switch(typeof b.status=="string"?b.then(tt,tt):(b.status="pending",b.then(function(q){b.status==="pending"&&(b.status="fulfilled",b.value=q)},function(q){b.status==="pending"&&(b.status="rejected",b.reason=q)})),b.status){case"fulfilled":return b.value;case"rejected":throw b.reason}}throw b}function at(b,q,P,J,it){var mt=typeof b;(mt==="undefined"||mt==="boolean")&&(b=null);var ut=!1;if(b===null)ut=!0;else switch(mt){case"bigint":case"string":case"number":ut=!0;break;case"object":switch(b.$$typeof){case u:case i:ut=!0;break;case E:return ut=b._init,at(ut(b._payload),q,P,J,it)}}if(ut)return it=it(b),ut=J===""?"."+et(b,0):J,I(it)?(P="",ut!=null&&(P=ut.replace(K,"$&/")+"/"),at(it,q,P,"",function(Le){return Le})):it!=null&&(W(it)&&(it=L(it,P+(it.key==null||b&&b.key===it.key?"":(""+it.key).replace(K,"$&/")+"/")+ut)),q.push(it)),1;ut=0;var Nt=J===""?".":J+":";if(I(b))for(var Dt=0;Dt<b.length;Dt++)J=b[Dt],mt=Nt+et(J,Dt),ut+=at(J,q,P,mt,it);else if(Dt=R(b),typeof Dt=="function")for(b=Dt.call(b),Dt=0;!(J=b.next()).done;)J=J.value,mt=Nt+et(J,Dt++),ut+=at(J,q,P,mt,it);else if(mt==="object"){if(typeof b.then=="function")return at(ot(b),q,P,J,it);throw q=String(b),Error("Objects are not valid as a React child (found: "+(q==="[object Object]"?"object with keys {"+Object.keys(b).join(", ")+"}":q)+"). If you meant to render a collection of children, use an array instead.")}return ut}function M(b,q,P){if(b==null)return b;var J=[],it=0;return at(b,J,"","",function(mt){return q.call(P,mt,it++)}),J}function _(b){if(b._status===-1){var q=b._result;q=q(),q.then(function(P){(b._status===0||b._status===-1)&&(b._status=1,b._result=P)},function(P){(b._status===0||b._status===-1)&&(b._status=2,b._result=P)}),b._status===-1&&(b._status=0,b._result=q)}if(b._status===1)return b._result.default;throw b._result}var $=typeof reportError=="function"?reportError:function(b){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var q=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof b=="object"&&b!==null&&typeof b.message=="string"?String(b.message):String(b),error:b});if(!window.dispatchEvent(q))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",b);return}console.error(b)};function dt(){}return ht.Children={map:M,forEach:function(b,q,P){M(b,function(){q.apply(this,arguments)},P)},count:function(b){var q=0;return M(b,function(){q++}),q},toArray:function(b){return M(b,function(q){return q})||[]},only:function(b){if(!W(b))throw Error("React.Children.only expected to receive a single React element child.");return b}},ht.Component=p,ht.Fragment=c,ht.Profiler=r,ht.PureComponent=D,ht.StrictMode=f,ht.Suspense=v,ht.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=V,ht.__COMPILER_RUNTIME={__proto__:null,c:function(b){return V.H.useMemoCache(b)}},ht.cache=function(b){return function(){return b.apply(null,arguments)}},ht.cloneElement=function(b,q,P){if(b==null)throw Error("The argument must be a React element, but you passed "+b+".");var J=N({},b.props),it=b.key,mt=void 0;if(q!=null)for(ut in q.ref!==void 0&&(mt=void 0),q.key!==void 0&&(it=""+q.key),q)!j.call(q,ut)||ut==="key"||ut==="__self"||ut==="__source"||ut==="ref"&&q.ref===void 0||(J[ut]=q[ut]);var ut=arguments.length-2;if(ut===1)J.children=P;else if(1<ut){for(var Nt=Array(ut),Dt=0;Dt<ut;Dt++)Nt[Dt]=arguments[Dt+2];J.children=Nt}return G(b.type,it,void 0,void 0,mt,J)},ht.createContext=function(b){return b={$$typeof:d,_currentValue:b,_currentValue2:b,_threadCount:0,Provider:null,Consumer:null},b.Provider=b,b.Consumer={$$typeof:o,_context:b},b},ht.createElement=function(b,q,P){var J,it={},mt=null;if(q!=null)for(J in q.key!==void 0&&(mt=""+q.key),q)j.call(q,J)&&J!=="key"&&J!=="__self"&&J!=="__source"&&(it[J]=q[J]);var ut=arguments.length-2;if(ut===1)it.children=P;else if(1<ut){for(var Nt=Array(ut),Dt=0;Dt<ut;Dt++)Nt[Dt]=arguments[Dt+2];it.children=Nt}if(b&&b.defaultProps)for(J in ut=b.defaultProps,ut)it[J]===void 0&&(it[J]=ut[J]);return G(b,mt,void 0,void 0,null,it)},ht.createRef=function(){return{current:null}},ht.forwardRef=function(b){return{$$typeof:y,render:b}},ht.isValidElement=W,ht.lazy=function(b){return{$$typeof:E,_payload:{_status:-1,_result:b},_init:_}},ht.memo=function(b,q){return{$$typeof:A,type:b,compare:q===void 0?null:q}},ht.startTransition=function(b){var q=V.T,P={};V.T=P;try{var J=b(),it=V.S;it!==null&&it(P,J),typeof J=="object"&&J!==null&&typeof J.then=="function"&&J.then(dt,$)}catch(mt){$(mt)}finally{V.T=q}},ht.unstable_useCacheRefresh=function(){return V.H.useCacheRefresh()},ht.use=function(b){return V.H.use(b)},ht.useActionState=function(b,q,P){return V.H.useActionState(b,q,P)},ht.useCallback=function(b,q){return V.H.useCallback(b,q)},ht.useContext=function(b){return V.H.useContext(b)},ht.useDebugValue=function(){},ht.useDeferredValue=function(b,q){return V.H.useDeferredValue(b,q)},ht.useEffect=function(b,q,P){var J=V.H;if(typeof P=="function")throw Error("useEffect CRUD overload is not enabled in this build of React.");return J.useEffect(b,q)},ht.useId=function(){return V.H.useId()},ht.useImperativeHandle=function(b,q,P){return V.H.useImperativeHandle(b,q,P)},ht.useInsertionEffect=function(b,q){return V.H.useInsertionEffect(b,q)},ht.useLayoutEffect=function(b,q){return V.H.useLayoutEffect(b,q)},ht.useMemo=function(b,q){return V.H.useMemo(b,q)},ht.useOptimistic=function(b,q){return V.H.useOptimistic(b,q)},ht.useReducer=function(b,q,P){return V.H.useReducer(b,q,P)},ht.useRef=function(b){return V.H.useRef(b)},ht.useState=function(b){return V.H.useState(b)},ht.useSyncExternalStore=function(b,q,P){return V.H.useSyncExternalStore(b,q,P)},ht.useTransition=function(){return V.H.useTransition()},ht.version="19.1.1",ht}var s2;function dr(){return s2||(s2=1,Hf.exports=d5()),Hf.exports}var ct=dr();const ie=hA(ct);var Nf={exports:{}},Ei={},Bf={exports:{}},Uf={};/**
- * @license React
- * scheduler.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var f2;function h5(){return f2||(f2=1,(function(u){function i(M,_){var $=M.length;M.push(_);t:for(;0<$;){var dt=$-1>>>1,b=M[dt];if(0<r(b,_))M[dt]=_,M[$]=b,$=dt;else break t}}function c(M){return M.length===0?null:M[0]}function f(M){if(M.length===0)return null;var _=M[0],$=M.pop();if($!==_){M[0]=$;t:for(var dt=0,b=M.length,q=b>>>1;dt<q;){var P=2*(dt+1)-1,J=M[P],it=P+1,mt=M[it];if(0>r(J,$))it<b&&0>r(mt,J)?(M[dt]=mt,M[it]=$,dt=it):(M[dt]=J,M[P]=$,dt=P);else if(it<b&&0>r(mt,$))M[dt]=mt,M[it]=$,dt=it;else break t}}return _}function r(M,_){var $=M.sortIndex-_.sortIndex;return $!==0?$:M.id-_.id}if(u.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var o=performance;u.unstable_now=function(){return o.now()}}else{var d=Date,y=d.now();u.unstable_now=function(){return d.now()-y}}var v=[],A=[],E=1,w=null,R=3,z=!1,N=!1,x=!1,p=!1,T=typeof setTimeout=="function"?setTimeout:null,D=typeof clearTimeout=="function"?clearTimeout:null,U=typeof setImmediate<"u"?setImmediate:null;function I(M){for(var _=c(A);_!==null;){if(_.callback===null)f(A);else if(_.startTime<=M)f(A),_.sortIndex=_.expirationTime,i(v,_);else break;_=c(A)}}function V(M){if(x=!1,I(M),!N)if(c(v)!==null)N=!0,j||(j=!0,et());else{var _=c(A);_!==null&&at(V,_.startTime-M)}}var j=!1,G=-1,L=5,W=-1;function F(){return p?!0:!(u.unstable_now()-W<L)}function K(){if(p=!1,j){var M=u.unstable_now();W=M;var _=!0;try{t:{N=!1,x&&(x=!1,D(G),G=-1),z=!0;var $=R;try{e:{for(I(M),w=c(v);w!==null&&!(w.expirationTime>M&&F());){var dt=w.callback;if(typeof dt=="function"){w.callback=null,R=w.priorityLevel;var b=dt(w.expirationTime<=M);if(M=u.unstable_now(),typeof b=="function"){w.callback=b,I(M),_=!0;break e}w===c(v)&&f(v),I(M)}else f(v);w=c(v)}if(w!==null)_=!0;else{var q=c(A);q!==null&&at(V,q.startTime-M),_=!1}}break t}finally{w=null,R=$,z=!1}_=void 0}}finally{_?et():j=!1}}}var et;if(typeof U=="function")et=function(){U(K)};else if(typeof MessageChannel<"u"){var tt=new MessageChannel,ot=tt.port2;tt.port1.onmessage=K,et=function(){ot.postMessage(null)}}else et=function(){T(K,0)};function at(M,_){G=T(function(){M(u.unstable_now())},_)}u.unstable_IdlePriority=5,u.unstable_ImmediatePriority=1,u.unstable_LowPriority=4,u.unstable_NormalPriority=3,u.unstable_Profiling=null,u.unstable_UserBlockingPriority=2,u.unstable_cancelCallback=function(M){M.callback=null},u.unstable_forceFrameRate=function(M){0>M||125<M?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):L=0<M?Math.floor(1e3/M):5},u.unstable_getCurrentPriorityLevel=function(){return R},u.unstable_next=function(M){switch(R){case 1:case 2:case 3:var _=3;break;default:_=R}var $=R;R=_;try{return M()}finally{R=$}},u.unstable_requestPaint=function(){p=!0},u.unstable_runWithPriority=function(M,_){switch(M){case 1:case 2:case 3:case 4:case 5:break;default:M=3}var $=R;R=M;try{return _()}finally{R=$}},u.unstable_scheduleCallback=function(M,_,$){var dt=u.unstable_now();switch(typeof $=="object"&&$!==null?($=$.delay,$=typeof $=="number"&&0<$?dt+$:dt):$=dt,M){case 1:var b=-1;break;case 2:b=250;break;case 5:b=1073741823;break;case 4:b=1e4;break;default:b=5e3}return b=$+b,M={id:E++,callback:_,priorityLevel:M,startTime:$,expirationTime:b,sortIndex:-1},$>dt?(M.sortIndex=$,i(A,M),c(v)===null&&M===c(A)&&(x?(D(G),G=-1):x=!0,at(V,$-dt))):(M.sortIndex=b,i(v,M),N||z||(N=!0,j||(j=!0,et()))),M},u.unstable_shouldYield=F,u.unstable_wrapCallback=function(M){var _=R;return function(){var $=R;R=_;try{return M.apply(this,arguments)}finally{R=$}}}})(Uf)),Uf}var r2;function g5(){return r2||(r2=1,Bf.exports=h5()),Bf.exports}var Qf={exports:{}},le={};/**
- * @license React
- * react-dom.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var o2;function m5(){if(o2)return le;o2=1;var u=dr();function i(v){var A="https://react.dev/errors/"+v;if(1<arguments.length){A+="?args[]="+encodeURIComponent(arguments[1]);for(var E=2;E<arguments.length;E++)A+="&args[]="+encodeURIComponent(arguments[E])}return"Minified React error #"+v+"; visit "+A+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function c(){}var f={d:{f:c,r:function(){throw Error(i(522))},D:c,C:c,L:c,m:c,X:c,S:c,M:c},p:0,findDOMNode:null},r=Symbol.for("react.portal");function o(v,A,E){var w=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:r,key:w==null?null:""+w,children:v,containerInfo:A,implementation:E}}var d=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function y(v,A){if(v==="font")return"";if(typeof A=="string")return A==="use-credentials"?A:""}return le.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=f,le.createPortal=function(v,A){var E=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!A||A.nodeType!==1&&A.nodeType!==9&&A.nodeType!==11)throw Error(i(299));return o(v,A,null,E)},le.flushSync=function(v){var A=d.T,E=f.p;try{if(d.T=null,f.p=2,v)return v()}finally{d.T=A,f.p=E,f.d.f()}},le.preconnect=function(v,A){typeof v=="string"&&(A?(A=A.crossOrigin,A=typeof A=="string"?A==="use-credentials"?A:"":void 0):A=null,f.d.C(v,A))},le.prefetchDNS=function(v){typeof v=="string"&&f.d.D(v)},le.preinit=function(v,A){if(typeof v=="string"&&A&&typeof A.as=="string"){var E=A.as,w=y(E,A.crossOrigin),R=typeof A.integrity=="string"?A.integrity:void 0,z=typeof A.fetchPriority=="string"?A.fetchPriority:void 0;E==="style"?f.d.S(v,typeof A.precedence=="string"?A.precedence:void 0,{crossOrigin:w,integrity:R,fetchPriority:z}):E==="script"&&f.d.X(v,{crossOrigin:w,integrity:R,fetchPriority:z,nonce:typeof A.nonce=="string"?A.nonce:void 0})}},le.preinitModule=function(v,A){if(typeof v=="string")if(typeof A=="object"&&A!==null){if(A.as==null||A.as==="script"){var E=y(A.as,A.crossOrigin);f.d.M(v,{crossOrigin:E,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0})}}else A==null&&f.d.M(v)},le.preload=function(v,A){if(typeof v=="string"&&typeof A=="object"&&A!==null&&typeof A.as=="string"){var E=A.as,w=y(E,A.crossOrigin);f.d.L(v,E,{crossOrigin:w,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0,type:typeof A.type=="string"?A.type:void 0,fetchPriority:typeof A.fetchPriority=="string"?A.fetchPriority:void 0,referrerPolicy:typeof A.referrerPolicy=="string"?A.referrerPolicy:void 0,imageSrcSet:typeof A.imageSrcSet=="string"?A.imageSrcSet:void 0,imageSizes:typeof A.imageSizes=="string"?A.imageSizes:void 0,media:typeof A.media=="string"?A.media:void 0})}},le.preloadModule=function(v,A){if(typeof v=="string")if(A){var E=y(A.as,A.crossOrigin);f.d.m(v,{as:typeof A.as=="string"&&A.as!=="script"?A.as:void 0,crossOrigin:E,integrity:typeof A.integrity=="string"?A.integrity:void 0})}else f.d.m(v)},le.requestFormReset=function(v){f.d.r(v)},le.unstable_batchedUpdates=function(v,A){return v(A)},le.useFormState=function(v,A,E){return d.H.useFormState(v,A,E)},le.useFormStatus=function(){return d.H.useHostTransitionStatus()},le.version="19.1.1",le}var d2;function A5(){if(d2)return Qf.exports;d2=1;function u(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(u)}catch(i){console.error(i)}}return u(),Qf.exports=m5(),Qf.exports}/**
- * @license React
- * react-dom-client.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var h2;function v5(){if(h2)return Ei;h2=1;var u=g5(),i=dr(),c=A5();function f(t){var e="https://react.dev/errors/"+t;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)e+="&args[]="+encodeURIComponent(arguments[n])}return"Minified React error #"+t+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function r(t){return!(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)}function o(t){var e=t,n=t;if(t.alternate)for(;e.return;)e=e.return;else{t=e;do e=t,(e.flags&4098)!==0&&(n=e.return),t=e.return;while(t)}return e.tag===3?n:null}function d(t){if(t.tag===13){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function y(t){if(o(t)!==t)throw Error(f(188))}function v(t){var e=t.alternate;if(!e){if(e=o(t),e===null)throw Error(f(188));return e!==t?null:t}for(var n=t,a=e;;){var l=n.return;if(l===null)break;var s=l.alternate;if(s===null){if(a=l.return,a!==null){n=a;continue}break}if(l.child===s.child){for(s=l.child;s;){if(s===n)return y(l),t;if(s===a)return y(l),e;s=s.sibling}throw Error(f(188))}if(n.return!==a.return)n=l,a=s;else{for(var h=!1,g=l.child;g;){if(g===n){h=!0,n=l,a=s;break}if(g===a){h=!0,a=l,n=s;break}g=g.sibling}if(!h){for(g=s.child;g;){if(g===n){h=!0,n=s,a=l;break}if(g===a){h=!0,a=s,n=l;break}g=g.sibling}if(!h)throw Error(f(189))}}if(n.alternate!==a)throw Error(f(190))}if(n.tag!==3)throw Error(f(188));return n.stateNode.current===n?t:e}function A(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t;for(t=t.child;t!==null;){if(e=A(t),e!==null)return e;t=t.sibling}return null}var E=Object.assign,w=Symbol.for("react.element"),R=Symbol.for("react.transitional.element"),z=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),T=Symbol.for("react.provider"),D=Symbol.for("react.consumer"),U=Symbol.for("react.context"),I=Symbol.for("react.forward_ref"),V=Symbol.for("react.suspense"),j=Symbol.for("react.suspense_list"),G=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),W=Symbol.for("react.activity"),F=Symbol.for("react.memo_cache_sentinel"),K=Symbol.iterator;function et(t){return t===null||typeof t!="object"?null:(t=K&&t[K]||t["@@iterator"],typeof t=="function"?t:null)}var tt=Symbol.for("react.client.reference");function ot(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===tt?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case N:return"Fragment";case p:return"Profiler";case x:return"StrictMode";case V:return"Suspense";case j:return"SuspenseList";case W:return"Activity"}if(typeof t=="object")switch(t.$$typeof){case z:return"Portal";case U:return(t.displayName||"Context")+".Provider";case D:return(t._context.displayName||"Context")+".Consumer";case I:var e=t.render;return t=t.displayName,t||(t=e.displayName||e.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case G:return e=t.displayName||null,e!==null?e:ot(t.type)||"Memo";case L:e=t._payload,t=t._init;try{return ot(t(e))}catch{}}return null}var at=Array.isArray,M=i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,_=c.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$={pending:!1,data:null,method:null,action:null},dt=[],b=-1;function q(t){return{current:t}}function P(t){0>b||(t.current=dt[b],dt[b]=null,b--)}function J(t,e){b++,dt[b]=t.current,t.current=e}var it=q(null),mt=q(null),ut=q(null),Nt=q(null);function Dt(t,e){switch(J(ut,e),J(mt,t),J(it,null),e.nodeType){case 9:case 11:t=(t=e.documentElement)&&(t=t.namespaceURI)?Gd(t):0;break;default:if(t=e.tagName,e=e.namespaceURI)e=Gd(e),t=Xd(e,t);else switch(t){case"svg":t=1;break;case"math":t=2;break;default:t=0}}P(it),J(it,t)}function Le(){P(it),P(mt),P(ut)}function Ra(t){t.memoizedState!==null&&J(Nt,t);var e=it.current,n=Xd(e,t.type);e!==n&&(J(mt,t),J(it,n))}function ea(t){mt.current===t&&(P(it),P(mt)),Nt.current===t&&(P(Nt),oi._currentValue=$)}var bn=Object.prototype.hasOwnProperty,na=u.unstable_scheduleCallback,Fe=u.unstable_cancelCallback,ji=u.unstable_shouldYield,Oa=u.unstable_requestPaint,ce=u.unstable_now,sc=u.unstable_getCurrentPriorityLevel,Er=u.unstable_ImmediatePriority,br=u.unstable_UserBlockingPriority,Hi=u.unstable_NormalPriority,kh=u.unstable_LowPriority,pr=u.unstable_IdlePriority,Kh=u.log,Wh=u.unstable_setDisableYieldValue,El=null,Ae=null;function pn(t){if(typeof Kh=="function"&&Wh(t),Ae&&typeof Ae.setStrictMode=="function")try{Ae.setStrictMode(El,t)}catch{}}var ve=Math.clz32?Math.clz32:Ph,Fh=Math.log,Jh=Math.LN2;function Ph(t){return t>>>=0,t===0?32:31-(Fh(t)/Jh|0)|0}var Ni=256,Bi=4194304;function aa(t){var e=t&42;if(e!==0)return e;switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t&4194048;case 4194304:case 8388608:case 16777216:case 33554432:return t&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return t}}function Ui(t,e,n){var a=t.pendingLanes;if(a===0)return 0;var l=0,s=t.suspendedLanes,h=t.pingedLanes;t=t.warmLanes;var g=a&134217727;return g!==0?(a=g&~s,a!==0?l=aa(a):(h&=g,h!==0?l=aa(h):n||(n=g&~t,n!==0&&(l=aa(n))))):(g=a&~s,g!==0?l=aa(g):h!==0?l=aa(h):n||(n=a&~t,n!==0&&(l=aa(n)))),l===0?0:e!==0&&e!==l&&(e&s)===0&&(s=l&-l,n=e&-e,s>=n||s===32&&(n&4194048)!==0)?e:l}function bl(t,e){return(t.pendingLanes&~(t.suspendedLanes&~t.pingedLanes)&e)===0}function _h(t,e){switch(t){case 1:case 2:case 4:case 8:case 64:return e+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function xr(){var t=Ni;return Ni<<=1,(Ni&4194048)===0&&(Ni=256),t}function Sr(){var t=Bi;return Bi<<=1,(Bi&62914560)===0&&(Bi=4194304),t}function fc(t){for(var e=[],n=0;31>n;n++)e.push(t);return e}function pl(t,e){t.pendingLanes|=e,e!==268435456&&(t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0)}function $h(t,e,n,a,l,s){var h=t.pendingLanes;t.pendingLanes=n,t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0,t.expiredLanes&=n,t.entangledLanes&=n,t.errorRecoveryDisabledLanes&=n,t.shellSuspendCounter=0;var g=t.entanglements,S=t.expirationTimes,B=t.hiddenUpdates;for(n=h&~n;0<n;){var X=31-ve(n),k=1<<X;g[X]=0,S[X]=-1;var Q=B[X];if(Q!==null)for(B[X]=null,X=0;X<Q.length;X++){var Y=Q[X];Y!==null&&(Y.lane&=-536870913)}n&=~k}a!==0&&Tr(t,a,0),s!==0&&l===0&&t.tag!==0&&(t.suspendedLanes|=s&~(h&~e))}function Tr(t,e,n){t.pendingLanes|=e,t.suspendedLanes&=~e;var a=31-ve(e);t.entangledLanes|=e,t.entanglements[a]=t.entanglements[a]|1073741824|n&4194090}function wr(t,e){var n=t.entangledLanes|=e;for(t=t.entanglements;n;){var a=31-ve(n),l=1<<a;l&e|t[a]&e&&(t[a]|=e),n&=~l}}function rc(t){switch(t){case 2:t=1;break;case 8:t=4;break;case 32:t=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:t=128;break;case 268435456:t=134217728;break;default:t=0}return t}function oc(t){return t&=-t,2<t?8<t?(t&134217727)!==0?32:268435456:8:2}function Rr(){var t=_.p;return t!==0?t:(t=window.event,t===void 0?32:u1(t.type))}function tg(t,e){var n=_.p;try{return _.p=t,e()}finally{_.p=n}}var xn=Math.random().toString(36).slice(2),ne="__reactFiber$"+xn,re="__reactProps$"+xn,Da="__reactContainer$"+xn,dc="__reactEvents$"+xn,eg="__reactListeners$"+xn,ng="__reactHandles$"+xn,Or="__reactResources$"+xn,xl="__reactMarker$"+xn;function hc(t){delete t[ne],delete t[re],delete t[dc],delete t[eg],delete t[ng]}function Ca(t){var e=t[ne];if(e)return e;for(var n=t.parentNode;n;){if(e=n[Da]||n[ne]){if(n=e.alternate,e.child!==null||n!==null&&n.child!==null)for(t=qd(t);t!==null;){if(n=t[ne])return n;t=qd(t)}return e}t=n,n=t.parentNode}return null}function Ma(t){if(t=t[ne]||t[Da]){var e=t.tag;if(e===5||e===6||e===13||e===26||e===27||e===3)return t}return null}function Sl(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t.stateNode;throw Error(f(33))}function ja(t){var e=t[Or];return e||(e=t[Or]={hoistableStyles:new Map,hoistableScripts:new Map}),e}function kt(t){t[xl]=!0}var Dr=new Set,Cr={};function la(t,e){Ha(t,e),Ha(t+"Capture",e)}function Ha(t,e){for(Cr[t]=e,t=0;t<e.length;t++)Dr.add(e[t])}var ag=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Mr={},jr={};function lg(t){return bn.call(jr,t)?!0:bn.call(Mr,t)?!1:ag.test(t)?jr[t]=!0:(Mr[t]=!0,!1)}function Qi(t,e,n){if(lg(e))if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":t.removeAttribute(e);return;case"boolean":var a=e.toLowerCase().slice(0,5);if(a!=="data-"&&a!=="aria-"){t.removeAttribute(e);return}}t.setAttribute(e,""+n)}}function Yi(t,e,n){if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(e);return}t.setAttribute(e,""+n)}}function Je(t,e,n,a){if(a===null)t.removeAttribute(n);else{switch(typeof a){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(n);return}t.setAttributeNS(e,n,""+a)}}var gc,Hr;function Na(t){if(gc===void 0)try{throw Error()}catch(n){var e=n.stack.trim().match(/\n( *(at )?)/);gc=e&&e[1]||"",Hr=-1<n.stack.indexOf(`
-    at`)?" (<anonymous>)":-1<n.stack.indexOf("@")?"@unknown:0:0":""}return`
-`+gc+t+Hr}var mc=!1;function Ac(t,e){if(!t||mc)return"";mc=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var a={DetermineComponentFrameRoot:function(){try{if(e){var k=function(){throw Error()};if(Object.defineProperty(k.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(k,[])}catch(Y){var Q=Y}Reflect.construct(t,[],k)}else{try{k.call()}catch(Y){Q=Y}t.call(k.prototype)}}else{try{throw Error()}catch(Y){Q=Y}(k=t())&&typeof k.catch=="function"&&k.catch(function(){})}}catch(Y){if(Y&&Q&&typeof Y.stack=="string")return[Y.stack,Q.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var l=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");l&&l.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var s=a.DetermineComponentFrameRoot(),h=s[0],g=s[1];if(h&&g){var S=h.split(`
-`),B=g.split(`
-`);for(l=a=0;a<S.length&&!S[a].includes("DetermineComponentFrameRoot");)a++;for(;l<B.length&&!B[l].includes("DetermineComponentFrameRoot");)l++;if(a===S.length||l===B.length)for(a=S.length-1,l=B.length-1;1<=a&&0<=l&&S[a]!==B[l];)l--;for(;1<=a&&0<=l;a--,l--)if(S[a]!==B[l]){if(a!==1||l!==1)do if(a--,l--,0>l||S[a]!==B[l]){var X=`
-`+S[a].replace(" at new "," at ");return t.displayName&&X.includes("<anonymous>")&&(X=X.replace("<anonymous>",t.displayName)),X}while(1<=a&&0<=l);break}}}finally{mc=!1,Error.prepareStackTrace=n}return(n=t?t.displayName||t.name:"")?Na(n):""}function ig(t){switch(t.tag){case 26:case 27:case 5:return Na(t.type);case 16:return Na("Lazy");case 13:return Na("Suspense");case 19:return Na("SuspenseList");case 0:case 15:return Ac(t.type,!1);case 11:return Ac(t.type.render,!1);case 1:return Ac(t.type,!0);case 31:return Na("Activity");default:return""}}function Nr(t){try{var e="";do e+=ig(t),t=t.return;while(t);return e}catch(n){return`
-Error generating stack: `+n.message+`
-`+n.stack}}function Re(t){switch(typeof t){case"bigint":case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function Br(t){var e=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(e==="checkbox"||e==="radio")}function ug(t){var e=Br(t)?"checked":"value",n=Object.getOwnPropertyDescriptor(t.constructor.prototype,e),a=""+t[e];if(!t.hasOwnProperty(e)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,s=n.set;return Object.defineProperty(t,e,{configurable:!0,get:function(){return l.call(this)},set:function(h){a=""+h,s.call(this,h)}}),Object.defineProperty(t,e,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(h){a=""+h},stopTracking:function(){t._valueTracker=null,delete t[e]}}}}function Li(t){t._valueTracker||(t._valueTracker=ug(t))}function Ur(t){if(!t)return!1;var e=t._valueTracker;if(!e)return!0;var n=e.getValue(),a="";return t&&(a=Br(t)?t.checked?"true":"false":t.value),t=a,t!==n?(e.setValue(t),!0):!1}function zi(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}var cg=/[\n"\\]/g;function Oe(t){return t.replace(cg,function(e){return"\\"+e.charCodeAt(0).toString(16)+" "})}function vc(t,e,n,a,l,s,h,g){t.name="",h!=null&&typeof h!="function"&&typeof h!="symbol"&&typeof h!="boolean"?t.type=h:t.removeAttribute("type"),e!=null?h==="number"?(e===0&&t.value===""||t.value!=e)&&(t.value=""+Re(e)):t.value!==""+Re(e)&&(t.value=""+Re(e)):h!=="submit"&&h!=="reset"||t.removeAttribute("value"),e!=null?yc(t,h,Re(e)):n!=null?yc(t,h,Re(n)):a!=null&&t.removeAttribute("value"),l==null&&s!=null&&(t.defaultChecked=!!s),l!=null&&(t.checked=l&&typeof l!="function"&&typeof l!="symbol"),g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"?t.name=""+Re(g):t.removeAttribute("name")}function Qr(t,e,n,a,l,s,h,g){if(s!=null&&typeof s!="function"&&typeof s!="symbol"&&typeof s!="boolean"&&(t.type=s),e!=null||n!=null){if(!(s!=="submit"&&s!=="reset"||e!=null))return;n=n!=null?""+Re(n):"",e=e!=null?""+Re(e):n,g||e===t.value||(t.value=e),t.defaultValue=e}a=a??l,a=typeof a!="function"&&typeof a!="symbol"&&!!a,t.checked=g?t.checked:!!a,t.defaultChecked=!!a,h!=null&&typeof h!="function"&&typeof h!="symbol"&&typeof h!="boolean"&&(t.name=h)}function yc(t,e,n){e==="number"&&zi(t.ownerDocument)===t||t.defaultValue===""+n||(t.defaultValue=""+n)}function Ba(t,e,n,a){if(t=t.options,e){e={};for(var l=0;l<n.length;l++)e["$"+n[l]]=!0;for(n=0;n<t.length;n++)l=e.hasOwnProperty("$"+t[n].value),t[n].selected!==l&&(t[n].selected=l),l&&a&&(t[n].defaultSelected=!0)}else{for(n=""+Re(n),e=null,l=0;l<t.length;l++){if(t[l].value===n){t[l].selected=!0,a&&(t[l].defaultSelected=!0);return}e!==null||t[l].disabled||(e=t[l])}e!==null&&(e.selected=!0)}}function Yr(t,e,n){if(e!=null&&(e=""+Re(e),e!==t.value&&(t.value=e),n==null)){t.defaultValue!==e&&(t.defaultValue=e);return}t.defaultValue=n!=null?""+Re(n):""}function Lr(t,e,n,a){if(e==null){if(a!=null){if(n!=null)throw Error(f(92));if(at(a)){if(1<a.length)throw Error(f(93));a=a[0]}n=a}n==null&&(n=""),e=n}n=Re(e),t.defaultValue=n,a=t.textContent,a===n&&a!==""&&a!==null&&(t.value=a)}function Ua(t,e){if(e){var n=t.firstChild;if(n&&n===t.lastChild&&n.nodeType===3){n.nodeValue=e;return}}t.textContent=e}var sg=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function zr(t,e,n){var a=e.indexOf("--")===0;n==null||typeof n=="boolean"||n===""?a?t.setProperty(e,""):e==="float"?t.cssFloat="":t[e]="":a?t.setProperty(e,n):typeof n!="number"||n===0||sg.has(e)?e==="float"?t.cssFloat=n:t[e]=(""+n).trim():t[e]=n+"px"}function Gr(t,e,n){if(e!=null&&typeof e!="object")throw Error(f(62));if(t=t.style,n!=null){for(var a in n)!n.hasOwnProperty(a)||e!=null&&e.hasOwnProperty(a)||(a.indexOf("--")===0?t.setProperty(a,""):a==="float"?t.cssFloat="":t[a]="");for(var l in e)a=e[l],e.hasOwnProperty(l)&&n[l]!==a&&zr(t,l,a)}else for(var s in e)e.hasOwnProperty(s)&&zr(t,s,e[s])}function Ec(t){if(t.indexOf("-")===-1)return!1;switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var fg=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),rg=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Gi(t){return rg.test(""+t)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":t}var bc=null;function pc(t){return t=t.target||t.srcElement||window,t.correspondingUseElement&&(t=t.correspondingUseElement),t.nodeType===3?t.parentNode:t}var Qa=null,Ya=null;function Xr(t){var e=Ma(t);if(e&&(t=e.stateNode)){var n=t[re]||null;t:switch(t=e.stateNode,e.type){case"input":if(vc(t,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),e=n.name,n.type==="radio"&&e!=null){for(n=t;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll('input[name="'+Oe(""+e)+'"][type="radio"]'),e=0;e<n.length;e++){var a=n[e];if(a!==t&&a.form===t.form){var l=a[re]||null;if(!l)throw Error(f(90));vc(a,l.value,l.defaultValue,l.defaultValue,l.checked,l.defaultChecked,l.type,l.name)}}for(e=0;e<n.length;e++)a=n[e],a.form===t.form&&Ur(a)}break t;case"textarea":Yr(t,n.value,n.defaultValue);break t;case"select":e=n.value,e!=null&&Ba(t,!!n.multiple,e,!1)}}}var xc=!1;function Vr(t,e,n){if(xc)return t(e,n);xc=!0;try{var a=t(e);return a}finally{if(xc=!1,(Qa!==null||Ya!==null)&&(wu(),Qa&&(e=Qa,t=Ya,Ya=Qa=null,Xr(e),t)))for(e=0;e<t.length;e++)Xr(t[e])}}function Tl(t,e){var n=t.stateNode;if(n===null)return null;var a=n[re]||null;if(a===null)return null;n=a[e];t:switch(e){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(t=t.type,a=!(t==="button"||t==="input"||t==="select"||t==="textarea")),t=!a;break t;default:t=!1}if(t)return null;if(n&&typeof n!="function")throw Error(f(231,e,typeof n));return n}var Pe=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Sc=!1;if(Pe)try{var wl={};Object.defineProperty(wl,"passive",{get:function(){Sc=!0}}),window.addEventListener("test",wl,wl),window.removeEventListener("test",wl,wl)}catch{Sc=!1}var Sn=null,Tc=null,Xi=null;function Ir(){if(Xi)return Xi;var t,e=Tc,n=e.length,a,l="value"in Sn?Sn.value:Sn.textContent,s=l.length;for(t=0;t<n&&e[t]===l[t];t++);var h=n-t;for(a=1;a<=h&&e[n-a]===l[s-a];a++);return Xi=l.slice(t,1<a?1-a:void 0)}function Vi(t){var e=t.keyCode;return"charCode"in t?(t=t.charCode,t===0&&e===13&&(t=13)):t=e,t===10&&(t=13),32<=t||t===13?t:0}function Ii(){return!0}function Zr(){return!1}function oe(t){function e(n,a,l,s,h){this._reactName=n,this._targetInst=l,this.type=a,this.nativeEvent=s,this.target=h,this.currentTarget=null;for(var g in t)t.hasOwnProperty(g)&&(n=t[g],this[g]=n?n(s):s[g]);return this.isDefaultPrevented=(s.defaultPrevented!=null?s.defaultPrevented:s.returnValue===!1)?Ii:Zr,this.isPropagationStopped=Zr,this}return E(e.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Ii)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Ii)},persist:function(){},isPersistent:Ii}),e}var ia={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(t){return t.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Zi=oe(ia),Rl=E({},ia,{view:0,detail:0}),og=oe(Rl),wc,Rc,Ol,qi=E({},Rl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Dc,button:0,buttons:0,relatedTarget:function(t){return t.relatedTarget===void 0?t.fromElement===t.srcElement?t.toElement:t.fromElement:t.relatedTarget},movementX:function(t){return"movementX"in t?t.movementX:(t!==Ol&&(Ol&&t.type==="mousemove"?(wc=t.screenX-Ol.screenX,Rc=t.screenY-Ol.screenY):Rc=wc=0,Ol=t),wc)},movementY:function(t){return"movementY"in t?t.movementY:Rc}}),qr=oe(qi),dg=E({},qi,{dataTransfer:0}),hg=oe(dg),gg=E({},Rl,{relatedTarget:0}),Oc=oe(gg),mg=E({},ia,{animationName:0,elapsedTime:0,pseudoElement:0}),Ag=oe(mg),vg=E({},ia,{clipboardData:function(t){return"clipboardData"in t?t.clipboardData:window.clipboardData}}),yg=oe(vg),Eg=E({},ia,{data:0}),kr=oe(Eg),bg={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},pg={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xg={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sg(t){var e=this.nativeEvent;return e.getModifierState?e.getModifierState(t):(t=xg[t])?!!e[t]:!1}function Dc(){return Sg}var Tg=E({},Rl,{key:function(t){if(t.key){var e=bg[t.key]||t.key;if(e!=="Unidentified")return e}return t.type==="keypress"?(t=Vi(t),t===13?"Enter":String.fromCharCode(t)):t.type==="keydown"||t.type==="keyup"?pg[t.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Dc,charCode:function(t){return t.type==="keypress"?Vi(t):0},keyCode:function(t){return t.type==="keydown"||t.type==="keyup"?t.keyCode:0},which:function(t){return t.type==="keypress"?Vi(t):t.type==="keydown"||t.type==="keyup"?t.keyCode:0}}),wg=oe(Tg),Rg=E({},qi,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Kr=oe(Rg),Og=E({},Rl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Dc}),Dg=oe(Og),Cg=E({},ia,{propertyName:0,elapsedTime:0,pseudoElement:0}),Mg=oe(Cg),jg=E({},qi,{deltaX:function(t){return"deltaX"in t?t.deltaX:"wheelDeltaX"in t?-t.wheelDeltaX:0},deltaY:function(t){return"deltaY"in t?t.deltaY:"wheelDeltaY"in t?-t.wheelDeltaY:"wheelDelta"in t?-t.wheelDelta:0},deltaZ:0,deltaMode:0}),Hg=oe(jg),Ng=E({},ia,{newState:0,oldState:0}),Bg=oe(Ng),Ug=[9,13,27,32],Cc=Pe&&"CompositionEvent"in window,Dl=null;Pe&&"documentMode"in document&&(Dl=document.documentMode);var Qg=Pe&&"TextEvent"in window&&!Dl,Wr=Pe&&(!Cc||Dl&&8<Dl&&11>=Dl),Fr=" ",Jr=!1;function Pr(t,e){switch(t){case"keyup":return Ug.indexOf(e.keyCode)!==-1;case"keydown":return e.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function _r(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var La=!1;function Yg(t,e){switch(t){case"compositionend":return _r(e);case"keypress":return e.which!==32?null:(Jr=!0,Fr);case"textInput":return t=e.data,t===Fr&&Jr?null:t;default:return null}}function Lg(t,e){if(La)return t==="compositionend"||!Cc&&Pr(t,e)?(t=Ir(),Xi=Tc=Sn=null,La=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(e.ctrlKey||e.altKey||e.metaKey)||e.ctrlKey&&e.altKey){if(e.char&&1<e.char.length)return e.char;if(e.which)return String.fromCharCode(e.which)}return null;case"compositionend":return Wr&&e.locale!=="ko"?null:e.data;default:return null}}var zg={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function $r(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e==="input"?!!zg[t.type]:e==="textarea"}function to(t,e,n,a){Qa?Ya?Ya.push(a):Ya=[a]:Qa=a,e=ju(e,"onChange"),0<e.length&&(n=new Zi("onChange","change",null,n,a),t.push({event:n,listeners:e}))}var Cl=null,Ml=null;function Gg(t){Ud(t,0)}function ki(t){var e=Sl(t);if(Ur(e))return t}function eo(t,e){if(t==="change")return e}var no=!1;if(Pe){var Mc;if(Pe){var jc="oninput"in document;if(!jc){var ao=document.createElement("div");ao.setAttribute("oninput","return;"),jc=typeof ao.oninput=="function"}Mc=jc}else Mc=!1;no=Mc&&(!document.documentMode||9<document.documentMode)}function lo(){Cl&&(Cl.detachEvent("onpropertychange",io),Ml=Cl=null)}function io(t){if(t.propertyName==="value"&&ki(Ml)){var e=[];to(e,Ml,t,pc(t)),Vr(Gg,e)}}function Xg(t,e,n){t==="focusin"?(lo(),Cl=e,Ml=n,Cl.attachEvent("onpropertychange",io)):t==="focusout"&&lo()}function Vg(t){if(t==="selectionchange"||t==="keyup"||t==="keydown")return ki(Ml)}function Ig(t,e){if(t==="click")return ki(e)}function Zg(t,e){if(t==="input"||t==="change")return ki(e)}function qg(t,e){return t===e&&(t!==0||1/t===1/e)||t!==t&&e!==e}var ye=typeof Object.is=="function"?Object.is:qg;function jl(t,e){if(ye(t,e))return!0;if(typeof t!="object"||t===null||typeof e!="object"||e===null)return!1;var n=Object.keys(t),a=Object.keys(e);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var l=n[a];if(!bn.call(e,l)||!ye(t[l],e[l]))return!1}return!0}function uo(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function co(t,e){var n=uo(t);t=0;for(var a;n;){if(n.nodeType===3){if(a=t+n.textContent.length,t<=e&&a>=e)return{node:n,offset:e-t};t=a}t:{for(;n;){if(n.nextSibling){n=n.nextSibling;break t}n=n.parentNode}n=void 0}n=uo(n)}}function so(t,e){return t&&e?t===e?!0:t&&t.nodeType===3?!1:e&&e.nodeType===3?so(t,e.parentNode):"contains"in t?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&16):!1:!1}function fo(t){t=t!=null&&t.ownerDocument!=null&&t.ownerDocument.defaultView!=null?t.ownerDocument.defaultView:window;for(var e=zi(t.document);e instanceof t.HTMLIFrameElement;){try{var n=typeof e.contentWindow.location.href=="string"}catch{n=!1}if(n)t=e.contentWindow;else break;e=zi(t.document)}return e}function Hc(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&(e==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||e==="textarea"||t.contentEditable==="true")}var kg=Pe&&"documentMode"in document&&11>=document.documentMode,za=null,Nc=null,Hl=null,Bc=!1;function ro(t,e,n){var a=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Bc||za==null||za!==zi(a)||(a=za,"selectionStart"in a&&Hc(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),Hl&&jl(Hl,a)||(Hl=a,a=ju(Nc,"onSelect"),0<a.length&&(e=new Zi("onSelect","select",null,e,n),t.push({event:e,listeners:a}),e.target=za)))}function ua(t,e){var n={};return n[t.toLowerCase()]=e.toLowerCase(),n["Webkit"+t]="webkit"+e,n["Moz"+t]="moz"+e,n}var Ga={animationend:ua("Animation","AnimationEnd"),animationiteration:ua("Animation","AnimationIteration"),animationstart:ua("Animation","AnimationStart"),transitionrun:ua("Transition","TransitionRun"),transitionstart:ua("Transition","TransitionStart"),transitioncancel:ua("Transition","TransitionCancel"),transitionend:ua("Transition","TransitionEnd")},Uc={},oo={};Pe&&(oo=document.createElement("div").style,"AnimationEvent"in window||(delete Ga.animationend.animation,delete Ga.animationiteration.animation,delete Ga.animationstart.animation),"TransitionEvent"in window||delete Ga.transitionend.transition);function ca(t){if(Uc[t])return Uc[t];if(!Ga[t])return t;var e=Ga[t],n;for(n in e)if(e.hasOwnProperty(n)&&n in oo)return Uc[t]=e[n];return t}var ho=ca("animationend"),go=ca("animationiteration"),mo=ca("animationstart"),Kg=ca("transitionrun"),Wg=ca("transitionstart"),Fg=ca("transitioncancel"),Ao=ca("transitionend"),vo=new Map,Qc="abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");Qc.push("scrollEnd");function ze(t,e){vo.set(t,e),la(e,[t])}var yo=new WeakMap;function De(t,e){if(typeof t=="object"&&t!==null){var n=yo.get(t);return n!==void 0?n:(e={value:t,source:e,stack:Nr(e)},yo.set(t,e),e)}return{value:t,source:e,stack:Nr(e)}}var Ce=[],Xa=0,Yc=0;function Ki(){for(var t=Xa,e=Yc=Xa=0;e<t;){var n=Ce[e];Ce[e++]=null;var a=Ce[e];Ce[e++]=null;var l=Ce[e];Ce[e++]=null;var s=Ce[e];if(Ce[e++]=null,a!==null&&l!==null){var h=a.pending;h===null?l.next=l:(l.next=h.next,h.next=l),a.pending=l}s!==0&&Eo(n,l,s)}}function Wi(t,e,n,a){Ce[Xa++]=t,Ce[Xa++]=e,Ce[Xa++]=n,Ce[Xa++]=a,Yc|=a,t.lanes|=a,t=t.alternate,t!==null&&(t.lanes|=a)}function Lc(t,e,n,a){return Wi(t,e,n,a),Fi(t)}function Va(t,e){return Wi(t,null,null,e),Fi(t)}function Eo(t,e,n){t.lanes|=n;var a=t.alternate;a!==null&&(a.lanes|=n);for(var l=!1,s=t.return;s!==null;)s.childLanes|=n,a=s.alternate,a!==null&&(a.childLanes|=n),s.tag===22&&(t=s.stateNode,t===null||t._visibility&1||(l=!0)),t=s,s=s.return;return t.tag===3?(s=t.stateNode,l&&e!==null&&(l=31-ve(n),t=s.hiddenUpdates,a=t[l],a===null?t[l]=[e]:a.push(e),e.lane=n|536870912),s):null}function Fi(t){if(50<ai)throw ai=0,Zs=null,Error(f(185));for(var e=t.return;e!==null;)t=e,e=t.return;return t.tag===3?t.stateNode:null}var Ia={};function Jg(t,e,n,a){this.tag=t,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ee(t,e,n,a){return new Jg(t,e,n,a)}function zc(t){return t=t.prototype,!(!t||!t.isReactComponent)}function _e(t,e){var n=t.alternate;return n===null?(n=Ee(t.tag,e,t.key,t.mode),n.elementType=t.elementType,n.type=t.type,n.stateNode=t.stateNode,n.alternate=t,t.alternate=n):(n.pendingProps=e,n.type=t.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=t.flags&65011712,n.childLanes=t.childLanes,n.lanes=t.lanes,n.child=t.child,n.memoizedProps=t.memoizedProps,n.memoizedState=t.memoizedState,n.updateQueue=t.updateQueue,e=t.dependencies,n.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},n.sibling=t.sibling,n.index=t.index,n.ref=t.ref,n.refCleanup=t.refCleanup,n}function bo(t,e){t.flags&=65011714;var n=t.alternate;return n===null?(t.childLanes=0,t.lanes=e,t.child=null,t.subtreeFlags=0,t.memoizedProps=null,t.memoizedState=null,t.updateQueue=null,t.dependencies=null,t.stateNode=null):(t.childLanes=n.childLanes,t.lanes=n.lanes,t.child=n.child,t.subtreeFlags=0,t.deletions=null,t.memoizedProps=n.memoizedProps,t.memoizedState=n.memoizedState,t.updateQueue=n.updateQueue,t.type=n.type,e=n.dependencies,t.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),t}function Ji(t,e,n,a,l,s){var h=0;if(a=t,typeof t=="function")zc(t)&&(h=1);else if(typeof t=="string")h=_m(t,n,it.current)?26:t==="html"||t==="head"||t==="body"?27:5;else t:switch(t){case W:return t=Ee(31,n,e,l),t.elementType=W,t.lanes=s,t;case N:return sa(n.children,l,s,e);case x:h=8,l|=24;break;case p:return t=Ee(12,n,e,l|2),t.elementType=p,t.lanes=s,t;case V:return t=Ee(13,n,e,l),t.elementType=V,t.lanes=s,t;case j:return t=Ee(19,n,e,l),t.elementType=j,t.lanes=s,t;default:if(typeof t=="object"&&t!==null)switch(t.$$typeof){case T:case U:h=10;break t;case D:h=9;break t;case I:h=11;break t;case G:h=14;break t;case L:h=16,a=null;break t}h=29,n=Error(f(130,t===null?"null":typeof t,"")),a=null}return e=Ee(h,n,e,l),e.elementType=t,e.type=a,e.lanes=s,e}function sa(t,e,n,a){return t=Ee(7,t,a,e),t.lanes=n,t}function Gc(t,e,n){return t=Ee(6,t,null,e),t.lanes=n,t}function Xc(t,e,n){return e=Ee(4,t.children!==null?t.children:[],t.key,e),e.lanes=n,e.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},e}var Za=[],qa=0,Pi=null,_i=0,Me=[],je=0,fa=null,$e=1,tn="";function ra(t,e){Za[qa++]=_i,Za[qa++]=Pi,Pi=t,_i=e}function po(t,e,n){Me[je++]=$e,Me[je++]=tn,Me[je++]=fa,fa=t;var a=$e;t=tn;var l=32-ve(a)-1;a&=~(1<<l),n+=1;var s=32-ve(e)+l;if(30<s){var h=l-l%5;s=(a&(1<<h)-1).toString(32),a>>=h,l-=h,$e=1<<32-ve(e)+l|n<<l|a,tn=s+t}else $e=1<<s|n<<l|a,tn=t}function Vc(t){t.return!==null&&(ra(t,1),po(t,1,0))}function Ic(t){for(;t===Pi;)Pi=Za[--qa],Za[qa]=null,_i=Za[--qa],Za[qa]=null;for(;t===fa;)fa=Me[--je],Me[je]=null,tn=Me[--je],Me[je]=null,$e=Me[--je],Me[je]=null}var se=null,Yt=null,xt=!1,oa=null,Ve=!1,Zc=Error(f(519));function da(t){var e=Error(f(418,""));throw Ul(De(e,t)),Zc}function xo(t){var e=t.stateNode,n=t.type,a=t.memoizedProps;switch(e[ne]=t,e[re]=a,n){case"dialog":yt("cancel",e),yt("close",e);break;case"iframe":case"object":case"embed":yt("load",e);break;case"video":case"audio":for(n=0;n<ii.length;n++)yt(ii[n],e);break;case"source":yt("error",e);break;case"img":case"image":case"link":yt("error",e),yt("load",e);break;case"details":yt("toggle",e);break;case"input":yt("invalid",e),Qr(e,a.value,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name,!0),Li(e);break;case"select":yt("invalid",e);break;case"textarea":yt("invalid",e),Lr(e,a.value,a.defaultValue,a.children),Li(e)}n=a.children,typeof n!="string"&&typeof n!="number"&&typeof n!="bigint"||e.textContent===""+n||a.suppressHydrationWarning===!0||zd(e.textContent,n)?(a.popover!=null&&(yt("beforetoggle",e),yt("toggle",e)),a.onScroll!=null&&yt("scroll",e),a.onScrollEnd!=null&&yt("scrollend",e),a.onClick!=null&&(e.onclick=Hu),e=!0):e=!1,e||da(t)}function So(t){for(se=t.return;se;)switch(se.tag){case 5:case 13:Ve=!1;return;case 27:case 3:Ve=!0;return;default:se=se.return}}function Nl(t){if(t!==se)return!1;if(!xt)return So(t),xt=!0,!1;var e=t.tag,n;if((n=e!==3&&e!==27)&&((n=e===5)&&(n=t.type,n=!(n!=="form"&&n!=="button")||cf(t.type,t.memoizedProps)),n=!n),n&&Yt&&da(t),So(t),e===13){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(317));t:{for(t=t.nextSibling,e=0;t;){if(t.nodeType===8)if(n=t.data,n==="/$"){if(e===0){Yt=Xe(t.nextSibling);break t}e--}else n!=="$"&&n!=="$!"&&n!=="$?"||e++;t=t.nextSibling}Yt=null}}else e===27?(e=Yt,zn(t.type)?(t=of,of=null,Yt=t):Yt=e):Yt=se?Xe(t.stateNode.nextSibling):null;return!0}function Bl(){Yt=se=null,xt=!1}function To(){var t=oa;return t!==null&&(ge===null?ge=t:ge.push.apply(ge,t),oa=null),t}function Ul(t){oa===null?oa=[t]:oa.push(t)}var qc=q(null),ha=null,en=null;function Tn(t,e,n){J(qc,e._currentValue),e._currentValue=n}function nn(t){t._currentValue=qc.current,P(qc)}function kc(t,e,n){for(;t!==null;){var a=t.alternate;if((t.childLanes&e)!==e?(t.childLanes|=e,a!==null&&(a.childLanes|=e)):a!==null&&(a.childLanes&e)!==e&&(a.childLanes|=e),t===n)break;t=t.return}}function Kc(t,e,n,a){var l=t.child;for(l!==null&&(l.return=t);l!==null;){var s=l.dependencies;if(s!==null){var h=l.child;s=s.firstContext;t:for(;s!==null;){var g=s;s=l;for(var S=0;S<e.length;S++)if(g.context===e[S]){s.lanes|=n,g=s.alternate,g!==null&&(g.lanes|=n),kc(s.return,n,t),a||(h=null);break t}s=g.next}}else if(l.tag===18){if(h=l.return,h===null)throw Error(f(341));h.lanes|=n,s=h.alternate,s!==null&&(s.lanes|=n),kc(h,n,t),h=null}else h=l.child;if(h!==null)h.return=l;else for(h=l;h!==null;){if(h===t){h=null;break}if(l=h.sibling,l!==null){l.return=h.return,h=l;break}h=h.return}l=h}}function Ql(t,e,n,a){t=null;for(var l=e,s=!1;l!==null;){if(!s){if((l.flags&524288)!==0)s=!0;else if((l.flags&262144)!==0)break}if(l.tag===10){var h=l.alternate;if(h===null)throw Error(f(387));if(h=h.memoizedProps,h!==null){var g=l.type;ye(l.pendingProps.value,h.value)||(t!==null?t.push(g):t=[g])}}else if(l===Nt.current){if(h=l.alternate,h===null)throw Error(f(387));h.memoizedState.memoizedState!==l.memoizedState.memoizedState&&(t!==null?t.push(oi):t=[oi])}l=l.return}t!==null&&Kc(e,t,n,a),e.flags|=262144}function $i(t){for(t=t.firstContext;t!==null;){if(!ye(t.context._currentValue,t.memoizedValue))return!0;t=t.next}return!1}function ga(t){ha=t,en=null,t=t.dependencies,t!==null&&(t.firstContext=null)}function ae(t){return wo(ha,t)}function tu(t,e){return ha===null&&ga(t),wo(t,e)}function wo(t,e){var n=e._currentValue;if(e={context:e,memoizedValue:n,next:null},en===null){if(t===null)throw Error(f(308));en=e,t.dependencies={lanes:0,firstContext:e},t.flags|=524288}else en=en.next=e;return n}var Pg=typeof AbortController<"u"?AbortController:function(){var t=[],e=this.signal={aborted:!1,addEventListener:function(n,a){t.push(a)}};this.abort=function(){e.aborted=!0,t.forEach(function(n){return n()})}},_g=u.unstable_scheduleCallback,$g=u.unstable_NormalPriority,It={$$typeof:U,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function Wc(){return{controller:new Pg,data:new Map,refCount:0}}function Yl(t){t.refCount--,t.refCount===0&&_g($g,function(){t.controller.abort()})}var Ll=null,Fc=0,ka=0,Ka=null;function tm(t,e){if(Ll===null){var n=Ll=[];Fc=0,ka=Ps(),Ka={status:"pending",value:void 0,then:function(a){n.push(a)}}}return Fc++,e.then(Ro,Ro),e}function Ro(){if(--Fc===0&&Ll!==null){Ka!==null&&(Ka.status="fulfilled");var t=Ll;Ll=null,ka=0,Ka=null;for(var e=0;e<t.length;e++)(0,t[e])()}}function em(t,e){var n=[],a={status:"pending",value:null,reason:null,then:function(l){n.push(l)}};return t.then(function(){a.status="fulfilled",a.value=e;for(var l=0;l<n.length;l++)(0,n[l])(e)},function(l){for(a.status="rejected",a.reason=l,l=0;l<n.length;l++)(0,n[l])(void 0)}),a}var Oo=M.S;M.S=function(t,e){typeof e=="object"&&e!==null&&typeof e.then=="function"&&tm(t,e),Oo!==null&&Oo(t,e)};var ma=q(null);function Jc(){var t=ma.current;return t!==null?t:Mt.pooledCache}function eu(t,e){e===null?J(ma,ma.current):J(ma,e.pool)}function Do(){var t=Jc();return t===null?null:{parent:It._currentValue,pool:t}}var zl=Error(f(460)),Co=Error(f(474)),nu=Error(f(542)),Pc={then:function(){}};function Mo(t){return t=t.status,t==="fulfilled"||t==="rejected"}function au(){}function jo(t,e,n){switch(n=t[n],n===void 0?t.push(e):n!==e&&(e.then(au,au),e=n),e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,No(t),t;default:if(typeof e.status=="string")e.then(au,au);else{if(t=Mt,t!==null&&100<t.shellSuspendCounter)throw Error(f(482));t=e,t.status="pending",t.then(function(a){if(e.status==="pending"){var l=e;l.status="fulfilled",l.value=a}},function(a){if(e.status==="pending"){var l=e;l.status="rejected",l.reason=a}})}switch(e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,No(t),t}throw Gl=e,zl}}var Gl=null;function Ho(){if(Gl===null)throw Error(f(459));var t=Gl;return Gl=null,t}function No(t){if(t===zl||t===nu)throw Error(f(483))}var wn=!1;function _c(t){t.updateQueue={baseState:t.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function $c(t,e){t=t.updateQueue,e.updateQueue===t&&(e.updateQueue={baseState:t.baseState,firstBaseUpdate:t.firstBaseUpdate,lastBaseUpdate:t.lastBaseUpdate,shared:t.shared,callbacks:null})}function Rn(t){return{lane:t,tag:0,payload:null,callback:null,next:null}}function On(t,e,n){var a=t.updateQueue;if(a===null)return null;if(a=a.shared,(St&2)!==0){var l=a.pending;return l===null?e.next=e:(e.next=l.next,l.next=e),a.pending=e,e=Fi(t),Eo(t,null,n),e}return Wi(t,a,e,n),Fi(t)}function Xl(t,e,n){if(e=e.updateQueue,e!==null&&(e=e.shared,(n&4194048)!==0)){var a=e.lanes;a&=t.pendingLanes,n|=a,e.lanes=n,wr(t,n)}}function ts(t,e){var n=t.updateQueue,a=t.alternate;if(a!==null&&(a=a.updateQueue,n===a)){var l=null,s=null;if(n=n.firstBaseUpdate,n!==null){do{var h={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};s===null?l=s=h:s=s.next=h,n=n.next}while(n!==null);s===null?l=s=e:s=s.next=e}else l=s=e;n={baseState:a.baseState,firstBaseUpdate:l,lastBaseUpdate:s,shared:a.shared,callbacks:a.callbacks},t.updateQueue=n;return}t=n.lastBaseUpdate,t===null?n.firstBaseUpdate=e:t.next=e,n.lastBaseUpdate=e}var es=!1;function Vl(){if(es){var t=Ka;if(t!==null)throw t}}function Il(t,e,n,a){es=!1;var l=t.updateQueue;wn=!1;var s=l.firstBaseUpdate,h=l.lastBaseUpdate,g=l.shared.pending;if(g!==null){l.shared.pending=null;var S=g,B=S.next;S.next=null,h===null?s=B:h.next=B,h=S;var X=t.alternate;X!==null&&(X=X.updateQueue,g=X.lastBaseUpdate,g!==h&&(g===null?X.firstBaseUpdate=B:g.next=B,X.lastBaseUpdate=S))}if(s!==null){var k=l.baseState;h=0,X=B=S=null,g=s;do{var Q=g.lane&-536870913,Y=Q!==g.lane;if(Y?(Et&Q)===Q:(a&Q)===Q){Q!==0&&Q===ka&&(es=!0),X!==null&&(X=X.next={lane:0,tag:g.tag,payload:g.payload,callback:null,next:null});t:{var rt=t,st=g;Q=e;var Ot=n;switch(st.tag){case 1:if(rt=st.payload,typeof rt=="function"){k=rt.call(Ot,k,Q);break t}k=rt;break t;case 3:rt.flags=rt.flags&-65537|128;case 0:if(rt=st.payload,Q=typeof rt=="function"?rt.call(Ot,k,Q):rt,Q==null)break t;k=E({},k,Q);break t;case 2:wn=!0}}Q=g.callback,Q!==null&&(t.flags|=64,Y&&(t.flags|=8192),Y=l.callbacks,Y===null?l.callbacks=[Q]:Y.push(Q))}else Y={lane:Q,tag:g.tag,payload:g.payload,callback:g.callback,next:null},X===null?(B=X=Y,S=k):X=X.next=Y,h|=Q;if(g=g.next,g===null){if(g=l.shared.pending,g===null)break;Y=g,g=Y.next,Y.next=null,l.lastBaseUpdate=Y,l.shared.pending=null}}while(!0);X===null&&(S=k),l.baseState=S,l.firstBaseUpdate=B,l.lastBaseUpdate=X,s===null&&(l.shared.lanes=0),Un|=h,t.lanes=h,t.memoizedState=k}}function Bo(t,e){if(typeof t!="function")throw Error(f(191,t));t.call(e)}function Uo(t,e){var n=t.callbacks;if(n!==null)for(t.callbacks=null,t=0;t<n.length;t++)Bo(n[t],e)}var Wa=q(null),lu=q(0);function Qo(t,e){t=rn,J(lu,t),J(Wa,e),rn=t|e.baseLanes}function ns(){J(lu,rn),J(Wa,Wa.current)}function as(){rn=lu.current,P(Wa),P(lu)}var Dn=0,gt=null,wt=null,Xt=null,iu=!1,Fa=!1,Aa=!1,uu=0,Zl=0,Ja=null,nm=0;function zt(){throw Error(f(321))}function ls(t,e){if(e===null)return!1;for(var n=0;n<e.length&&n<t.length;n++)if(!ye(t[n],e[n]))return!1;return!0}function is(t,e,n,a,l,s){return Dn=s,gt=e,e.memoizedState=null,e.updateQueue=null,e.lanes=0,M.H=t===null||t.memoizedState===null?E0:b0,Aa=!1,s=n(a,l),Aa=!1,Fa&&(s=Lo(e,n,a,l)),Yo(t),s}function Yo(t){M.H=du;var e=wt!==null&&wt.next!==null;if(Dn=0,Xt=wt=gt=null,iu=!1,Zl=0,Ja=null,e)throw Error(f(300));t===null||Kt||(t=t.dependencies,t!==null&&$i(t)&&(Kt=!0))}function Lo(t,e,n,a){gt=t;var l=0;do{if(Fa&&(Ja=null),Zl=0,Fa=!1,25<=l)throw Error(f(301));if(l+=1,Xt=wt=null,t.updateQueue!=null){var s=t.updateQueue;s.lastEffect=null,s.events=null,s.stores=null,s.memoCache!=null&&(s.memoCache.index=0)}M.H=fm,s=e(n,a)}while(Fa);return s}function am(){var t=M.H,e=t.useState()[0];return e=typeof e.then=="function"?ql(e):e,t=t.useState()[0],(wt!==null?wt.memoizedState:null)!==t&&(gt.flags|=1024),e}function us(){var t=uu!==0;return uu=0,t}function cs(t,e,n){e.updateQueue=t.updateQueue,e.flags&=-2053,t.lanes&=~n}function ss(t){if(iu){for(t=t.memoizedState;t!==null;){var e=t.queue;e!==null&&(e.pending=null),t=t.next}iu=!1}Dn=0,Xt=wt=gt=null,Fa=!1,Zl=uu=0,Ja=null}function de(){var t={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return Xt===null?gt.memoizedState=Xt=t:Xt=Xt.next=t,Xt}function Vt(){if(wt===null){var t=gt.alternate;t=t!==null?t.memoizedState:null}else t=wt.next;var e=Xt===null?gt.memoizedState:Xt.next;if(e!==null)Xt=e,wt=t;else{if(t===null)throw gt.alternate===null?Error(f(467)):Error(f(310));wt=t,t={memoizedState:wt.memoizedState,baseState:wt.baseState,baseQueue:wt.baseQueue,queue:wt.queue,next:null},Xt===null?gt.memoizedState=Xt=t:Xt=Xt.next=t}return Xt}function fs(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function ql(t){var e=Zl;return Zl+=1,Ja===null&&(Ja=[]),t=jo(Ja,t,e),e=gt,(Xt===null?e.memoizedState:Xt.next)===null&&(e=e.alternate,M.H=e===null||e.memoizedState===null?E0:b0),t}function cu(t){if(t!==null&&typeof t=="object"){if(typeof t.then=="function")return ql(t);if(t.$$typeof===U)return ae(t)}throw Error(f(438,String(t)))}function rs(t){var e=null,n=gt.updateQueue;if(n!==null&&(e=n.memoCache),e==null){var a=gt.alternate;a!==null&&(a=a.updateQueue,a!==null&&(a=a.memoCache,a!=null&&(e={data:a.data.map(function(l){return l.slice()}),index:0})))}if(e==null&&(e={data:[],index:0}),n===null&&(n=fs(),gt.updateQueue=n),n.memoCache=e,n=e.data[e.index],n===void 0)for(n=e.data[e.index]=Array(t),a=0;a<t;a++)n[a]=F;return e.index++,n}function an(t,e){return typeof e=="function"?e(t):e}function su(t){var e=Vt();return os(e,wt,t)}function os(t,e,n){var a=t.queue;if(a===null)throw Error(f(311));a.lastRenderedReducer=n;var l=t.baseQueue,s=a.pending;if(s!==null){if(l!==null){var h=l.next;l.next=s.next,s.next=h}e.baseQueue=l=s,a.pending=null}if(s=t.baseState,l===null)t.memoizedState=s;else{e=l.next;var g=h=null,S=null,B=e,X=!1;do{var k=B.lane&-536870913;if(k!==B.lane?(Et&k)===k:(Dn&k)===k){var Q=B.revertLane;if(Q===0)S!==null&&(S=S.next={lane:0,revertLane:0,action:B.action,hasEagerState:B.hasEagerState,eagerState:B.eagerState,next:null}),k===ka&&(X=!0);else if((Dn&Q)===Q){B=B.next,Q===ka&&(X=!0);continue}else k={lane:0,revertLane:B.revertLane,action:B.action,hasEagerState:B.hasEagerState,eagerState:B.eagerState,next:null},S===null?(g=S=k,h=s):S=S.next=k,gt.lanes|=Q,Un|=Q;k=B.action,Aa&&n(s,k),s=B.hasEagerState?B.eagerState:n(s,k)}else Q={lane:k,revertLane:B.revertLane,action:B.action,hasEagerState:B.hasEagerState,eagerState:B.eagerState,next:null},S===null?(g=S=Q,h=s):S=S.next=Q,gt.lanes|=k,Un|=k;B=B.next}while(B!==null&&B!==e);if(S===null?h=s:S.next=g,!ye(s,t.memoizedState)&&(Kt=!0,X&&(n=Ka,n!==null)))throw n;t.memoizedState=s,t.baseState=h,t.baseQueue=S,a.lastRenderedState=s}return l===null&&(a.lanes=0),[t.memoizedState,a.dispatch]}function ds(t){var e=Vt(),n=e.queue;if(n===null)throw Error(f(311));n.lastRenderedReducer=t;var a=n.dispatch,l=n.pending,s=e.memoizedState;if(l!==null){n.pending=null;var h=l=l.next;do s=t(s,h.action),h=h.next;while(h!==l);ye(s,e.memoizedState)||(Kt=!0),e.memoizedState=s,e.baseQueue===null&&(e.baseState=s),n.lastRenderedState=s}return[s,a]}function zo(t,e,n){var a=gt,l=Vt(),s=xt;if(s){if(n===void 0)throw Error(f(407));n=n()}else n=e();var h=!ye((wt||l).memoizedState,n);h&&(l.memoizedState=n,Kt=!0),l=l.queue;var g=Vo.bind(null,a,l,t);if(kl(2048,8,g,[t]),l.getSnapshot!==e||h||Xt!==null&&Xt.memoizedState.tag&1){if(a.flags|=2048,Pa(9,fu(),Xo.bind(null,a,l,n,e),null),Mt===null)throw Error(f(349));s||(Dn&124)!==0||Go(a,e,n)}return n}function Go(t,e,n){t.flags|=16384,t={getSnapshot:e,value:n},e=gt.updateQueue,e===null?(e=fs(),gt.updateQueue=e,e.stores=[t]):(n=e.stores,n===null?e.stores=[t]:n.push(t))}function Xo(t,e,n,a){e.value=n,e.getSnapshot=a,Io(e)&&Zo(t)}function Vo(t,e,n){return n(function(){Io(e)&&Zo(t)})}function Io(t){var e=t.getSnapshot;t=t.value;try{var n=e();return!ye(t,n)}catch{return!0}}function Zo(t){var e=Va(t,2);e!==null&&Te(e,t,2)}function hs(t){var e=de();if(typeof t=="function"){var n=t;if(t=n(),Aa){pn(!0);try{n()}finally{pn(!1)}}}return e.memoizedState=e.baseState=t,e.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:an,lastRenderedState:t},e}function qo(t,e,n,a){return t.baseState=n,os(t,wt,typeof a=="function"?a:an)}function lm(t,e,n,a,l){if(ou(t))throw Error(f(485));if(t=e.action,t!==null){var s={payload:l,action:t,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(h){s.listeners.push(h)}};M.T!==null?n(!0):s.isTransition=!1,a(s),n=e.pending,n===null?(s.next=e.pending=s,ko(e,s)):(s.next=n.next,e.pending=n.next=s)}}function ko(t,e){var n=e.action,a=e.payload,l=t.state;if(e.isTransition){var s=M.T,h={};M.T=h;try{var g=n(l,a),S=M.S;S!==null&&S(h,g),Ko(t,e,g)}catch(B){gs(t,e,B)}finally{M.T=s}}else try{s=n(l,a),Ko(t,e,s)}catch(B){gs(t,e,B)}}function Ko(t,e,n){n!==null&&typeof n=="object"&&typeof n.then=="function"?n.then(function(a){Wo(t,e,a)},function(a){return gs(t,e,a)}):Wo(t,e,n)}function Wo(t,e,n){e.status="fulfilled",e.value=n,Fo(e),t.state=n,e=t.pending,e!==null&&(n=e.next,n===e?t.pending=null:(n=n.next,e.next=n,ko(t,n)))}function gs(t,e,n){var a=t.pending;if(t.pending=null,a!==null){a=a.next;do e.status="rejected",e.reason=n,Fo(e),e=e.next;while(e!==a)}t.action=null}function Fo(t){t=t.listeners;for(var e=0;e<t.length;e++)(0,t[e])()}function Jo(t,e){return e}function Po(t,e){if(xt){var n=Mt.formState;if(n!==null){t:{var a=gt;if(xt){if(Yt){e:{for(var l=Yt,s=Ve;l.nodeType!==8;){if(!s){l=null;break e}if(l=Xe(l.nextSibling),l===null){l=null;break e}}s=l.data,l=s==="F!"||s==="F"?l:null}if(l){Yt=Xe(l.nextSibling),a=l.data==="F!";break t}}da(a)}a=!1}a&&(e=n[0])}}return n=de(),n.memoizedState=n.baseState=e,a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Jo,lastRenderedState:e},n.queue=a,n=A0.bind(null,gt,a),a.dispatch=n,a=hs(!1),s=Es.bind(null,gt,!1,a.queue),a=de(),l={state:e,dispatch:null,action:t,pending:null},a.queue=l,n=lm.bind(null,gt,l,s,n),l.dispatch=n,a.memoizedState=t,[e,n,!1]}function _o(t){var e=Vt();return $o(e,wt,t)}function $o(t,e,n){if(e=os(t,e,Jo)[0],t=su(an)[0],typeof e=="object"&&e!==null&&typeof e.then=="function")try{var a=ql(e)}catch(h){throw h===zl?nu:h}else a=e;e=Vt();var l=e.queue,s=l.dispatch;return n!==e.memoizedState&&(gt.flags|=2048,Pa(9,fu(),im.bind(null,l,n),null)),[a,s,t]}function im(t,e){t.action=e}function t0(t){var e=Vt(),n=wt;if(n!==null)return $o(e,n,t);Vt(),e=e.memoizedState,n=Vt();var a=n.queue.dispatch;return n.memoizedState=t,[e,a,!1]}function Pa(t,e,n,a){return t={tag:t,create:n,deps:a,inst:e,next:null},e=gt.updateQueue,e===null&&(e=fs(),gt.updateQueue=e),n=e.lastEffect,n===null?e.lastEffect=t.next=t:(a=n.next,n.next=t,t.next=a,e.lastEffect=t),t}function fu(){return{destroy:void 0,resource:void 0}}function e0(){return Vt().memoizedState}function ru(t,e,n,a){var l=de();a=a===void 0?null:a,gt.flags|=t,l.memoizedState=Pa(1|e,fu(),n,a)}function kl(t,e,n,a){var l=Vt();a=a===void 0?null:a;var s=l.memoizedState.inst;wt!==null&&a!==null&&ls(a,wt.memoizedState.deps)?l.memoizedState=Pa(e,s,n,a):(gt.flags|=t,l.memoizedState=Pa(1|e,s,n,a))}function n0(t,e){ru(8390656,8,t,e)}function a0(t,e){kl(2048,8,t,e)}function l0(t,e){return kl(4,2,t,e)}function i0(t,e){return kl(4,4,t,e)}function u0(t,e){if(typeof e=="function"){t=t();var n=e(t);return function(){typeof n=="function"?n():e(null)}}if(e!=null)return t=t(),e.current=t,function(){e.current=null}}function c0(t,e,n){n=n!=null?n.concat([t]):null,kl(4,4,u0.bind(null,e,t),n)}function ms(){}function s0(t,e){var n=Vt();e=e===void 0?null:e;var a=n.memoizedState;return e!==null&&ls(e,a[1])?a[0]:(n.memoizedState=[t,e],t)}function f0(t,e){var n=Vt();e=e===void 0?null:e;var a=n.memoizedState;if(e!==null&&ls(e,a[1]))return a[0];if(a=t(),Aa){pn(!0);try{t()}finally{pn(!1)}}return n.memoizedState=[a,e],a}function As(t,e,n){return n===void 0||(Dn&1073741824)!==0?t.memoizedState=e:(t.memoizedState=n,t=dd(),gt.lanes|=t,Un|=t,n)}function r0(t,e,n,a){return ye(n,e)?n:Wa.current!==null?(t=As(t,n,a),ye(t,e)||(Kt=!0),t):(Dn&42)===0?(Kt=!0,t.memoizedState=n):(t=dd(),gt.lanes|=t,Un|=t,e)}function o0(t,e,n,a,l){var s=_.p;_.p=s!==0&&8>s?s:8;var h=M.T,g={};M.T=g,Es(t,!1,e,n);try{var S=l(),B=M.S;if(B!==null&&B(g,S),S!==null&&typeof S=="object"&&typeof S.then=="function"){var X=em(S,a);Kl(t,e,X,Se(t))}else Kl(t,e,a,Se(t))}catch(k){Kl(t,e,{then:function(){},status:"rejected",reason:k},Se())}finally{_.p=s,M.T=h}}function um(){}function vs(t,e,n,a){if(t.tag!==5)throw Error(f(476));var l=d0(t).queue;o0(t,l,e,$,n===null?um:function(){return h0(t),n(a)})}function d0(t){var e=t.memoizedState;if(e!==null)return e;e={memoizedState:$,baseState:$,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:an,lastRenderedState:$},next:null};var n={};return e.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:an,lastRenderedState:n},next:null},t.memoizedState=e,t=t.alternate,t!==null&&(t.memoizedState=e),e}function h0(t){var e=d0(t).next.queue;Kl(t,e,{},Se())}function ys(){return ae(oi)}function g0(){return Vt().memoizedState}function m0(){return Vt().memoizedState}function cm(t){for(var e=t.return;e!==null;){switch(e.tag){case 24:case 3:var n=Se();t=Rn(n);var a=On(e,t,n);a!==null&&(Te(a,e,n),Xl(a,e,n)),e={cache:Wc()},t.payload=e;return}e=e.return}}function sm(t,e,n){var a=Se();n={lane:a,revertLane:0,action:n,hasEagerState:!1,eagerState:null,next:null},ou(t)?v0(e,n):(n=Lc(t,e,n,a),n!==null&&(Te(n,t,a),y0(n,e,a)))}function A0(t,e,n){var a=Se();Kl(t,e,n,a)}function Kl(t,e,n,a){var l={lane:a,revertLane:0,action:n,hasEagerState:!1,eagerState:null,next:null};if(ou(t))v0(e,l);else{var s=t.alternate;if(t.lanes===0&&(s===null||s.lanes===0)&&(s=e.lastRenderedReducer,s!==null))try{var h=e.lastRenderedState,g=s(h,n);if(l.hasEagerState=!0,l.eagerState=g,ye(g,h))return Wi(t,e,l,0),Mt===null&&Ki(),!1}catch{}finally{}if(n=Lc(t,e,l,a),n!==null)return Te(n,t,a),y0(n,e,a),!0}return!1}function Es(t,e,n,a){if(a={lane:2,revertLane:Ps(),action:a,hasEagerState:!1,eagerState:null,next:null},ou(t)){if(e)throw Error(f(479))}else e=Lc(t,n,a,2),e!==null&&Te(e,t,2)}function ou(t){var e=t.alternate;return t===gt||e!==null&&e===gt}function v0(t,e){Fa=iu=!0;var n=t.pending;n===null?e.next=e:(e.next=n.next,n.next=e),t.pending=e}function y0(t,e,n){if((n&4194048)!==0){var a=e.lanes;a&=t.pendingLanes,n|=a,e.lanes=n,wr(t,n)}}var du={readContext:ae,use:cu,useCallback:zt,useContext:zt,useEffect:zt,useImperativeHandle:zt,useLayoutEffect:zt,useInsertionEffect:zt,useMemo:zt,useReducer:zt,useRef:zt,useState:zt,useDebugValue:zt,useDeferredValue:zt,useTransition:zt,useSyncExternalStore:zt,useId:zt,useHostTransitionStatus:zt,useFormState:zt,useActionState:zt,useOptimistic:zt,useMemoCache:zt,useCacheRefresh:zt},E0={readContext:ae,use:cu,useCallback:function(t,e){return de().memoizedState=[t,e===void 0?null:e],t},useContext:ae,useEffect:n0,useImperativeHandle:function(t,e,n){n=n!=null?n.concat([t]):null,ru(4194308,4,u0.bind(null,e,t),n)},useLayoutEffect:function(t,e){return ru(4194308,4,t,e)},useInsertionEffect:function(t,e){ru(4,2,t,e)},useMemo:function(t,e){var n=de();e=e===void 0?null:e;var a=t();if(Aa){pn(!0);try{t()}finally{pn(!1)}}return n.memoizedState=[a,e],a},useReducer:function(t,e,n){var a=de();if(n!==void 0){var l=n(e);if(Aa){pn(!0);try{n(e)}finally{pn(!1)}}}else l=e;return a.memoizedState=a.baseState=l,t={pending:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:l},a.queue=t,t=t.dispatch=sm.bind(null,gt,t),[a.memoizedState,t]},useRef:function(t){var e=de();return t={current:t},e.memoizedState=t},useState:function(t){t=hs(t);var e=t.queue,n=A0.bind(null,gt,e);return e.dispatch=n,[t.memoizedState,n]},useDebugValue:ms,useDeferredValue:function(t,e){var n=de();return As(n,t,e)},useTransition:function(){var t=hs(!1);return t=o0.bind(null,gt,t.queue,!0,!1),de().memoizedState=t,[!1,t]},useSyncExternalStore:function(t,e,n){var a=gt,l=de();if(xt){if(n===void 0)throw Error(f(407));n=n()}else{if(n=e(),Mt===null)throw Error(f(349));(Et&124)!==0||Go(a,e,n)}l.memoizedState=n;var s={value:n,getSnapshot:e};return l.queue=s,n0(Vo.bind(null,a,s,t),[t]),a.flags|=2048,Pa(9,fu(),Xo.bind(null,a,s,n,e),null),n},useId:function(){var t=de(),e=Mt.identifierPrefix;if(xt){var n=tn,a=$e;n=(a&~(1<<32-ve(a)-1)).toString(32)+n,e="«"+e+"R"+n,n=uu++,0<n&&(e+="H"+n.toString(32)),e+="»"}else n=nm++,e="«"+e+"r"+n.toString(32)+"»";return t.memoizedState=e},useHostTransitionStatus:ys,useFormState:Po,useActionState:Po,useOptimistic:function(t){var e=de();e.memoizedState=e.baseState=t;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return e.queue=n,e=Es.bind(null,gt,!0,n),n.dispatch=e,[t,e]},useMemoCache:rs,useCacheRefresh:function(){return de().memoizedState=cm.bind(null,gt)}},b0={readContext:ae,use:cu,useCallback:s0,useContext:ae,useEffect:a0,useImperativeHandle:c0,useInsertionEffect:l0,useLayoutEffect:i0,useMemo:f0,useReducer:su,useRef:e0,useState:function(){return su(an)},useDebugValue:ms,useDeferredValue:function(t,e){var n=Vt();return r0(n,wt.memoizedState,t,e)},useTransition:function(){var t=su(an)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:ql(t),e]},useSyncExternalStore:zo,useId:g0,useHostTransitionStatus:ys,useFormState:_o,useActionState:_o,useOptimistic:function(t,e){var n=Vt();return qo(n,wt,t,e)},useMemoCache:rs,useCacheRefresh:m0},fm={readContext:ae,use:cu,useCallback:s0,useContext:ae,useEffect:a0,useImperativeHandle:c0,useInsertionEffect:l0,useLayoutEffect:i0,useMemo:f0,useReducer:ds,useRef:e0,useState:function(){return ds(an)},useDebugValue:ms,useDeferredValue:function(t,e){var n=Vt();return wt===null?As(n,t,e):r0(n,wt.memoizedState,t,e)},useTransition:function(){var t=ds(an)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:ql(t),e]},useSyncExternalStore:zo,useId:g0,useHostTransitionStatus:ys,useFormState:t0,useActionState:t0,useOptimistic:function(t,e){var n=Vt();return wt!==null?qo(n,wt,t,e):(n.baseState=t,[t,n.queue.dispatch])},useMemoCache:rs,useCacheRefresh:m0},_a=null,Wl=0;function hu(t){var e=Wl;return Wl+=1,_a===null&&(_a=[]),jo(_a,t,e)}function Fl(t,e){e=e.props.ref,t.ref=e!==void 0?e:null}function gu(t,e){throw e.$$typeof===w?Error(f(525)):(t=Object.prototype.toString.call(e),Error(f(31,t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)))}function p0(t){var e=t._init;return e(t._payload)}function x0(t){function e(C,O){if(t){var H=C.deletions;H===null?(C.deletions=[O],C.flags|=16):H.push(O)}}function n(C,O){if(!t)return null;for(;O!==null;)e(C,O),O=O.sibling;return null}function a(C){for(var O=new Map;C!==null;)C.key!==null?O.set(C.key,C):O.set(C.index,C),C=C.sibling;return O}function l(C,O){return C=_e(C,O),C.index=0,C.sibling=null,C}function s(C,O,H){return C.index=H,t?(H=C.alternate,H!==null?(H=H.index,H<O?(C.flags|=67108866,O):H):(C.flags|=67108866,O)):(C.flags|=1048576,O)}function h(C){return t&&C.alternate===null&&(C.flags|=67108866),C}function g(C,O,H,Z){return O===null||O.tag!==6?(O=Gc(H,C.mode,Z),O.return=C,O):(O=l(O,H),O.return=C,O)}function S(C,O,H,Z){var nt=H.type;return nt===N?X(C,O,H.props.children,Z,H.key):O!==null&&(O.elementType===nt||typeof nt=="object"&&nt!==null&&nt.$$typeof===L&&p0(nt)===O.type)?(O=l(O,H.props),Fl(O,H),O.return=C,O):(O=Ji(H.type,H.key,H.props,null,C.mode,Z),Fl(O,H),O.return=C,O)}function B(C,O,H,Z){return O===null||O.tag!==4||O.stateNode.containerInfo!==H.containerInfo||O.stateNode.implementation!==H.implementation?(O=Xc(H,C.mode,Z),O.return=C,O):(O=l(O,H.children||[]),O.return=C,O)}function X(C,O,H,Z,nt){return O===null||O.tag!==7?(O=sa(H,C.mode,Z,nt),O.return=C,O):(O=l(O,H),O.return=C,O)}function k(C,O,H){if(typeof O=="string"&&O!==""||typeof O=="number"||typeof O=="bigint")return O=Gc(""+O,C.mode,H),O.return=C,O;if(typeof O=="object"&&O!==null){switch(O.$$typeof){case R:return H=Ji(O.type,O.key,O.props,null,C.mode,H),Fl(H,O),H.return=C,H;case z:return O=Xc(O,C.mode,H),O.return=C,O;case L:var Z=O._init;return O=Z(O._payload),k(C,O,H)}if(at(O)||et(O))return O=sa(O,C.mode,H,null),O.return=C,O;if(typeof O.then=="function")return k(C,hu(O),H);if(O.$$typeof===U)return k(C,tu(C,O),H);gu(C,O)}return null}function Q(C,O,H,Z){var nt=O!==null?O.key:null;if(typeof H=="string"&&H!==""||typeof H=="number"||typeof H=="bigint")return nt!==null?null:g(C,O,""+H,Z);if(typeof H=="object"&&H!==null){switch(H.$$typeof){case R:return H.key===nt?S(C,O,H,Z):null;case z:return H.key===nt?B(C,O,H,Z):null;case L:return nt=H._init,H=nt(H._payload),Q(C,O,H,Z)}if(at(H)||et(H))return nt!==null?null:X(C,O,H,Z,null);if(typeof H.then=="function")return Q(C,O,hu(H),Z);if(H.$$typeof===U)return Q(C,O,tu(C,H),Z);gu(C,H)}return null}function Y(C,O,H,Z,nt){if(typeof Z=="string"&&Z!==""||typeof Z=="number"||typeof Z=="bigint")return C=C.get(H)||null,g(O,C,""+Z,nt);if(typeof Z=="object"&&Z!==null){switch(Z.$$typeof){case R:return C=C.get(Z.key===null?H:Z.key)||null,S(O,C,Z,nt);case z:return C=C.get(Z.key===null?H:Z.key)||null,B(O,C,Z,nt);case L:var At=Z._init;return Z=At(Z._payload),Y(C,O,H,Z,nt)}if(at(Z)||et(Z))return C=C.get(H)||null,X(O,C,Z,nt,null);if(typeof Z.then=="function")return Y(C,O,H,hu(Z),nt);if(Z.$$typeof===U)return Y(C,O,H,tu(O,Z),nt);gu(O,Z)}return null}function rt(C,O,H,Z){for(var nt=null,At=null,lt=O,ft=O=0,Ft=null;lt!==null&&ft<H.length;ft++){lt.index>ft?(Ft=lt,lt=null):Ft=lt.sibling;var pt=Q(C,lt,H[ft],Z);if(pt===null){lt===null&&(lt=Ft);break}t&&lt&&pt.alternate===null&&e(C,lt),O=s(pt,O,ft),At===null?nt=pt:At.sibling=pt,At=pt,lt=Ft}if(ft===H.length)return n(C,lt),xt&&ra(C,ft),nt;if(lt===null){for(;ft<H.length;ft++)lt=k(C,H[ft],Z),lt!==null&&(O=s(lt,O,ft),At===null?nt=lt:At.sibling=lt,At=lt);return xt&&ra(C,ft),nt}for(lt=a(lt);ft<H.length;ft++)Ft=Y(lt,C,ft,H[ft],Z),Ft!==null&&(t&&Ft.alternate!==null&&lt.delete(Ft.key===null?ft:Ft.key),O=s(Ft,O,ft),At===null?nt=Ft:At.sibling=Ft,At=Ft);return t&&lt.forEach(function(Zn){return e(C,Zn)}),xt&&ra(C,ft),nt}function st(C,O,H,Z){if(H==null)throw Error(f(151));for(var nt=null,At=null,lt=O,ft=O=0,Ft=null,pt=H.next();lt!==null&&!pt.done;ft++,pt=H.next()){lt.index>ft?(Ft=lt,lt=null):Ft=lt.sibling;var Zn=Q(C,lt,pt.value,Z);if(Zn===null){lt===null&&(lt=Ft);break}t&&lt&&Zn.alternate===null&&e(C,lt),O=s(Zn,O,ft),At===null?nt=Zn:At.sibling=Zn,At=Zn,lt=Ft}if(pt.done)return n(C,lt),xt&&ra(C,ft),nt;if(lt===null){for(;!pt.done;ft++,pt=H.next())pt=k(C,pt.value,Z),pt!==null&&(O=s(pt,O,ft),At===null?nt=pt:At.sibling=pt,At=pt);return xt&&ra(C,ft),nt}for(lt=a(lt);!pt.done;ft++,pt=H.next())pt=Y(lt,C,ft,pt.value,Z),pt!==null&&(t&&pt.alternate!==null&&lt.delete(pt.key===null?ft:pt.key),O=s(pt,O,ft),At===null?nt=pt:At.sibling=pt,At=pt);return t&&lt.forEach(function(rA){return e(C,rA)}),xt&&ra(C,ft),nt}function Ot(C,O,H,Z){if(typeof H=="object"&&H!==null&&H.type===N&&H.key===null&&(H=H.props.children),typeof H=="object"&&H!==null){switch(H.$$typeof){case R:t:{for(var nt=H.key;O!==null;){if(O.key===nt){if(nt=H.type,nt===N){if(O.tag===7){n(C,O.sibling),Z=l(O,H.props.children),Z.return=C,C=Z;break t}}else if(O.elementType===nt||typeof nt=="object"&&nt!==null&&nt.$$typeof===L&&p0(nt)===O.type){n(C,O.sibling),Z=l(O,H.props),Fl(Z,H),Z.return=C,C=Z;break t}n(C,O);break}else e(C,O);O=O.sibling}H.type===N?(Z=sa(H.props.children,C.mode,Z,H.key),Z.return=C,C=Z):(Z=Ji(H.type,H.key,H.props,null,C.mode,Z),Fl(Z,H),Z.return=C,C=Z)}return h(C);case z:t:{for(nt=H.key;O!==null;){if(O.key===nt)if(O.tag===4&&O.stateNode.containerInfo===H.containerInfo&&O.stateNode.implementation===H.implementation){n(C,O.sibling),Z=l(O,H.children||[]),Z.return=C,C=Z;break t}else{n(C,O);break}else e(C,O);O=O.sibling}Z=Xc(H,C.mode,Z),Z.return=C,C=Z}return h(C);case L:return nt=H._init,H=nt(H._payload),Ot(C,O,H,Z)}if(at(H))return rt(C,O,H,Z);if(et(H)){if(nt=et(H),typeof nt!="function")throw Error(f(150));return H=nt.call(H),st(C,O,H,Z)}if(typeof H.then=="function")return Ot(C,O,hu(H),Z);if(H.$$typeof===U)return Ot(C,O,tu(C,H),Z);gu(C,H)}return typeof H=="string"&&H!==""||typeof H=="number"||typeof H=="bigint"?(H=""+H,O!==null&&O.tag===6?(n(C,O.sibling),Z=l(O,H),Z.return=C,C=Z):(n(C,O),Z=Gc(H,C.mode,Z),Z.return=C,C=Z),h(C)):n(C,O)}return function(C,O,H,Z){try{Wl=0;var nt=Ot(C,O,H,Z);return _a=null,nt}catch(lt){if(lt===zl||lt===nu)throw lt;var At=Ee(29,lt,null,C.mode);return At.lanes=Z,At.return=C,At}finally{}}}var $a=x0(!0),S0=x0(!1),He=q(null),Ie=null;function Cn(t){var e=t.alternate;J(Zt,Zt.current&1),J(He,t),Ie===null&&(e===null||Wa.current!==null||e.memoizedState!==null)&&(Ie=t)}function T0(t){if(t.tag===22){if(J(Zt,Zt.current),J(He,t),Ie===null){var e=t.alternate;e!==null&&e.memoizedState!==null&&(Ie=t)}}else Mn()}function Mn(){J(Zt,Zt.current),J(He,He.current)}function ln(t){P(He),Ie===t&&(Ie=null),P(Zt)}var Zt=q(0);function mu(t){for(var e=t;e!==null;){if(e.tag===13){var n=e.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||rf(n)))return e}else if(e.tag===19&&e.memoizedProps.revealOrder!==void 0){if((e.flags&128)!==0)return e}else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}function bs(t,e,n,a){e=t.memoizedState,n=n(a,e),n=n==null?e:E({},e,n),t.memoizedState=n,t.lanes===0&&(t.updateQueue.baseState=n)}var ps={enqueueSetState:function(t,e,n){t=t._reactInternals;var a=Se(),l=Rn(a);l.payload=e,n!=null&&(l.callback=n),e=On(t,l,a),e!==null&&(Te(e,t,a),Xl(e,t,a))},enqueueReplaceState:function(t,e,n){t=t._reactInternals;var a=Se(),l=Rn(a);l.tag=1,l.payload=e,n!=null&&(l.callback=n),e=On(t,l,a),e!==null&&(Te(e,t,a),Xl(e,t,a))},enqueueForceUpdate:function(t,e){t=t._reactInternals;var n=Se(),a=Rn(n);a.tag=2,e!=null&&(a.callback=e),e=On(t,a,n),e!==null&&(Te(e,t,n),Xl(e,t,n))}};function w0(t,e,n,a,l,s,h){return t=t.stateNode,typeof t.shouldComponentUpdate=="function"?t.shouldComponentUpdate(a,s,h):e.prototype&&e.prototype.isPureReactComponent?!jl(n,a)||!jl(l,s):!0}function R0(t,e,n,a){t=e.state,typeof e.componentWillReceiveProps=="function"&&e.componentWillReceiveProps(n,a),typeof e.UNSAFE_componentWillReceiveProps=="function"&&e.UNSAFE_componentWillReceiveProps(n,a),e.state!==t&&ps.enqueueReplaceState(e,e.state,null)}function va(t,e){var n=e;if("ref"in e){n={};for(var a in e)a!=="ref"&&(n[a]=e[a])}if(t=t.defaultProps){n===e&&(n=E({},n));for(var l in t)n[l]===void 0&&(n[l]=t[l])}return n}var Au=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)};function O0(t){Au(t)}function D0(t){console.error(t)}function C0(t){Au(t)}function vu(t,e){try{var n=t.onUncaughtError;n(e.value,{componentStack:e.stack})}catch(a){setTimeout(function(){throw a})}}function M0(t,e,n){try{var a=t.onCaughtError;a(n.value,{componentStack:n.stack,errorBoundary:e.tag===1?e.stateNode:null})}catch(l){setTimeout(function(){throw l})}}function xs(t,e,n){return n=Rn(n),n.tag=3,n.payload={element:null},n.callback=function(){vu(t,e)},n}function j0(t){return t=Rn(t),t.tag=3,t}function H0(t,e,n,a){var l=n.type.getDerivedStateFromError;if(typeof l=="function"){var s=a.value;t.payload=function(){return l(s)},t.callback=function(){M0(e,n,a)}}var h=n.stateNode;h!==null&&typeof h.componentDidCatch=="function"&&(t.callback=function(){M0(e,n,a),typeof l!="function"&&(Qn===null?Qn=new Set([this]):Qn.add(this));var g=a.stack;this.componentDidCatch(a.value,{componentStack:g!==null?g:""})})}function rm(t,e,n,a,l){if(n.flags|=32768,a!==null&&typeof a=="object"&&typeof a.then=="function"){if(e=n.alternate,e!==null&&Ql(e,n,l,!0),n=He.current,n!==null){switch(n.tag){case 13:return Ie===null?ks():n.alternate===null&&Lt===0&&(Lt=3),n.flags&=-257,n.flags|=65536,n.lanes=l,a===Pc?n.flags|=16384:(e=n.updateQueue,e===null?n.updateQueue=new Set([a]):e.add(a),Ws(t,a,l)),!1;case 22:return n.flags|=65536,a===Pc?n.flags|=16384:(e=n.updateQueue,e===null?(e={transitions:null,markerInstances:null,retryQueue:new Set([a])},n.updateQueue=e):(n=e.retryQueue,n===null?e.retryQueue=new Set([a]):n.add(a)),Ws(t,a,l)),!1}throw Error(f(435,n.tag))}return Ws(t,a,l),ks(),!1}if(xt)return e=He.current,e!==null?((e.flags&65536)===0&&(e.flags|=256),e.flags|=65536,e.lanes=l,a!==Zc&&(t=Error(f(422),{cause:a}),Ul(De(t,n)))):(a!==Zc&&(e=Error(f(423),{cause:a}),Ul(De(e,n))),t=t.current.alternate,t.flags|=65536,l&=-l,t.lanes|=l,a=De(a,n),l=xs(t.stateNode,a,l),ts(t,l),Lt!==4&&(Lt=2)),!1;var s=Error(f(520),{cause:a});if(s=De(s,n),ni===null?ni=[s]:ni.push(s),Lt!==4&&(Lt=2),e===null)return!0;a=De(a,n),n=e;do{switch(n.tag){case 3:return n.flags|=65536,t=l&-l,n.lanes|=t,t=xs(n.stateNode,a,t),ts(n,t),!1;case 1:if(e=n.type,s=n.stateNode,(n.flags&128)===0&&(typeof e.getDerivedStateFromError=="function"||s!==null&&typeof s.componentDidCatch=="function"&&(Qn===null||!Qn.has(s))))return n.flags|=65536,l&=-l,n.lanes|=l,l=j0(l),H0(l,t,n,a),ts(n,l),!1}n=n.return}while(n!==null);return!1}var N0=Error(f(461)),Kt=!1;function _t(t,e,n,a){e.child=t===null?S0(e,null,n,a):$a(e,t.child,n,a)}function B0(t,e,n,a,l){n=n.render;var s=e.ref;if("ref"in a){var h={};for(var g in a)g!=="ref"&&(h[g]=a[g])}else h=a;return ga(e),a=is(t,e,n,h,s,l),g=us(),t!==null&&!Kt?(cs(t,e,l),un(t,e,l)):(xt&&g&&Vc(e),e.flags|=1,_t(t,e,a,l),e.child)}function U0(t,e,n,a,l){if(t===null){var s=n.type;return typeof s=="function"&&!zc(s)&&s.defaultProps===void 0&&n.compare===null?(e.tag=15,e.type=s,Q0(t,e,s,a,l)):(t=Ji(n.type,null,a,e,e.mode,l),t.ref=e.ref,t.return=e,e.child=t)}if(s=t.child,!Ms(t,l)){var h=s.memoizedProps;if(n=n.compare,n=n!==null?n:jl,n(h,a)&&t.ref===e.ref)return un(t,e,l)}return e.flags|=1,t=_e(s,a),t.ref=e.ref,t.return=e,e.child=t}function Q0(t,e,n,a,l){if(t!==null){var s=t.memoizedProps;if(jl(s,a)&&t.ref===e.ref)if(Kt=!1,e.pendingProps=a=s,Ms(t,l))(t.flags&131072)!==0&&(Kt=!0);else return e.lanes=t.lanes,un(t,e,l)}return Ss(t,e,n,a,l)}function Y0(t,e,n){var a=e.pendingProps,l=a.children,s=t!==null?t.memoizedState:null;if(a.mode==="hidden"){if((e.flags&128)!==0){if(a=s!==null?s.baseLanes|n:n,t!==null){for(l=e.child=t.child,s=0;l!==null;)s=s|l.lanes|l.childLanes,l=l.sibling;e.childLanes=s&~a}else e.childLanes=0,e.child=null;return L0(t,e,a,n)}if((n&536870912)!==0)e.memoizedState={baseLanes:0,cachePool:null},t!==null&&eu(e,s!==null?s.cachePool:null),s!==null?Qo(e,s):ns(),T0(e);else return e.lanes=e.childLanes=536870912,L0(t,e,s!==null?s.baseLanes|n:n,n)}else s!==null?(eu(e,s.cachePool),Qo(e,s),Mn(),e.memoizedState=null):(t!==null&&eu(e,null),ns(),Mn());return _t(t,e,l,n),e.child}function L0(t,e,n,a){var l=Jc();return l=l===null?null:{parent:It._currentValue,pool:l},e.memoizedState={baseLanes:n,cachePool:l},t!==null&&eu(e,null),ns(),T0(e),t!==null&&Ql(t,e,a,!0),null}function yu(t,e){var n=e.ref;if(n===null)t!==null&&t.ref!==null&&(e.flags|=4194816);else{if(typeof n!="function"&&typeof n!="object")throw Error(f(284));(t===null||t.ref!==n)&&(e.flags|=4194816)}}function Ss(t,e,n,a,l){return ga(e),n=is(t,e,n,a,void 0,l),a=us(),t!==null&&!Kt?(cs(t,e,l),un(t,e,l)):(xt&&a&&Vc(e),e.flags|=1,_t(t,e,n,l),e.child)}function z0(t,e,n,a,l,s){return ga(e),e.updateQueue=null,n=Lo(e,a,n,l),Yo(t),a=us(),t!==null&&!Kt?(cs(t,e,s),un(t,e,s)):(xt&&a&&Vc(e),e.flags|=1,_t(t,e,n,s),e.child)}function G0(t,e,n,a,l){if(ga(e),e.stateNode===null){var s=Ia,h=n.contextType;typeof h=="object"&&h!==null&&(s=ae(h)),s=new n(a,s),e.memoizedState=s.state!==null&&s.state!==void 0?s.state:null,s.updater=ps,e.stateNode=s,s._reactInternals=e,s=e.stateNode,s.props=a,s.state=e.memoizedState,s.refs={},_c(e),h=n.contextType,s.context=typeof h=="object"&&h!==null?ae(h):Ia,s.state=e.memoizedState,h=n.getDerivedStateFromProps,typeof h=="function"&&(bs(e,n,h,a),s.state=e.memoizedState),typeof n.getDerivedStateFromProps=="function"||typeof s.getSnapshotBeforeUpdate=="function"||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(h=s.state,typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount(),h!==s.state&&ps.enqueueReplaceState(s,s.state,null),Il(e,a,s,l),Vl(),s.state=e.memoizedState),typeof s.componentDidMount=="function"&&(e.flags|=4194308),a=!0}else if(t===null){s=e.stateNode;var g=e.memoizedProps,S=va(n,g);s.props=S;var B=s.context,X=n.contextType;h=Ia,typeof X=="object"&&X!==null&&(h=ae(X));var k=n.getDerivedStateFromProps;X=typeof k=="function"||typeof s.getSnapshotBeforeUpdate=="function",g=e.pendingProps!==g,X||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(g||B!==h)&&R0(e,s,a,h),wn=!1;var Q=e.memoizedState;s.state=Q,Il(e,a,s,l),Vl(),B=e.memoizedState,g||Q!==B||wn?(typeof k=="function"&&(bs(e,n,k,a),B=e.memoizedState),(S=wn||w0(e,n,S,a,Q,B,h))?(X||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount()),typeof s.componentDidMount=="function"&&(e.flags|=4194308)):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),e.memoizedProps=a,e.memoizedState=B),s.props=a,s.state=B,s.context=h,a=S):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),a=!1)}else{s=e.stateNode,$c(t,e),h=e.memoizedProps,X=va(n,h),s.props=X,k=e.pendingProps,Q=s.context,B=n.contextType,S=Ia,typeof B=="object"&&B!==null&&(S=ae(B)),g=n.getDerivedStateFromProps,(B=typeof g=="function"||typeof s.getSnapshotBeforeUpdate=="function")||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(h!==k||Q!==S)&&R0(e,s,a,S),wn=!1,Q=e.memoizedState,s.state=Q,Il(e,a,s,l),Vl();var Y=e.memoizedState;h!==k||Q!==Y||wn||t!==null&&t.dependencies!==null&&$i(t.dependencies)?(typeof g=="function"&&(bs(e,n,g,a),Y=e.memoizedState),(X=wn||w0(e,n,X,a,Q,Y,S)||t!==null&&t.dependencies!==null&&$i(t.dependencies))?(B||typeof s.UNSAFE_componentWillUpdate!="function"&&typeof s.componentWillUpdate!="function"||(typeof s.componentWillUpdate=="function"&&s.componentWillUpdate(a,Y,S),typeof s.UNSAFE_componentWillUpdate=="function"&&s.UNSAFE_componentWillUpdate(a,Y,S)),typeof s.componentDidUpdate=="function"&&(e.flags|=4),typeof s.getSnapshotBeforeUpdate=="function"&&(e.flags|=1024)):(typeof s.componentDidUpdate!="function"||h===t.memoizedProps&&Q===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||h===t.memoizedProps&&Q===t.memoizedState||(e.flags|=1024),e.memoizedProps=a,e.memoizedState=Y),s.props=a,s.state=Y,s.context=S,a=X):(typeof s.componentDidUpdate!="function"||h===t.memoizedProps&&Q===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||h===t.memoizedProps&&Q===t.memoizedState||(e.flags|=1024),a=!1)}return s=a,yu(t,e),a=(e.flags&128)!==0,s||a?(s=e.stateNode,n=a&&typeof n.getDerivedStateFromError!="function"?null:s.render(),e.flags|=1,t!==null&&a?(e.child=$a(e,t.child,null,l),e.child=$a(e,null,n,l)):_t(t,e,n,l),e.memoizedState=s.state,t=e.child):t=un(t,e,l),t}function X0(t,e,n,a){return Bl(),e.flags|=256,_t(t,e,n,a),e.child}var Ts={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function ws(t){return{baseLanes:t,cachePool:Do()}}function Rs(t,e,n){return t=t!==null?t.childLanes&~n:0,e&&(t|=Ne),t}function V0(t,e,n){var a=e.pendingProps,l=!1,s=(e.flags&128)!==0,h;if((h=s)||(h=t!==null&&t.memoizedState===null?!1:(Zt.current&2)!==0),h&&(l=!0,e.flags&=-129),h=(e.flags&32)!==0,e.flags&=-33,t===null){if(xt){if(l?Cn(e):Mn(),xt){var g=Yt,S;if(S=g){t:{for(S=g,g=Ve;S.nodeType!==8;){if(!g){g=null;break t}if(S=Xe(S.nextSibling),S===null){g=null;break t}}g=S}g!==null?(e.memoizedState={dehydrated:g,treeContext:fa!==null?{id:$e,overflow:tn}:null,retryLane:536870912,hydrationErrors:null},S=Ee(18,null,null,0),S.stateNode=g,S.return=e,e.child=S,se=e,Yt=null,S=!0):S=!1}S||da(e)}if(g=e.memoizedState,g!==null&&(g=g.dehydrated,g!==null))return rf(g)?e.lanes=32:e.lanes=536870912,null;ln(e)}return g=a.children,a=a.fallback,l?(Mn(),l=e.mode,g=Eu({mode:"hidden",children:g},l),a=sa(a,l,n,null),g.return=e,a.return=e,g.sibling=a,e.child=g,l=e.child,l.memoizedState=ws(n),l.childLanes=Rs(t,h,n),e.memoizedState=Ts,a):(Cn(e),Os(e,g))}if(S=t.memoizedState,S!==null&&(g=S.dehydrated,g!==null)){if(s)e.flags&256?(Cn(e),e.flags&=-257,e=Ds(t,e,n)):e.memoizedState!==null?(Mn(),e.child=t.child,e.flags|=128,e=null):(Mn(),l=a.fallback,g=e.mode,a=Eu({mode:"visible",children:a.children},g),l=sa(l,g,n,null),l.flags|=2,a.return=e,l.return=e,a.sibling=l,e.child=a,$a(e,t.child,null,n),a=e.child,a.memoizedState=ws(n),a.childLanes=Rs(t,h,n),e.memoizedState=Ts,e=l);else if(Cn(e),rf(g)){if(h=g.nextSibling&&g.nextSibling.dataset,h)var B=h.dgst;h=B,a=Error(f(419)),a.stack="",a.digest=h,Ul({value:a,source:null,stack:null}),e=Ds(t,e,n)}else if(Kt||Ql(t,e,n,!1),h=(n&t.childLanes)!==0,Kt||h){if(h=Mt,h!==null&&(a=n&-n,a=(a&42)!==0?1:rc(a),a=(a&(h.suspendedLanes|n))!==0?0:a,a!==0&&a!==S.retryLane))throw S.retryLane=a,Va(t,a),Te(h,t,a),N0;g.data==="$?"||ks(),e=Ds(t,e,n)}else g.data==="$?"?(e.flags|=192,e.child=t.child,e=null):(t=S.treeContext,Yt=Xe(g.nextSibling),se=e,xt=!0,oa=null,Ve=!1,t!==null&&(Me[je++]=$e,Me[je++]=tn,Me[je++]=fa,$e=t.id,tn=t.overflow,fa=e),e=Os(e,a.children),e.flags|=4096);return e}return l?(Mn(),l=a.fallback,g=e.mode,S=t.child,B=S.sibling,a=_e(S,{mode:"hidden",children:a.children}),a.subtreeFlags=S.subtreeFlags&65011712,B!==null?l=_e(B,l):(l=sa(l,g,n,null),l.flags|=2),l.return=e,a.return=e,a.sibling=l,e.child=a,a=l,l=e.child,g=t.child.memoizedState,g===null?g=ws(n):(S=g.cachePool,S!==null?(B=It._currentValue,S=S.parent!==B?{parent:B,pool:B}:S):S=Do(),g={baseLanes:g.baseLanes|n,cachePool:S}),l.memoizedState=g,l.childLanes=Rs(t,h,n),e.memoizedState=Ts,a):(Cn(e),n=t.child,t=n.sibling,n=_e(n,{mode:"visible",children:a.children}),n.return=e,n.sibling=null,t!==null&&(h=e.deletions,h===null?(e.deletions=[t],e.flags|=16):h.push(t)),e.child=n,e.memoizedState=null,n)}function Os(t,e){return e=Eu({mode:"visible",children:e},t.mode),e.return=t,t.child=e}function Eu(t,e){return t=Ee(22,t,null,e),t.lanes=0,t.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null},t}function Ds(t,e,n){return $a(e,t.child,null,n),t=Os(e,e.pendingProps.children),t.flags|=2,e.memoizedState=null,t}function I0(t,e,n){t.lanes|=e;var a=t.alternate;a!==null&&(a.lanes|=e),kc(t.return,e,n)}function Cs(t,e,n,a,l){var s=t.memoizedState;s===null?t.memoizedState={isBackwards:e,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:l}:(s.isBackwards=e,s.rendering=null,s.renderingStartTime=0,s.last=a,s.tail=n,s.tailMode=l)}function Z0(t,e,n){var a=e.pendingProps,l=a.revealOrder,s=a.tail;if(_t(t,e,a.children,n),a=Zt.current,(a&2)!==0)a=a&1|2,e.flags|=128;else{if(t!==null&&(t.flags&128)!==0)t:for(t=e.child;t!==null;){if(t.tag===13)t.memoizedState!==null&&I0(t,n,e);else if(t.tag===19)I0(t,n,e);else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break t;for(;t.sibling===null;){if(t.return===null||t.return===e)break t;t=t.return}t.sibling.return=t.return,t=t.sibling}a&=1}switch(J(Zt,a),l){case"forwards":for(n=e.child,l=null;n!==null;)t=n.alternate,t!==null&&mu(t)===null&&(l=n),n=n.sibling;n=l,n===null?(l=e.child,e.child=null):(l=n.sibling,n.sibling=null),Cs(e,!1,l,n,s);break;case"backwards":for(n=null,l=e.child,e.child=null;l!==null;){if(t=l.alternate,t!==null&&mu(t)===null){e.child=l;break}t=l.sibling,l.sibling=n,n=l,l=t}Cs(e,!0,n,null,s);break;case"together":Cs(e,!1,null,null,void 0);break;default:e.memoizedState=null}return e.child}function un(t,e,n){if(t!==null&&(e.dependencies=t.dependencies),Un|=e.lanes,(n&e.childLanes)===0)if(t!==null){if(Ql(t,e,n,!1),(n&e.childLanes)===0)return null}else return null;if(t!==null&&e.child!==t.child)throw Error(f(153));if(e.child!==null){for(t=e.child,n=_e(t,t.pendingProps),e.child=n,n.return=e;t.sibling!==null;)t=t.sibling,n=n.sibling=_e(t,t.pendingProps),n.return=e;n.sibling=null}return e.child}function Ms(t,e){return(t.lanes&e)!==0?!0:(t=t.dependencies,!!(t!==null&&$i(t)))}function om(t,e,n){switch(e.tag){case 3:Dt(e,e.stateNode.containerInfo),Tn(e,It,t.memoizedState.cache),Bl();break;case 27:case 5:Ra(e);break;case 4:Dt(e,e.stateNode.containerInfo);break;case 10:Tn(e,e.type,e.memoizedProps.value);break;case 13:var a=e.memoizedState;if(a!==null)return a.dehydrated!==null?(Cn(e),e.flags|=128,null):(n&e.child.childLanes)!==0?V0(t,e,n):(Cn(e),t=un(t,e,n),t!==null?t.sibling:null);Cn(e);break;case 19:var l=(t.flags&128)!==0;if(a=(n&e.childLanes)!==0,a||(Ql(t,e,n,!1),a=(n&e.childLanes)!==0),l){if(a)return Z0(t,e,n);e.flags|=128}if(l=e.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),J(Zt,Zt.current),a)break;return null;case 22:case 23:return e.lanes=0,Y0(t,e,n);case 24:Tn(e,It,t.memoizedState.cache)}return un(t,e,n)}function q0(t,e,n){if(t!==null)if(t.memoizedProps!==e.pendingProps)Kt=!0;else{if(!Ms(t,n)&&(e.flags&128)===0)return Kt=!1,om(t,e,n);Kt=(t.flags&131072)!==0}else Kt=!1,xt&&(e.flags&1048576)!==0&&po(e,_i,e.index);switch(e.lanes=0,e.tag){case 16:t:{t=e.pendingProps;var a=e.elementType,l=a._init;if(a=l(a._payload),e.type=a,typeof a=="function")zc(a)?(t=va(a,t),e.tag=1,e=G0(null,e,a,t,n)):(e.tag=0,e=Ss(null,e,a,t,n));else{if(a!=null){if(l=a.$$typeof,l===I){e.tag=11,e=B0(null,e,a,t,n);break t}else if(l===G){e.tag=14,e=U0(null,e,a,t,n);break t}}throw e=ot(a)||a,Error(f(306,e,""))}}return e;case 0:return Ss(t,e,e.type,e.pendingProps,n);case 1:return a=e.type,l=va(a,e.pendingProps),G0(t,e,a,l,n);case 3:t:{if(Dt(e,e.stateNode.containerInfo),t===null)throw Error(f(387));a=e.pendingProps;var s=e.memoizedState;l=s.element,$c(t,e),Il(e,a,null,n);var h=e.memoizedState;if(a=h.cache,Tn(e,It,a),a!==s.cache&&Kc(e,[It],n,!0),Vl(),a=h.element,s.isDehydrated)if(s={element:a,isDehydrated:!1,cache:h.cache},e.updateQueue.baseState=s,e.memoizedState=s,e.flags&256){e=X0(t,e,a,n);break t}else if(a!==l){l=De(Error(f(424)),e),Ul(l),e=X0(t,e,a,n);break t}else{switch(t=e.stateNode.containerInfo,t.nodeType){case 9:t=t.body;break;default:t=t.nodeName==="HTML"?t.ownerDocument.body:t}for(Yt=Xe(t.firstChild),se=e,xt=!0,oa=null,Ve=!0,n=S0(e,null,a,n),e.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling}else{if(Bl(),a===l){e=un(t,e,n);break t}_t(t,e,a,n)}e=e.child}return e;case 26:return yu(t,e),t===null?(n=Fd(e.type,null,e.pendingProps,null))?e.memoizedState=n:xt||(n=e.type,t=e.pendingProps,a=Nu(ut.current).createElement(n),a[ne]=e,a[re]=t,te(a,n,t),kt(a),e.stateNode=a):e.memoizedState=Fd(e.type,t.memoizedProps,e.pendingProps,t.memoizedState),null;case 27:return Ra(e),t===null&&xt&&(a=e.stateNode=kd(e.type,e.pendingProps,ut.current),se=e,Ve=!0,l=Yt,zn(e.type)?(of=l,Yt=Xe(a.firstChild)):Yt=l),_t(t,e,e.pendingProps.children,n),yu(t,e),t===null&&(e.flags|=4194304),e.child;case 5:return t===null&&xt&&((l=a=Yt)&&(a=zm(a,e.type,e.pendingProps,Ve),a!==null?(e.stateNode=a,se=e,Yt=Xe(a.firstChild),Ve=!1,l=!0):l=!1),l||da(e)),Ra(e),l=e.type,s=e.pendingProps,h=t!==null?t.memoizedProps:null,a=s.children,cf(l,s)?a=null:h!==null&&cf(l,h)&&(e.flags|=32),e.memoizedState!==null&&(l=is(t,e,am,null,null,n),oi._currentValue=l),yu(t,e),_t(t,e,a,n),e.child;case 6:return t===null&&xt&&((t=n=Yt)&&(n=Gm(n,e.pendingProps,Ve),n!==null?(e.stateNode=n,se=e,Yt=null,t=!0):t=!1),t||da(e)),null;case 13:return V0(t,e,n);case 4:return Dt(e,e.stateNode.containerInfo),a=e.pendingProps,t===null?e.child=$a(e,null,a,n):_t(t,e,a,n),e.child;case 11:return B0(t,e,e.type,e.pendingProps,n);case 7:return _t(t,e,e.pendingProps,n),e.child;case 8:return _t(t,e,e.pendingProps.children,n),e.child;case 12:return _t(t,e,e.pendingProps.children,n),e.child;case 10:return a=e.pendingProps,Tn(e,e.type,a.value),_t(t,e,a.children,n),e.child;case 9:return l=e.type._context,a=e.pendingProps.children,ga(e),l=ae(l),a=a(l),e.flags|=1,_t(t,e,a,n),e.child;case 14:return U0(t,e,e.type,e.pendingProps,n);case 15:return Q0(t,e,e.type,e.pendingProps,n);case 19:return Z0(t,e,n);case 31:return a=e.pendingProps,n=e.mode,a={mode:a.mode,children:a.children},t===null?(n=Eu(a,n),n.ref=e.ref,e.child=n,n.return=e,e=n):(n=_e(t.child,a),n.ref=e.ref,e.child=n,n.return=e,e=n),e;case 22:return Y0(t,e,n);case 24:return ga(e),a=ae(It),t===null?(l=Jc(),l===null&&(l=Mt,s=Wc(),l.pooledCache=s,s.refCount++,s!==null&&(l.pooledCacheLanes|=n),l=s),e.memoizedState={parent:a,cache:l},_c(e),Tn(e,It,l)):((t.lanes&n)!==0&&($c(t,e),Il(e,null,null,n),Vl()),l=t.memoizedState,s=e.memoizedState,l.parent!==a?(l={parent:a,cache:a},e.memoizedState=l,e.lanes===0&&(e.memoizedState=e.updateQueue.baseState=l),Tn(e,It,a)):(a=s.cache,Tn(e,It,a),a!==l.cache&&Kc(e,[It],n,!0))),_t(t,e,e.pendingProps.children,n),e.child;case 29:throw e.pendingProps}throw Error(f(156,e.tag))}function cn(t){t.flags|=4}function k0(t,e){if(e.type!=="stylesheet"||(e.state.loading&4)!==0)t.flags&=-16777217;else if(t.flags|=16777216,!t1(e)){if(e=He.current,e!==null&&((Et&4194048)===Et?Ie!==null:(Et&62914560)!==Et&&(Et&536870912)===0||e!==Ie))throw Gl=Pc,Co;t.flags|=8192}}function bu(t,e){e!==null&&(t.flags|=4),t.flags&16384&&(e=t.tag!==22?Sr():536870912,t.lanes|=e,al|=e)}function Jl(t,e){if(!xt)switch(t.tailMode){case"hidden":e=t.tail;for(var n=null;e!==null;)e.alternate!==null&&(n=e),e=e.sibling;n===null?t.tail=null:n.sibling=null;break;case"collapsed":n=t.tail;for(var a=null;n!==null;)n.alternate!==null&&(a=n),n=n.sibling;a===null?e||t.tail===null?t.tail=null:t.tail.sibling=null:a.sibling=null}}function Qt(t){var e=t.alternate!==null&&t.alternate.child===t.child,n=0,a=0;if(e)for(var l=t.child;l!==null;)n|=l.lanes|l.childLanes,a|=l.subtreeFlags&65011712,a|=l.flags&65011712,l.return=t,l=l.sibling;else for(l=t.child;l!==null;)n|=l.lanes|l.childLanes,a|=l.subtreeFlags,a|=l.flags,l.return=t,l=l.sibling;return t.subtreeFlags|=a,t.childLanes=n,e}function dm(t,e,n){var a=e.pendingProps;switch(Ic(e),e.tag){case 31:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Qt(e),null;case 1:return Qt(e),null;case 3:return n=e.stateNode,a=null,t!==null&&(a=t.memoizedState.cache),e.memoizedState.cache!==a&&(e.flags|=2048),nn(It),Le(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(t===null||t.child===null)&&(Nl(e)?cn(e):t===null||t.memoizedState.isDehydrated&&(e.flags&256)===0||(e.flags|=1024,To())),Qt(e),null;case 26:return n=e.memoizedState,t===null?(cn(e),n!==null?(Qt(e),k0(e,n)):(Qt(e),e.flags&=-16777217)):n?n!==t.memoizedState?(cn(e),Qt(e),k0(e,n)):(Qt(e),e.flags&=-16777217):(t.memoizedProps!==a&&cn(e),Qt(e),e.flags&=-16777217),null;case 27:ea(e),n=ut.current;var l=e.type;if(t!==null&&e.stateNode!=null)t.memoizedProps!==a&&cn(e);else{if(!a){if(e.stateNode===null)throw Error(f(166));return Qt(e),null}t=it.current,Nl(e)?xo(e):(t=kd(l,a,n),e.stateNode=t,cn(e))}return Qt(e),null;case 5:if(ea(e),n=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==a&&cn(e);else{if(!a){if(e.stateNode===null)throw Error(f(166));return Qt(e),null}if(t=it.current,Nl(e))xo(e);else{switch(l=Nu(ut.current),t){case 1:t=l.createElementNS("http://www.w3.org/2000/svg",n);break;case 2:t=l.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;default:switch(n){case"svg":t=l.createElementNS("http://www.w3.org/2000/svg",n);break;case"math":t=l.createElementNS("http://www.w3.org/1998/Math/MathML",n);break;case"script":t=l.createElement("div"),t.innerHTML="<script><\/script>",t=t.removeChild(t.firstChild);break;case"select":t=typeof a.is=="string"?l.createElement("select",{is:a.is}):l.createElement("select"),a.multiple?t.multiple=!0:a.size&&(t.size=a.size);break;default:t=typeof a.is=="string"?l.createElement(n,{is:a.is}):l.createElement(n)}}t[ne]=e,t[re]=a;t:for(l=e.child;l!==null;){if(l.tag===5||l.tag===6)t.appendChild(l.stateNode);else if(l.tag!==4&&l.tag!==27&&l.child!==null){l.child.return=l,l=l.child;continue}if(l===e)break t;for(;l.sibling===null;){if(l.return===null||l.return===e)break t;l=l.return}l.sibling.return=l.return,l=l.sibling}e.stateNode=t;t:switch(te(t,n,a),n){case"button":case"input":case"select":case"textarea":t=!!a.autoFocus;break t;case"img":t=!0;break t;default:t=!1}t&&cn(e)}}return Qt(e),e.flags&=-16777217,null;case 6:if(t&&e.stateNode!=null)t.memoizedProps!==a&&cn(e);else{if(typeof a!="string"&&e.stateNode===null)throw Error(f(166));if(t=ut.current,Nl(e)){if(t=e.stateNode,n=e.memoizedProps,a=null,l=se,l!==null)switch(l.tag){case 27:case 5:a=l.memoizedProps}t[ne]=e,t=!!(t.nodeValue===n||a!==null&&a.suppressHydrationWarning===!0||zd(t.nodeValue,n)),t||da(e)}else t=Nu(t).createTextNode(a),t[ne]=e,e.stateNode=t}return Qt(e),null;case 13:if(a=e.memoizedState,t===null||t.memoizedState!==null&&t.memoizedState.dehydrated!==null){if(l=Nl(e),a!==null&&a.dehydrated!==null){if(t===null){if(!l)throw Error(f(318));if(l=e.memoizedState,l=l!==null?l.dehydrated:null,!l)throw Error(f(317));l[ne]=e}else Bl(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;Qt(e),l=!1}else l=To(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=l),l=!0;if(!l)return e.flags&256?(ln(e),e):(ln(e),null)}if(ln(e),(e.flags&128)!==0)return e.lanes=n,e;if(n=a!==null,t=t!==null&&t.memoizedState!==null,n){a=e.child,l=null,a.alternate!==null&&a.alternate.memoizedState!==null&&a.alternate.memoizedState.cachePool!==null&&(l=a.alternate.memoizedState.cachePool.pool);var s=null;a.memoizedState!==null&&a.memoizedState.cachePool!==null&&(s=a.memoizedState.cachePool.pool),s!==l&&(a.flags|=2048)}return n!==t&&n&&(e.child.flags|=8192),bu(e,e.updateQueue),Qt(e),null;case 4:return Le(),t===null&&ef(e.stateNode.containerInfo),Qt(e),null;case 10:return nn(e.type),Qt(e),null;case 19:if(P(Zt),l=e.memoizedState,l===null)return Qt(e),null;if(a=(e.flags&128)!==0,s=l.rendering,s===null)if(a)Jl(l,!1);else{if(Lt!==0||t!==null&&(t.flags&128)!==0)for(t=e.child;t!==null;){if(s=mu(t),s!==null){for(e.flags|=128,Jl(l,!1),t=s.updateQueue,e.updateQueue=t,bu(e,t),e.subtreeFlags=0,t=n,n=e.child;n!==null;)bo(n,t),n=n.sibling;return J(Zt,Zt.current&1|2),e.child}t=t.sibling}l.tail!==null&&ce()>Su&&(e.flags|=128,a=!0,Jl(l,!1),e.lanes=4194304)}else{if(!a)if(t=mu(s),t!==null){if(e.flags|=128,a=!0,t=t.updateQueue,e.updateQueue=t,bu(e,t),Jl(l,!0),l.tail===null&&l.tailMode==="hidden"&&!s.alternate&&!xt)return Qt(e),null}else 2*ce()-l.renderingStartTime>Su&&n!==536870912&&(e.flags|=128,a=!0,Jl(l,!1),e.lanes=4194304);l.isBackwards?(s.sibling=e.child,e.child=s):(t=l.last,t!==null?t.sibling=s:e.child=s,l.last=s)}return l.tail!==null?(e=l.tail,l.rendering=e,l.tail=e.sibling,l.renderingStartTime=ce(),e.sibling=null,t=Zt.current,J(Zt,a?t&1|2:t&1),e):(Qt(e),null);case 22:case 23:return ln(e),as(),a=e.memoizedState!==null,t!==null?t.memoizedState!==null!==a&&(e.flags|=8192):a&&(e.flags|=8192),a?(n&536870912)!==0&&(e.flags&128)===0&&(Qt(e),e.subtreeFlags&6&&(e.flags|=8192)):Qt(e),n=e.updateQueue,n!==null&&bu(e,n.retryQueue),n=null,t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),a=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(a=e.memoizedState.cachePool.pool),a!==n&&(e.flags|=2048),t!==null&&P(ma),null;case 24:return n=null,t!==null&&(n=t.memoizedState.cache),e.memoizedState.cache!==n&&(e.flags|=2048),nn(It),Qt(e),null;case 25:return null;case 30:return null}throw Error(f(156,e.tag))}function hm(t,e){switch(Ic(e),e.tag){case 1:return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 3:return nn(It),Le(),t=e.flags,(t&65536)!==0&&(t&128)===0?(e.flags=t&-65537|128,e):null;case 26:case 27:case 5:return ea(e),null;case 13:if(ln(e),t=e.memoizedState,t!==null&&t.dehydrated!==null){if(e.alternate===null)throw Error(f(340));Bl()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 19:return P(Zt),null;case 4:return Le(),null;case 10:return nn(e.type),null;case 22:case 23:return ln(e),as(),t!==null&&P(ma),t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 24:return nn(It),null;case 25:return null;default:return null}}function K0(t,e){switch(Ic(e),e.tag){case 3:nn(It),Le();break;case 26:case 27:case 5:ea(e);break;case 4:Le();break;case 13:ln(e);break;case 19:P(Zt);break;case 10:nn(e.type);break;case 22:case 23:ln(e),as(),t!==null&&P(ma);break;case 24:nn(It)}}function Pl(t,e){try{var n=e.updateQueue,a=n!==null?n.lastEffect:null;if(a!==null){var l=a.next;n=l;do{if((n.tag&t)===t){a=void 0;var s=n.create,h=n.inst;a=s(),h.destroy=a}n=n.next}while(n!==l)}}catch(g){Ct(e,e.return,g)}}function jn(t,e,n){try{var a=e.updateQueue,l=a!==null?a.lastEffect:null;if(l!==null){var s=l.next;a=s;do{if((a.tag&t)===t){var h=a.inst,g=h.destroy;if(g!==void 0){h.destroy=void 0,l=e;var S=n,B=g;try{B()}catch(X){Ct(l,S,X)}}}a=a.next}while(a!==s)}}catch(X){Ct(e,e.return,X)}}function W0(t){var e=t.updateQueue;if(e!==null){var n=t.stateNode;try{Uo(e,n)}catch(a){Ct(t,t.return,a)}}}function F0(t,e,n){n.props=va(t.type,t.memoizedProps),n.state=t.memoizedState;try{n.componentWillUnmount()}catch(a){Ct(t,e,a)}}function _l(t,e){try{var n=t.ref;if(n!==null){switch(t.tag){case 26:case 27:case 5:var a=t.stateNode;break;case 30:a=t.stateNode;break;default:a=t.stateNode}typeof n=="function"?t.refCleanup=n(a):n.current=a}}catch(l){Ct(t,e,l)}}function Ze(t,e){var n=t.ref,a=t.refCleanup;if(n!==null)if(typeof a=="function")try{a()}catch(l){Ct(t,e,l)}finally{t.refCleanup=null,t=t.alternate,t!=null&&(t.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(l){Ct(t,e,l)}else n.current=null}function J0(t){var e=t.type,n=t.memoizedProps,a=t.stateNode;try{t:switch(e){case"button":case"input":case"select":case"textarea":n.autoFocus&&a.focus();break t;case"img":n.src?a.src=n.src:n.srcSet&&(a.srcset=n.srcSet)}}catch(l){Ct(t,t.return,l)}}function js(t,e,n){try{var a=t.stateNode;Bm(a,t.type,n,e),a[re]=e}catch(l){Ct(t,t.return,l)}}function P0(t){return t.tag===5||t.tag===3||t.tag===26||t.tag===27&&zn(t.type)||t.tag===4}function Hs(t){t:for(;;){for(;t.sibling===null;){if(t.return===null||P0(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;t.tag!==5&&t.tag!==6&&t.tag!==18;){if(t.tag===27&&zn(t.type)||t.flags&2||t.child===null||t.tag===4)continue t;t.child.return=t,t=t.child}if(!(t.flags&2))return t.stateNode}}function Ns(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(t,e):(e=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,e.appendChild(t),n=n._reactRootContainer,n!=null||e.onclick!==null||(e.onclick=Hu));else if(a!==4&&(a===27&&zn(t.type)&&(n=t.stateNode,e=null),t=t.child,t!==null))for(Ns(t,e,n),t=t.sibling;t!==null;)Ns(t,e,n),t=t.sibling}function pu(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?n.insertBefore(t,e):n.appendChild(t);else if(a!==4&&(a===27&&zn(t.type)&&(n=t.stateNode),t=t.child,t!==null))for(pu(t,e,n),t=t.sibling;t!==null;)pu(t,e,n),t=t.sibling}function _0(t){var e=t.stateNode,n=t.memoizedProps;try{for(var a=t.type,l=e.attributes;l.length;)e.removeAttributeNode(l[0]);te(e,a,n),e[ne]=t,e[re]=n}catch(s){Ct(t,t.return,s)}}var sn=!1,Gt=!1,Bs=!1,$0=typeof WeakSet=="function"?WeakSet:Set,Wt=null;function gm(t,e){if(t=t.containerInfo,lf=zu,t=fo(t),Hc(t)){if("selectionStart"in t)var n={start:t.selectionStart,end:t.selectionEnd};else t:{n=(n=t.ownerDocument)&&n.defaultView||window;var a=n.getSelection&&n.getSelection();if(a&&a.rangeCount!==0){n=a.anchorNode;var l=a.anchorOffset,s=a.focusNode;a=a.focusOffset;try{n.nodeType,s.nodeType}catch{n=null;break t}var h=0,g=-1,S=-1,B=0,X=0,k=t,Q=null;e:for(;;){for(var Y;k!==n||l!==0&&k.nodeType!==3||(g=h+l),k!==s||a!==0&&k.nodeType!==3||(S=h+a),k.nodeType===3&&(h+=k.nodeValue.length),(Y=k.firstChild)!==null;)Q=k,k=Y;for(;;){if(k===t)break e;if(Q===n&&++B===l&&(g=h),Q===s&&++X===a&&(S=h),(Y=k.nextSibling)!==null)break;k=Q,Q=k.parentNode}k=Y}n=g===-1||S===-1?null:{start:g,end:S}}else n=null}n=n||{start:0,end:0}}else n=null;for(uf={focusedElem:t,selectionRange:n},zu=!1,Wt=e;Wt!==null;)if(e=Wt,t=e.child,(e.subtreeFlags&1024)!==0&&t!==null)t.return=e,Wt=t;else for(;Wt!==null;){switch(e=Wt,s=e.alternate,t=e.flags,e.tag){case 0:break;case 11:case 15:break;case 1:if((t&1024)!==0&&s!==null){t=void 0,n=e,l=s.memoizedProps,s=s.memoizedState,a=n.stateNode;try{var rt=va(n.type,l,n.elementType===n.type);t=a.getSnapshotBeforeUpdate(rt,s),a.__reactInternalSnapshotBeforeUpdate=t}catch(st){Ct(n,n.return,st)}}break;case 3:if((t&1024)!==0){if(t=e.stateNode.containerInfo,n=t.nodeType,n===9)ff(t);else if(n===1)switch(t.nodeName){case"HEAD":case"HTML":case"BODY":ff(t);break;default:t.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((t&1024)!==0)throw Error(f(163))}if(t=e.sibling,t!==null){t.return=e.return,Wt=t;break}Wt=e.return}}function td(t,e,n){var a=n.flags;switch(n.tag){case 0:case 11:case 15:Hn(t,n),a&4&&Pl(5,n);break;case 1:if(Hn(t,n),a&4)if(t=n.stateNode,e===null)try{t.componentDidMount()}catch(h){Ct(n,n.return,h)}else{var l=va(n.type,e.memoizedProps);e=e.memoizedState;try{t.componentDidUpdate(l,e,t.__reactInternalSnapshotBeforeUpdate)}catch(h){Ct(n,n.return,h)}}a&64&&W0(n),a&512&&_l(n,n.return);break;case 3:if(Hn(t,n),a&64&&(t=n.updateQueue,t!==null)){if(e=null,n.child!==null)switch(n.child.tag){case 27:case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}try{Uo(t,e)}catch(h){Ct(n,n.return,h)}}break;case 27:e===null&&a&4&&_0(n);case 26:case 5:Hn(t,n),e===null&&a&4&&J0(n),a&512&&_l(n,n.return);break;case 12:Hn(t,n);break;case 13:Hn(t,n),a&4&&ad(t,n),a&64&&(t=n.memoizedState,t!==null&&(t=t.dehydrated,t!==null&&(n=Sm.bind(null,n),Xm(t,n))));break;case 22:if(a=n.memoizedState!==null||sn,!a){e=e!==null&&e.memoizedState!==null||Gt,l=sn;var s=Gt;sn=a,(Gt=e)&&!s?Nn(t,n,(n.subtreeFlags&8772)!==0):Hn(t,n),sn=l,Gt=s}break;case 30:break;default:Hn(t,n)}}function ed(t){var e=t.alternate;e!==null&&(t.alternate=null,ed(e)),t.child=null,t.deletions=null,t.sibling=null,t.tag===5&&(e=t.stateNode,e!==null&&hc(e)),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}var Bt=null,he=!1;function fn(t,e,n){for(n=n.child;n!==null;)nd(t,e,n),n=n.sibling}function nd(t,e,n){if(Ae&&typeof Ae.onCommitFiberUnmount=="function")try{Ae.onCommitFiberUnmount(El,n)}catch{}switch(n.tag){case 26:Gt||Ze(n,e),fn(t,e,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:Gt||Ze(n,e);var a=Bt,l=he;zn(n.type)&&(Bt=n.stateNode,he=!1),fn(t,e,n),ci(n.stateNode),Bt=a,he=l;break;case 5:Gt||Ze(n,e);case 6:if(a=Bt,l=he,Bt=null,fn(t,e,n),Bt=a,he=l,Bt!==null)if(he)try{(Bt.nodeType===9?Bt.body:Bt.nodeName==="HTML"?Bt.ownerDocument.body:Bt).removeChild(n.stateNode)}catch(s){Ct(n,e,s)}else try{Bt.removeChild(n.stateNode)}catch(s){Ct(n,e,s)}break;case 18:Bt!==null&&(he?(t=Bt,Zd(t.nodeType===9?t.body:t.nodeName==="HTML"?t.ownerDocument.body:t,n.stateNode),mi(t)):Zd(Bt,n.stateNode));break;case 4:a=Bt,l=he,Bt=n.stateNode.containerInfo,he=!0,fn(t,e,n),Bt=a,he=l;break;case 0:case 11:case 14:case 15:Gt||jn(2,n,e),Gt||jn(4,n,e),fn(t,e,n);break;case 1:Gt||(Ze(n,e),a=n.stateNode,typeof a.componentWillUnmount=="function"&&F0(n,e,a)),fn(t,e,n);break;case 21:fn(t,e,n);break;case 22:Gt=(a=Gt)||n.memoizedState!==null,fn(t,e,n),Gt=a;break;default:fn(t,e,n)}}function ad(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null&&(t=t.dehydrated,t!==null))))try{mi(t)}catch(n){Ct(e,e.return,n)}}function mm(t){switch(t.tag){case 13:case 19:var e=t.stateNode;return e===null&&(e=t.stateNode=new $0),e;case 22:return t=t.stateNode,e=t._retryCache,e===null&&(e=t._retryCache=new $0),e;default:throw Error(f(435,t.tag))}}function Us(t,e){var n=mm(t);e.forEach(function(a){var l=Tm.bind(null,t,a);n.has(a)||(n.add(a),a.then(l,l))})}function be(t,e){var n=e.deletions;if(n!==null)for(var a=0;a<n.length;a++){var l=n[a],s=t,h=e,g=h;t:for(;g!==null;){switch(g.tag){case 27:if(zn(g.type)){Bt=g.stateNode,he=!1;break t}break;case 5:Bt=g.stateNode,he=!1;break t;case 3:case 4:Bt=g.stateNode.containerInfo,he=!0;break t}g=g.return}if(Bt===null)throw Error(f(160));nd(s,h,l),Bt=null,he=!1,s=l.alternate,s!==null&&(s.return=null),l.return=null}if(e.subtreeFlags&13878)for(e=e.child;e!==null;)ld(e,t),e=e.sibling}var Ge=null;function ld(t,e){var n=t.alternate,a=t.flags;switch(t.tag){case 0:case 11:case 14:case 15:be(e,t),pe(t),a&4&&(jn(3,t,t.return),Pl(3,t),jn(5,t,t.return));break;case 1:be(e,t),pe(t),a&512&&(Gt||n===null||Ze(n,n.return)),a&64&&sn&&(t=t.updateQueue,t!==null&&(a=t.callbacks,a!==null&&(n=t.shared.hiddenCallbacks,t.shared.hiddenCallbacks=n===null?a:n.concat(a))));break;case 26:var l=Ge;if(be(e,t),pe(t),a&512&&(Gt||n===null||Ze(n,n.return)),a&4){var s=n!==null?n.memoizedState:null;if(a=t.memoizedState,n===null)if(a===null)if(t.stateNode===null){t:{a=t.type,n=t.memoizedProps,l=l.ownerDocument||l;e:switch(a){case"title":s=l.getElementsByTagName("title")[0],(!s||s[xl]||s[ne]||s.namespaceURI==="http://www.w3.org/2000/svg"||s.hasAttribute("itemprop"))&&(s=l.createElement(a),l.head.insertBefore(s,l.querySelector("head > title"))),te(s,a,n),s[ne]=t,kt(s),a=s;break t;case"link":var h=_d("link","href",l).get(a+(n.href||""));if(h){for(var g=0;g<h.length;g++)if(s=h[g],s.getAttribute("href")===(n.href==null||n.href===""?null:n.href)&&s.getAttribute("rel")===(n.rel==null?null:n.rel)&&s.getAttribute("title")===(n.title==null?null:n.title)&&s.getAttribute("crossorigin")===(n.crossOrigin==null?null:n.crossOrigin)){h.splice(g,1);break e}}s=l.createElement(a),te(s,a,n),l.head.appendChild(s);break;case"meta":if(h=_d("meta","content",l).get(a+(n.content||""))){for(g=0;g<h.length;g++)if(s=h[g],s.getAttribute("content")===(n.content==null?null:""+n.content)&&s.getAttribute("name")===(n.name==null?null:n.name)&&s.getAttribute("property")===(n.property==null?null:n.property)&&s.getAttribute("http-equiv")===(n.httpEquiv==null?null:n.httpEquiv)&&s.getAttribute("charset")===(n.charSet==null?null:n.charSet)){h.splice(g,1);break e}}s=l.createElement(a),te(s,a,n),l.head.appendChild(s);break;default:throw Error(f(468,a))}s[ne]=t,kt(s),a=s}t.stateNode=a}else $d(l,t.type,t.stateNode);else t.stateNode=Pd(l,a,t.memoizedProps);else s!==a?(s===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):s.count--,a===null?$d(l,t.type,t.stateNode):Pd(l,a,t.memoizedProps)):a===null&&t.stateNode!==null&&js(t,t.memoizedProps,n.memoizedProps)}break;case 27:be(e,t),pe(t),a&512&&(Gt||n===null||Ze(n,n.return)),n!==null&&a&4&&js(t,t.memoizedProps,n.memoizedProps);break;case 5:if(be(e,t),pe(t),a&512&&(Gt||n===null||Ze(n,n.return)),t.flags&32){l=t.stateNode;try{Ua(l,"")}catch(Y){Ct(t,t.return,Y)}}a&4&&t.stateNode!=null&&(l=t.memoizedProps,js(t,l,n!==null?n.memoizedProps:l)),a&1024&&(Bs=!0);break;case 6:if(be(e,t),pe(t),a&4){if(t.stateNode===null)throw Error(f(162));a=t.memoizedProps,n=t.stateNode;try{n.nodeValue=a}catch(Y){Ct(t,t.return,Y)}}break;case 3:if(Qu=null,l=Ge,Ge=Bu(e.containerInfo),be(e,t),Ge=l,pe(t),a&4&&n!==null&&n.memoizedState.isDehydrated)try{mi(e.containerInfo)}catch(Y){Ct(t,t.return,Y)}Bs&&(Bs=!1,id(t));break;case 4:a=Ge,Ge=Bu(t.stateNode.containerInfo),be(e,t),pe(t),Ge=a;break;case 12:be(e,t),pe(t);break;case 13:be(e,t),pe(t),t.child.flags&8192&&t.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(Xs=ce()),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Us(t,a)));break;case 22:l=t.memoizedState!==null;var S=n!==null&&n.memoizedState!==null,B=sn,X=Gt;if(sn=B||l,Gt=X||S,be(e,t),Gt=X,sn=B,pe(t),a&8192)t:for(e=t.stateNode,e._visibility=l?e._visibility&-2:e._visibility|1,l&&(n===null||S||sn||Gt||ya(t)),n=null,e=t;;){if(e.tag===5||e.tag===26){if(n===null){S=n=e;try{if(s=S.stateNode,l)h=s.style,typeof h.setProperty=="function"?h.setProperty("display","none","important"):h.display="none";else{g=S.stateNode;var k=S.memoizedProps.style,Q=k!=null&&k.hasOwnProperty("display")?k.display:null;g.style.display=Q==null||typeof Q=="boolean"?"":(""+Q).trim()}}catch(Y){Ct(S,S.return,Y)}}}else if(e.tag===6){if(n===null){S=e;try{S.stateNode.nodeValue=l?"":S.memoizedProps}catch(Y){Ct(S,S.return,Y)}}}else if((e.tag!==22&&e.tag!==23||e.memoizedState===null||e===t)&&e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break t;for(;e.sibling===null;){if(e.return===null||e.return===t)break t;n===e&&(n=null),e=e.return}n===e&&(n=null),e.sibling.return=e.return,e=e.sibling}a&4&&(a=t.updateQueue,a!==null&&(n=a.retryQueue,n!==null&&(a.retryQueue=null,Us(t,n))));break;case 19:be(e,t),pe(t),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Us(t,a)));break;case 30:break;case 21:break;default:be(e,t),pe(t)}}function pe(t){var e=t.flags;if(e&2){try{for(var n,a=t.return;a!==null;){if(P0(a)){n=a;break}a=a.return}if(n==null)throw Error(f(160));switch(n.tag){case 27:var l=n.stateNode,s=Hs(t);pu(t,s,l);break;case 5:var h=n.stateNode;n.flags&32&&(Ua(h,""),n.flags&=-33);var g=Hs(t);pu(t,g,h);break;case 3:case 4:var S=n.stateNode.containerInfo,B=Hs(t);Ns(t,B,S);break;default:throw Error(f(161))}}catch(X){Ct(t,t.return,X)}t.flags&=-3}e&4096&&(t.flags&=-4097)}function id(t){if(t.subtreeFlags&1024)for(t=t.child;t!==null;){var e=t;id(e),e.tag===5&&e.flags&1024&&e.stateNode.reset(),t=t.sibling}}function Hn(t,e){if(e.subtreeFlags&8772)for(e=e.child;e!==null;)td(t,e.alternate,e),e=e.sibling}function ya(t){for(t=t.child;t!==null;){var e=t;switch(e.tag){case 0:case 11:case 14:case 15:jn(4,e,e.return),ya(e);break;case 1:Ze(e,e.return);var n=e.stateNode;typeof n.componentWillUnmount=="function"&&F0(e,e.return,n),ya(e);break;case 27:ci(e.stateNode);case 26:case 5:Ze(e,e.return),ya(e);break;case 22:e.memoizedState===null&&ya(e);break;case 30:ya(e);break;default:ya(e)}t=t.sibling}}function Nn(t,e,n){for(n=n&&(e.subtreeFlags&8772)!==0,e=e.child;e!==null;){var a=e.alternate,l=t,s=e,h=s.flags;switch(s.tag){case 0:case 11:case 15:Nn(l,s,n),Pl(4,s);break;case 1:if(Nn(l,s,n),a=s,l=a.stateNode,typeof l.componentDidMount=="function")try{l.componentDidMount()}catch(B){Ct(a,a.return,B)}if(a=s,l=a.updateQueue,l!==null){var g=a.stateNode;try{var S=l.shared.hiddenCallbacks;if(S!==null)for(l.shared.hiddenCallbacks=null,l=0;l<S.length;l++)Bo(S[l],g)}catch(B){Ct(a,a.return,B)}}n&&h&64&&W0(s),_l(s,s.return);break;case 27:_0(s);case 26:case 5:Nn(l,s,n),n&&a===null&&h&4&&J0(s),_l(s,s.return);break;case 12:Nn(l,s,n);break;case 13:Nn(l,s,n),n&&h&4&&ad(l,s);break;case 22:s.memoizedState===null&&Nn(l,s,n),_l(s,s.return);break;case 30:break;default:Nn(l,s,n)}e=e.sibling}}function Qs(t,e){var n=null;t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),t=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(t=e.memoizedState.cachePool.pool),t!==n&&(t!=null&&t.refCount++,n!=null&&Yl(n))}function Ys(t,e){t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Yl(t))}function qe(t,e,n,a){if(e.subtreeFlags&10256)for(e=e.child;e!==null;)ud(t,e,n,a),e=e.sibling}function ud(t,e,n,a){var l=e.flags;switch(e.tag){case 0:case 11:case 15:qe(t,e,n,a),l&2048&&Pl(9,e);break;case 1:qe(t,e,n,a);break;case 3:qe(t,e,n,a),l&2048&&(t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Yl(t)));break;case 12:if(l&2048){qe(t,e,n,a),t=e.stateNode;try{var s=e.memoizedProps,h=s.id,g=s.onPostCommit;typeof g=="function"&&g(h,e.alternate===null?"mount":"update",t.passiveEffectDuration,-0)}catch(S){Ct(e,e.return,S)}}else qe(t,e,n,a);break;case 13:qe(t,e,n,a);break;case 23:break;case 22:s=e.stateNode,h=e.alternate,e.memoizedState!==null?s._visibility&2?qe(t,e,n,a):$l(t,e):s._visibility&2?qe(t,e,n,a):(s._visibility|=2,tl(t,e,n,a,(e.subtreeFlags&10256)!==0)),l&2048&&Qs(h,e);break;case 24:qe(t,e,n,a),l&2048&&Ys(e.alternate,e);break;default:qe(t,e,n,a)}}function tl(t,e,n,a,l){for(l=l&&(e.subtreeFlags&10256)!==0,e=e.child;e!==null;){var s=t,h=e,g=n,S=a,B=h.flags;switch(h.tag){case 0:case 11:case 15:tl(s,h,g,S,l),Pl(8,h);break;case 23:break;case 22:var X=h.stateNode;h.memoizedState!==null?X._visibility&2?tl(s,h,g,S,l):$l(s,h):(X._visibility|=2,tl(s,h,g,S,l)),l&&B&2048&&Qs(h.alternate,h);break;case 24:tl(s,h,g,S,l),l&&B&2048&&Ys(h.alternate,h);break;default:tl(s,h,g,S,l)}e=e.sibling}}function $l(t,e){if(e.subtreeFlags&10256)for(e=e.child;e!==null;){var n=t,a=e,l=a.flags;switch(a.tag){case 22:$l(n,a),l&2048&&Qs(a.alternate,a);break;case 24:$l(n,a),l&2048&&Ys(a.alternate,a);break;default:$l(n,a)}e=e.sibling}}var ti=8192;function el(t){if(t.subtreeFlags&ti)for(t=t.child;t!==null;)cd(t),t=t.sibling}function cd(t){switch(t.tag){case 26:el(t),t.flags&ti&&t.memoizedState!==null&&tA(Ge,t.memoizedState,t.memoizedProps);break;case 5:el(t);break;case 3:case 4:var e=Ge;Ge=Bu(t.stateNode.containerInfo),el(t),Ge=e;break;case 22:t.memoizedState===null&&(e=t.alternate,e!==null&&e.memoizedState!==null?(e=ti,ti=16777216,el(t),ti=e):el(t));break;default:el(t)}}function sd(t){var e=t.alternate;if(e!==null&&(t=e.child,t!==null)){e.child=null;do e=t.sibling,t.sibling=null,t=e;while(t!==null)}}function ei(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var a=e[n];Wt=a,rd(a,t)}sd(t)}if(t.subtreeFlags&10256)for(t=t.child;t!==null;)fd(t),t=t.sibling}function fd(t){switch(t.tag){case 0:case 11:case 15:ei(t),t.flags&2048&&jn(9,t,t.return);break;case 3:ei(t);break;case 12:ei(t);break;case 22:var e=t.stateNode;t.memoizedState!==null&&e._visibility&2&&(t.return===null||t.return.tag!==13)?(e._visibility&=-3,xu(t)):ei(t);break;default:ei(t)}}function xu(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var a=e[n];Wt=a,rd(a,t)}sd(t)}for(t=t.child;t!==null;){switch(e=t,e.tag){case 0:case 11:case 15:jn(8,e,e.return),xu(e);break;case 22:n=e.stateNode,n._visibility&2&&(n._visibility&=-3,xu(e));break;default:xu(e)}t=t.sibling}}function rd(t,e){for(;Wt!==null;){var n=Wt;switch(n.tag){case 0:case 11:case 15:jn(8,n,e);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var a=n.memoizedState.cachePool.pool;a!=null&&a.refCount++}break;case 24:Yl(n.memoizedState.cache)}if(a=n.child,a!==null)a.return=n,Wt=a;else t:for(n=t;Wt!==null;){a=Wt;var l=a.sibling,s=a.return;if(ed(a),a===n){Wt=null;break t}if(l!==null){l.return=s,Wt=l;break t}Wt=s}}}var Am={getCacheForType:function(t){var e=ae(It),n=e.data.get(t);return n===void 0&&(n=t(),e.data.set(t,n)),n}},vm=typeof WeakMap=="function"?WeakMap:Map,St=0,Mt=null,vt=null,Et=0,Tt=0,xe=null,Bn=!1,nl=!1,Ls=!1,rn=0,Lt=0,Un=0,Ea=0,zs=0,Ne=0,al=0,ni=null,ge=null,Gs=!1,Xs=0,Su=1/0,Tu=null,Qn=null,$t=0,Yn=null,ll=null,il=0,Vs=0,Is=null,od=null,ai=0,Zs=null;function Se(){if((St&2)!==0&&Et!==0)return Et&-Et;if(M.T!==null){var t=ka;return t!==0?t:Ps()}return Rr()}function dd(){Ne===0&&(Ne=(Et&536870912)===0||xt?xr():536870912);var t=He.current;return t!==null&&(t.flags|=32),Ne}function Te(t,e,n){(t===Mt&&(Tt===2||Tt===9)||t.cancelPendingCommit!==null)&&(ul(t,0),Ln(t,Et,Ne,!1)),pl(t,n),((St&2)===0||t!==Mt)&&(t===Mt&&((St&2)===0&&(Ea|=n),Lt===4&&Ln(t,Et,Ne,!1)),ke(t))}function hd(t,e,n){if((St&6)!==0)throw Error(f(327));var a=!n&&(e&124)===0&&(e&t.expiredLanes)===0||bl(t,e),l=a?bm(t,e):Ks(t,e,!0),s=a;do{if(l===0){nl&&!a&&Ln(t,e,0,!1);break}else{if(n=t.current.alternate,s&&!ym(n)){l=Ks(t,e,!1),s=!1;continue}if(l===2){if(s=e,t.errorRecoveryDisabledLanes&s)var h=0;else h=t.pendingLanes&-536870913,h=h!==0?h:h&536870912?536870912:0;if(h!==0){e=h;t:{var g=t;l=ni;var S=g.current.memoizedState.isDehydrated;if(S&&(ul(g,h).flags|=256),h=Ks(g,h,!1),h!==2){if(Ls&&!S){g.errorRecoveryDisabledLanes|=s,Ea|=s,l=4;break t}s=ge,ge=l,s!==null&&(ge===null?ge=s:ge.push.apply(ge,s))}l=h}if(s=!1,l!==2)continue}}if(l===1){ul(t,0),Ln(t,e,0,!0);break}t:{switch(a=t,s=l,s){case 0:case 1:throw Error(f(345));case 4:if((e&4194048)!==e)break;case 6:Ln(a,e,Ne,!Bn);break t;case 2:ge=null;break;case 3:case 5:break;default:throw Error(f(329))}if((e&62914560)===e&&(l=Xs+300-ce(),10<l)){if(Ln(a,e,Ne,!Bn),Ui(a,0,!0)!==0)break t;a.timeoutHandle=Vd(gd.bind(null,a,n,ge,Tu,Gs,e,Ne,Ea,al,Bn,s,2,-0,0),l);break t}gd(a,n,ge,Tu,Gs,e,Ne,Ea,al,Bn,s,0,-0,0)}}break}while(!0);ke(t)}function gd(t,e,n,a,l,s,h,g,S,B,X,k,Q,Y){if(t.timeoutHandle=-1,k=e.subtreeFlags,(k&8192||(k&16785408)===16785408)&&(ri={stylesheets:null,count:0,unsuspend:$m},cd(e),k=eA(),k!==null)){t.cancelPendingCommit=k(pd.bind(null,t,e,s,n,a,l,h,g,S,X,1,Q,Y)),Ln(t,s,h,!B);return}pd(t,e,s,n,a,l,h,g,S)}function ym(t){for(var e=t;;){var n=e.tag;if((n===0||n===11||n===15)&&e.flags&16384&&(n=e.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var a=0;a<n.length;a++){var l=n[a],s=l.getSnapshot;l=l.value;try{if(!ye(s(),l))return!1}catch{return!1}}if(n=e.child,e.subtreeFlags&16384&&n!==null)n.return=e,e=n;else{if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return!0;e=e.return}e.sibling.return=e.return,e=e.sibling}}return!0}function Ln(t,e,n,a){e&=~zs,e&=~Ea,t.suspendedLanes|=e,t.pingedLanes&=~e,a&&(t.warmLanes|=e),a=t.expirationTimes;for(var l=e;0<l;){var s=31-ve(l),h=1<<s;a[s]=-1,l&=~h}n!==0&&Tr(t,n,e)}function wu(){return(St&6)===0?(li(0),!1):!0}function qs(){if(vt!==null){if(Tt===0)var t=vt.return;else t=vt,en=ha=null,ss(t),_a=null,Wl=0,t=vt;for(;t!==null;)K0(t.alternate,t),t=t.return;vt=null}}function ul(t,e){var n=t.timeoutHandle;n!==-1&&(t.timeoutHandle=-1,Qm(n)),n=t.cancelPendingCommit,n!==null&&(t.cancelPendingCommit=null,n()),qs(),Mt=t,vt=n=_e(t.current,null),Et=e,Tt=0,xe=null,Bn=!1,nl=bl(t,e),Ls=!1,al=Ne=zs=Ea=Un=Lt=0,ge=ni=null,Gs=!1,(e&8)!==0&&(e|=e&32);var a=t.entangledLanes;if(a!==0)for(t=t.entanglements,a&=e;0<a;){var l=31-ve(a),s=1<<l;e|=t[l],a&=~s}return rn=e,Ki(),n}function md(t,e){gt=null,M.H=du,e===zl||e===nu?(e=Ho(),Tt=3):e===Co?(e=Ho(),Tt=4):Tt=e===N0?8:e!==null&&typeof e=="object"&&typeof e.then=="function"?6:1,xe=e,vt===null&&(Lt=1,vu(t,De(e,t.current)))}function Ad(){var t=M.H;return M.H=du,t===null?du:t}function vd(){var t=M.A;return M.A=Am,t}function ks(){Lt=4,Bn||(Et&4194048)!==Et&&He.current!==null||(nl=!0),(Un&134217727)===0&&(Ea&134217727)===0||Mt===null||Ln(Mt,Et,Ne,!1)}function Ks(t,e,n){var a=St;St|=2;var l=Ad(),s=vd();(Mt!==t||Et!==e)&&(Tu=null,ul(t,e)),e=!1;var h=Lt;t:do try{if(Tt!==0&&vt!==null){var g=vt,S=xe;switch(Tt){case 8:qs(),h=6;break t;case 3:case 2:case 9:case 6:He.current===null&&(e=!0);var B=Tt;if(Tt=0,xe=null,cl(t,g,S,B),n&&nl){h=0;break t}break;default:B=Tt,Tt=0,xe=null,cl(t,g,S,B)}}Em(),h=Lt;break}catch(X){md(t,X)}while(!0);return e&&t.shellSuspendCounter++,en=ha=null,St=a,M.H=l,M.A=s,vt===null&&(Mt=null,Et=0,Ki()),h}function Em(){for(;vt!==null;)yd(vt)}function bm(t,e){var n=St;St|=2;var a=Ad(),l=vd();Mt!==t||Et!==e?(Tu=null,Su=ce()+500,ul(t,e)):nl=bl(t,e);t:do try{if(Tt!==0&&vt!==null){e=vt;var s=xe;e:switch(Tt){case 1:Tt=0,xe=null,cl(t,e,s,1);break;case 2:case 9:if(Mo(s)){Tt=0,xe=null,Ed(e);break}e=function(){Tt!==2&&Tt!==9||Mt!==t||(Tt=7),ke(t)},s.then(e,e);break t;case 3:Tt=7;break t;case 4:Tt=5;break t;case 7:Mo(s)?(Tt=0,xe=null,Ed(e)):(Tt=0,xe=null,cl(t,e,s,7));break;case 5:var h=null;switch(vt.tag){case 26:h=vt.memoizedState;case 5:case 27:var g=vt;if(!h||t1(h)){Tt=0,xe=null;var S=g.sibling;if(S!==null)vt=S;else{var B=g.return;B!==null?(vt=B,Ru(B)):vt=null}break e}}Tt=0,xe=null,cl(t,e,s,5);break;case 6:Tt=0,xe=null,cl(t,e,s,6);break;case 8:qs(),Lt=6;break t;default:throw Error(f(462))}}pm();break}catch(X){md(t,X)}while(!0);return en=ha=null,M.H=a,M.A=l,St=n,vt!==null?0:(Mt=null,Et=0,Ki(),Lt)}function pm(){for(;vt!==null&&!ji();)yd(vt)}function yd(t){var e=q0(t.alternate,t,rn);t.memoizedProps=t.pendingProps,e===null?Ru(t):vt=e}function Ed(t){var e=t,n=e.alternate;switch(e.tag){case 15:case 0:e=z0(n,e,e.pendingProps,e.type,void 0,Et);break;case 11:e=z0(n,e,e.pendingProps,e.type.render,e.ref,Et);break;case 5:ss(e);default:K0(n,e),e=vt=bo(e,rn),e=q0(n,e,rn)}t.memoizedProps=t.pendingProps,e===null?Ru(t):vt=e}function cl(t,e,n,a){en=ha=null,ss(e),_a=null,Wl=0;var l=e.return;try{if(rm(t,l,e,n,Et)){Lt=1,vu(t,De(n,t.current)),vt=null;return}}catch(s){if(l!==null)throw vt=l,s;Lt=1,vu(t,De(n,t.current)),vt=null;return}e.flags&32768?(xt||a===1?t=!0:nl||(Et&536870912)!==0?t=!1:(Bn=t=!0,(a===2||a===9||a===3||a===6)&&(a=He.current,a!==null&&a.tag===13&&(a.flags|=16384))),bd(e,t)):Ru(e)}function Ru(t){var e=t;do{if((e.flags&32768)!==0){bd(e,Bn);return}t=e.return;var n=dm(e.alternate,e,rn);if(n!==null){vt=n;return}if(e=e.sibling,e!==null){vt=e;return}vt=e=t}while(e!==null);Lt===0&&(Lt=5)}function bd(t,e){do{var n=hm(t.alternate,t);if(n!==null){n.flags&=32767,vt=n;return}if(n=t.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!e&&(t=t.sibling,t!==null)){vt=t;return}vt=t=n}while(t!==null);Lt=6,vt=null}function pd(t,e,n,a,l,s,h,g,S){t.cancelPendingCommit=null;do Ou();while($t!==0);if((St&6)!==0)throw Error(f(327));if(e!==null){if(e===t.current)throw Error(f(177));if(s=e.lanes|e.childLanes,s|=Yc,$h(t,n,s,h,g,S),t===Mt&&(vt=Mt=null,Et=0),ll=e,Yn=t,il=n,Vs=s,Is=l,od=a,(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?(t.callbackNode=null,t.callbackPriority=0,wm(Hi,function(){return Rd(),null})):(t.callbackNode=null,t.callbackPriority=0),a=(e.flags&13878)!==0,(e.subtreeFlags&13878)!==0||a){a=M.T,M.T=null,l=_.p,_.p=2,h=St,St|=4;try{gm(t,e,n)}finally{St=h,_.p=l,M.T=a}}$t=1,xd(),Sd(),Td()}}function xd(){if($t===1){$t=0;var t=Yn,e=ll,n=(e.flags&13878)!==0;if((e.subtreeFlags&13878)!==0||n){n=M.T,M.T=null;var a=_.p;_.p=2;var l=St;St|=4;try{ld(e,t);var s=uf,h=fo(t.containerInfo),g=s.focusedElem,S=s.selectionRange;if(h!==g&&g&&g.ownerDocument&&so(g.ownerDocument.documentElement,g)){if(S!==null&&Hc(g)){var B=S.start,X=S.end;if(X===void 0&&(X=B),"selectionStart"in g)g.selectionStart=B,g.selectionEnd=Math.min(X,g.value.length);else{var k=g.ownerDocument||document,Q=k&&k.defaultView||window;if(Q.getSelection){var Y=Q.getSelection(),rt=g.textContent.length,st=Math.min(S.start,rt),Ot=S.end===void 0?st:Math.min(S.end,rt);!Y.extend&&st>Ot&&(h=Ot,Ot=st,st=h);var C=co(g,st),O=co(g,Ot);if(C&&O&&(Y.rangeCount!==1||Y.anchorNode!==C.node||Y.anchorOffset!==C.offset||Y.focusNode!==O.node||Y.focusOffset!==O.offset)){var H=k.createRange();H.setStart(C.node,C.offset),Y.removeAllRanges(),st>Ot?(Y.addRange(H),Y.extend(O.node,O.offset)):(H.setEnd(O.node,O.offset),Y.addRange(H))}}}}for(k=[],Y=g;Y=Y.parentNode;)Y.nodeType===1&&k.push({element:Y,left:Y.scrollLeft,top:Y.scrollTop});for(typeof g.focus=="function"&&g.focus(),g=0;g<k.length;g++){var Z=k[g];Z.element.scrollLeft=Z.left,Z.element.scrollTop=Z.top}}zu=!!lf,uf=lf=null}finally{St=l,_.p=a,M.T=n}}t.current=e,$t=2}}function Sd(){if($t===2){$t=0;var t=Yn,e=ll,n=(e.flags&8772)!==0;if((e.subtreeFlags&8772)!==0||n){n=M.T,M.T=null;var a=_.p;_.p=2;var l=St;St|=4;try{td(t,e.alternate,e)}finally{St=l,_.p=a,M.T=n}}$t=3}}function Td(){if($t===4||$t===3){$t=0,Oa();var t=Yn,e=ll,n=il,a=od;(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?$t=5:($t=0,ll=Yn=null,wd(t,t.pendingLanes));var l=t.pendingLanes;if(l===0&&(Qn=null),oc(n),e=e.stateNode,Ae&&typeof Ae.onCommitFiberRoot=="function")try{Ae.onCommitFiberRoot(El,e,void 0,(e.current.flags&128)===128)}catch{}if(a!==null){e=M.T,l=_.p,_.p=2,M.T=null;try{for(var s=t.onRecoverableError,h=0;h<a.length;h++){var g=a[h];s(g.value,{componentStack:g.stack})}}finally{M.T=e,_.p=l}}(il&3)!==0&&Ou(),ke(t),l=t.pendingLanes,(n&4194090)!==0&&(l&42)!==0?t===Zs?ai++:(ai=0,Zs=t):ai=0,li(0)}}function wd(t,e){(t.pooledCacheLanes&=e)===0&&(e=t.pooledCache,e!=null&&(t.pooledCache=null,Yl(e)))}function Ou(t){return xd(),Sd(),Td(),Rd()}function Rd(){if($t!==5)return!1;var t=Yn,e=Vs;Vs=0;var n=oc(il),a=M.T,l=_.p;try{_.p=32>n?32:n,M.T=null,n=Is,Is=null;var s=Yn,h=il;if($t=0,ll=Yn=null,il=0,(St&6)!==0)throw Error(f(331));var g=St;if(St|=4,fd(s.current),ud(s,s.current,h,n),St=g,li(0,!1),Ae&&typeof Ae.onPostCommitFiberRoot=="function")try{Ae.onPostCommitFiberRoot(El,s)}catch{}return!0}finally{_.p=l,M.T=a,wd(t,e)}}function Od(t,e,n){e=De(n,e),e=xs(t.stateNode,e,2),t=On(t,e,2),t!==null&&(pl(t,2),ke(t))}function Ct(t,e,n){if(t.tag===3)Od(t,t,n);else for(;e!==null;){if(e.tag===3){Od(e,t,n);break}else if(e.tag===1){var a=e.stateNode;if(typeof e.type.getDerivedStateFromError=="function"||typeof a.componentDidCatch=="function"&&(Qn===null||!Qn.has(a))){t=De(n,t),n=j0(2),a=On(e,n,2),a!==null&&(H0(n,a,e,t),pl(a,2),ke(a));break}}e=e.return}}function Ws(t,e,n){var a=t.pingCache;if(a===null){a=t.pingCache=new vm;var l=new Set;a.set(e,l)}else l=a.get(e),l===void 0&&(l=new Set,a.set(e,l));l.has(n)||(Ls=!0,l.add(n),t=xm.bind(null,t,e,n),e.then(t,t))}function xm(t,e,n){var a=t.pingCache;a!==null&&a.delete(e),t.pingedLanes|=t.suspendedLanes&n,t.warmLanes&=~n,Mt===t&&(Et&n)===n&&(Lt===4||Lt===3&&(Et&62914560)===Et&&300>ce()-Xs?(St&2)===0&&ul(t,0):zs|=n,al===Et&&(al=0)),ke(t)}function Dd(t,e){e===0&&(e=Sr()),t=Va(t,e),t!==null&&(pl(t,e),ke(t))}function Sm(t){var e=t.memoizedState,n=0;e!==null&&(n=e.retryLane),Dd(t,n)}function Tm(t,e){var n=0;switch(t.tag){case 13:var a=t.stateNode,l=t.memoizedState;l!==null&&(n=l.retryLane);break;case 19:a=t.stateNode;break;case 22:a=t.stateNode._retryCache;break;default:throw Error(f(314))}a!==null&&a.delete(e),Dd(t,n)}function wm(t,e){return na(t,e)}var Du=null,sl=null,Fs=!1,Cu=!1,Js=!1,ba=0;function ke(t){t!==sl&&t.next===null&&(sl===null?Du=sl=t:sl=sl.next=t),Cu=!0,Fs||(Fs=!0,Om())}function li(t,e){if(!Js&&Cu){Js=!0;do for(var n=!1,a=Du;a!==null;){if(t!==0){var l=a.pendingLanes;if(l===0)var s=0;else{var h=a.suspendedLanes,g=a.pingedLanes;s=(1<<31-ve(42|t)+1)-1,s&=l&~(h&~g),s=s&201326741?s&201326741|1:s?s|2:0}s!==0&&(n=!0,Hd(a,s))}else s=Et,s=Ui(a,a===Mt?s:0,a.cancelPendingCommit!==null||a.timeoutHandle!==-1),(s&3)===0||bl(a,s)||(n=!0,Hd(a,s));a=a.next}while(n);Js=!1}}function Rm(){Cd()}function Cd(){Cu=Fs=!1;var t=0;ba!==0&&(Um()&&(t=ba),ba=0);for(var e=ce(),n=null,a=Du;a!==null;){var l=a.next,s=Md(a,e);s===0?(a.next=null,n===null?Du=l:n.next=l,l===null&&(sl=n)):(n=a,(t!==0||(s&3)!==0)&&(Cu=!0)),a=l}li(t)}function Md(t,e){for(var n=t.suspendedLanes,a=t.pingedLanes,l=t.expirationTimes,s=t.pendingLanes&-62914561;0<s;){var h=31-ve(s),g=1<<h,S=l[h];S===-1?((g&n)===0||(g&a)!==0)&&(l[h]=_h(g,e)):S<=e&&(t.expiredLanes|=g),s&=~g}if(e=Mt,n=Et,n=Ui(t,t===e?n:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a=t.callbackNode,n===0||t===e&&(Tt===2||Tt===9)||t.cancelPendingCommit!==null)return a!==null&&a!==null&&Fe(a),t.callbackNode=null,t.callbackPriority=0;if((n&3)===0||bl(t,n)){if(e=n&-n,e===t.callbackPriority)return e;switch(a!==null&&Fe(a),oc(n)){case 2:case 8:n=br;break;case 32:n=Hi;break;case 268435456:n=pr;break;default:n=Hi}return a=jd.bind(null,t),n=na(n,a),t.callbackPriority=e,t.callbackNode=n,e}return a!==null&&a!==null&&Fe(a),t.callbackPriority=2,t.callbackNode=null,2}function jd(t,e){if($t!==0&&$t!==5)return t.callbackNode=null,t.callbackPriority=0,null;var n=t.callbackNode;if(Ou()&&t.callbackNode!==n)return null;var a=Et;return a=Ui(t,t===Mt?a:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a===0?null:(hd(t,a,e),Md(t,ce()),t.callbackNode!=null&&t.callbackNode===n?jd.bind(null,t):null)}function Hd(t,e){if(Ou())return null;hd(t,e,!0)}function Om(){Ym(function(){(St&6)!==0?na(Er,Rm):Cd()})}function Ps(){return ba===0&&(ba=xr()),ba}function Nd(t){return t==null||typeof t=="symbol"||typeof t=="boolean"?null:typeof t=="function"?t:Gi(""+t)}function Bd(t,e){var n=e.ownerDocument.createElement("input");return n.name=e.name,n.value=e.value,t.id&&n.setAttribute("form",t.id),e.parentNode.insertBefore(n,e),t=new FormData(t),n.parentNode.removeChild(n),t}function Dm(t,e,n,a,l){if(e==="submit"&&n&&n.stateNode===l){var s=Nd((l[re]||null).action),h=a.submitter;h&&(e=(e=h[re]||null)?Nd(e.formAction):h.getAttribute("formAction"),e!==null&&(s=e,h=null));var g=new Zi("action","action",null,a,l);t.push({event:g,listeners:[{instance:null,listener:function(){if(a.defaultPrevented){if(ba!==0){var S=h?Bd(l,h):new FormData(l);vs(n,{pending:!0,data:S,method:l.method,action:s},null,S)}}else typeof s=="function"&&(g.preventDefault(),S=h?Bd(l,h):new FormData(l),vs(n,{pending:!0,data:S,method:l.method,action:s},s,S))},currentTarget:l}]})}}for(var _s=0;_s<Qc.length;_s++){var $s=Qc[_s],Cm=$s.toLowerCase(),Mm=$s[0].toUpperCase()+$s.slice(1);ze(Cm,"on"+Mm)}ze(ho,"onAnimationEnd"),ze(go,"onAnimationIteration"),ze(mo,"onAnimationStart"),ze("dblclick","onDoubleClick"),ze("focusin","onFocus"),ze("focusout","onBlur"),ze(Kg,"onTransitionRun"),ze(Wg,"onTransitionStart"),ze(Fg,"onTransitionCancel"),ze(Ao,"onTransitionEnd"),Ha("onMouseEnter",["mouseout","mouseover"]),Ha("onMouseLeave",["mouseout","mouseover"]),Ha("onPointerEnter",["pointerout","pointerover"]),Ha("onPointerLeave",["pointerout","pointerover"]),la("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),la("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),la("onBeforeInput",["compositionend","keypress","textInput","paste"]),la("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),la("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),la("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var ii="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),jm=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(ii));function Ud(t,e){e=(e&4)!==0;for(var n=0;n<t.length;n++){var a=t[n],l=a.event;a=a.listeners;t:{var s=void 0;if(e)for(var h=a.length-1;0<=h;h--){var g=a[h],S=g.instance,B=g.currentTarget;if(g=g.listener,S!==s&&l.isPropagationStopped())break t;s=g,l.currentTarget=B;try{s(l)}catch(X){Au(X)}l.currentTarget=null,s=S}else for(h=0;h<a.length;h++){if(g=a[h],S=g.instance,B=g.currentTarget,g=g.listener,S!==s&&l.isPropagationStopped())break t;s=g,l.currentTarget=B;try{s(l)}catch(X){Au(X)}l.currentTarget=null,s=S}}}}function yt(t,e){var n=e[dc];n===void 0&&(n=e[dc]=new Set);var a=t+"__bubble";n.has(a)||(Qd(e,t,2,!1),n.add(a))}function tf(t,e,n){var a=0;e&&(a|=4),Qd(n,t,a,e)}var Mu="_reactListening"+Math.random().toString(36).slice(2);function ef(t){if(!t[Mu]){t[Mu]=!0,Dr.forEach(function(n){n!=="selectionchange"&&(jm.has(n)||tf(n,!1,t),tf(n,!0,t))});var e=t.nodeType===9?t:t.ownerDocument;e===null||e[Mu]||(e[Mu]=!0,tf("selectionchange",!1,e))}}function Qd(t,e,n,a){switch(u1(e)){case 2:var l=lA;break;case 8:l=iA;break;default:l=Af}n=l.bind(null,e,n,t),l=void 0,!Sc||e!=="touchstart"&&e!=="touchmove"&&e!=="wheel"||(l=!0),a?l!==void 0?t.addEventListener(e,n,{capture:!0,passive:l}):t.addEventListener(e,n,!0):l!==void 0?t.addEventListener(e,n,{passive:l}):t.addEventListener(e,n,!1)}function nf(t,e,n,a,l){var s=a;if((e&1)===0&&(e&2)===0&&a!==null)t:for(;;){if(a===null)return;var h=a.tag;if(h===3||h===4){var g=a.stateNode.containerInfo;if(g===l)break;if(h===4)for(h=a.return;h!==null;){var S=h.tag;if((S===3||S===4)&&h.stateNode.containerInfo===l)return;h=h.return}for(;g!==null;){if(h=Ca(g),h===null)return;if(S=h.tag,S===5||S===6||S===26||S===27){a=s=h;continue t}g=g.parentNode}}a=a.return}Vr(function(){var B=s,X=pc(n),k=[];t:{var Q=vo.get(t);if(Q!==void 0){var Y=Zi,rt=t;switch(t){case"keypress":if(Vi(n)===0)break t;case"keydown":case"keyup":Y=wg;break;case"focusin":rt="focus",Y=Oc;break;case"focusout":rt="blur",Y=Oc;break;case"beforeblur":case"afterblur":Y=Oc;break;case"click":if(n.button===2)break t;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":Y=qr;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":Y=hg;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":Y=Dg;break;case ho:case go:case mo:Y=Ag;break;case Ao:Y=Mg;break;case"scroll":case"scrollend":Y=og;break;case"wheel":Y=Hg;break;case"copy":case"cut":case"paste":Y=yg;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":Y=Kr;break;case"toggle":case"beforetoggle":Y=Bg}var st=(e&4)!==0,Ot=!st&&(t==="scroll"||t==="scrollend"),C=st?Q!==null?Q+"Capture":null:Q;st=[];for(var O=B,H;O!==null;){var Z=O;if(H=Z.stateNode,Z=Z.tag,Z!==5&&Z!==26&&Z!==27||H===null||C===null||(Z=Tl(O,C),Z!=null&&st.push(ui(O,Z,H))),Ot)break;O=O.return}0<st.length&&(Q=new Y(Q,rt,null,n,X),k.push({event:Q,listeners:st}))}}if((e&7)===0){t:{if(Q=t==="mouseover"||t==="pointerover",Y=t==="mouseout"||t==="pointerout",Q&&n!==bc&&(rt=n.relatedTarget||n.fromElement)&&(Ca(rt)||rt[Da]))break t;if((Y||Q)&&(Q=X.window===X?X:(Q=X.ownerDocument)?Q.defaultView||Q.parentWindow:window,Y?(rt=n.relatedTarget||n.toElement,Y=B,rt=rt?Ca(rt):null,rt!==null&&(Ot=o(rt),st=rt.tag,rt!==Ot||st!==5&&st!==27&&st!==6)&&(rt=null)):(Y=null,rt=B),Y!==rt)){if(st=qr,Z="onMouseLeave",C="onMouseEnter",O="mouse",(t==="pointerout"||t==="pointerover")&&(st=Kr,Z="onPointerLeave",C="onPointerEnter",O="pointer"),Ot=Y==null?Q:Sl(Y),H=rt==null?Q:Sl(rt),Q=new st(Z,O+"leave",Y,n,X),Q.target=Ot,Q.relatedTarget=H,Z=null,Ca(X)===B&&(st=new st(C,O+"enter",rt,n,X),st.target=H,st.relatedTarget=Ot,Z=st),Ot=Z,Y&&rt)e:{for(st=Y,C=rt,O=0,H=st;H;H=fl(H))O++;for(H=0,Z=C;Z;Z=fl(Z))H++;for(;0<O-H;)st=fl(st),O--;for(;0<H-O;)C=fl(C),H--;for(;O--;){if(st===C||C!==null&&st===C.alternate)break e;st=fl(st),C=fl(C)}st=null}else st=null;Y!==null&&Yd(k,Q,Y,st,!1),rt!==null&&Ot!==null&&Yd(k,Ot,rt,st,!0)}}t:{if(Q=B?Sl(B):window,Y=Q.nodeName&&Q.nodeName.toLowerCase(),Y==="select"||Y==="input"&&Q.type==="file")var nt=eo;else if($r(Q))if(no)nt=Zg;else{nt=Vg;var At=Xg}else Y=Q.nodeName,!Y||Y.toLowerCase()!=="input"||Q.type!=="checkbox"&&Q.type!=="radio"?B&&Ec(B.elementType)&&(nt=eo):nt=Ig;if(nt&&(nt=nt(t,B))){to(k,nt,n,X);break t}At&&At(t,Q,B),t==="focusout"&&B&&Q.type==="number"&&B.memoizedProps.value!=null&&yc(Q,"number",Q.value)}switch(At=B?Sl(B):window,t){case"focusin":($r(At)||At.contentEditable==="true")&&(za=At,Nc=B,Hl=null);break;case"focusout":Hl=Nc=za=null;break;case"mousedown":Bc=!0;break;case"contextmenu":case"mouseup":case"dragend":Bc=!1,ro(k,n,X);break;case"selectionchange":if(kg)break;case"keydown":case"keyup":ro(k,n,X)}var lt;if(Cc)t:{switch(t){case"compositionstart":var ft="onCompositionStart";break t;case"compositionend":ft="onCompositionEnd";break t;case"compositionupdate":ft="onCompositionUpdate";break t}ft=void 0}else La?Pr(t,n)&&(ft="onCompositionEnd"):t==="keydown"&&n.keyCode===229&&(ft="onCompositionStart");ft&&(Wr&&n.locale!=="ko"&&(La||ft!=="onCompositionStart"?ft==="onCompositionEnd"&&La&&(lt=Ir()):(Sn=X,Tc="value"in Sn?Sn.value:Sn.textContent,La=!0)),At=ju(B,ft),0<At.length&&(ft=new kr(ft,t,null,n,X),k.push({event:ft,listeners:At}),lt?ft.data=lt:(lt=_r(n),lt!==null&&(ft.data=lt)))),(lt=Qg?Yg(t,n):Lg(t,n))&&(ft=ju(B,"onBeforeInput"),0<ft.length&&(At=new kr("onBeforeInput","beforeinput",null,n,X),k.push({event:At,listeners:ft}),At.data=lt)),Dm(k,t,B,n,X)}Ud(k,e)})}function ui(t,e,n){return{instance:t,listener:e,currentTarget:n}}function ju(t,e){for(var n=e+"Capture",a=[];t!==null;){var l=t,s=l.stateNode;if(l=l.tag,l!==5&&l!==26&&l!==27||s===null||(l=Tl(t,n),l!=null&&a.unshift(ui(t,l,s)),l=Tl(t,e),l!=null&&a.push(ui(t,l,s))),t.tag===3)return a;t=t.return}return[]}function fl(t){if(t===null)return null;do t=t.return;while(t&&t.tag!==5&&t.tag!==27);return t||null}function Yd(t,e,n,a,l){for(var s=e._reactName,h=[];n!==null&&n!==a;){var g=n,S=g.alternate,B=g.stateNode;if(g=g.tag,S!==null&&S===a)break;g!==5&&g!==26&&g!==27||B===null||(S=B,l?(B=Tl(n,s),B!=null&&h.unshift(ui(n,B,S))):l||(B=Tl(n,s),B!=null&&h.push(ui(n,B,S)))),n=n.return}h.length!==0&&t.push({event:e,listeners:h})}var Hm=/\r\n?/g,Nm=/\u0000|\uFFFD/g;function Ld(t){return(typeof t=="string"?t:""+t).replace(Hm,`
-`).replace(Nm,"")}function zd(t,e){return e=Ld(e),Ld(t)===e}function Hu(){}function Rt(t,e,n,a,l,s){switch(n){case"children":typeof a=="string"?e==="body"||e==="textarea"&&a===""||Ua(t,a):(typeof a=="number"||typeof a=="bigint")&&e!=="body"&&Ua(t,""+a);break;case"className":Yi(t,"class",a);break;case"tabIndex":Yi(t,"tabindex",a);break;case"dir":case"role":case"viewBox":case"width":case"height":Yi(t,n,a);break;case"style":Gr(t,a,s);break;case"data":if(e!=="object"){Yi(t,"data",a);break}case"src":case"href":if(a===""&&(e!=="a"||n!=="href")){t.removeAttribute(n);break}if(a==null||typeof a=="function"||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(n);break}a=Gi(""+a),t.setAttribute(n,a);break;case"action":case"formAction":if(typeof a=="function"){t.setAttribute(n,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof s=="function"&&(n==="formAction"?(e!=="input"&&Rt(t,e,"name",l.name,l,null),Rt(t,e,"formEncType",l.formEncType,l,null),Rt(t,e,"formMethod",l.formMethod,l,null),Rt(t,e,"formTarget",l.formTarget,l,null)):(Rt(t,e,"encType",l.encType,l,null),Rt(t,e,"method",l.method,l,null),Rt(t,e,"target",l.target,l,null)));if(a==null||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(n);break}a=Gi(""+a),t.setAttribute(n,a);break;case"onClick":a!=null&&(t.onclick=Hu);break;case"onScroll":a!=null&&yt("scroll",t);break;case"onScrollEnd":a!=null&&yt("scrollend",t);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(f(61));if(n=a.__html,n!=null){if(l.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"multiple":t.multiple=a&&typeof a!="function"&&typeof a!="symbol";break;case"muted":t.muted=a&&typeof a!="function"&&typeof a!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(a==null||typeof a=="function"||typeof a=="boolean"||typeof a=="symbol"){t.removeAttribute("xlink:href");break}n=Gi(""+a),t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",n);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,""+a):t.removeAttribute(n);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":a&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,""):t.removeAttribute(n);break;case"capture":case"download":a===!0?t.setAttribute(n,""):a!==!1&&a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,a):t.removeAttribute(n);break;case"cols":case"rows":case"size":case"span":a!=null&&typeof a!="function"&&typeof a!="symbol"&&!isNaN(a)&&1<=a?t.setAttribute(n,a):t.removeAttribute(n);break;case"rowSpan":case"start":a==null||typeof a=="function"||typeof a=="symbol"||isNaN(a)?t.removeAttribute(n):t.setAttribute(n,a);break;case"popover":yt("beforetoggle",t),yt("toggle",t),Qi(t,"popover",a);break;case"xlinkActuate":Je(t,"http://www.w3.org/1999/xlink","xlink:actuate",a);break;case"xlinkArcrole":Je(t,"http://www.w3.org/1999/xlink","xlink:arcrole",a);break;case"xlinkRole":Je(t,"http://www.w3.org/1999/xlink","xlink:role",a);break;case"xlinkShow":Je(t,"http://www.w3.org/1999/xlink","xlink:show",a);break;case"xlinkTitle":Je(t,"http://www.w3.org/1999/xlink","xlink:title",a);break;case"xlinkType":Je(t,"http://www.w3.org/1999/xlink","xlink:type",a);break;case"xmlBase":Je(t,"http://www.w3.org/XML/1998/namespace","xml:base",a);break;case"xmlLang":Je(t,"http://www.w3.org/XML/1998/namespace","xml:lang",a);break;case"xmlSpace":Je(t,"http://www.w3.org/XML/1998/namespace","xml:space",a);break;case"is":Qi(t,"is",a);break;case"innerText":case"textContent":break;default:(!(2<n.length)||n[0]!=="o"&&n[0]!=="O"||n[1]!=="n"&&n[1]!=="N")&&(n=fg.get(n)||n,Qi(t,n,a))}}function af(t,e,n,a,l,s){switch(n){case"style":Gr(t,a,s);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(f(61));if(n=a.__html,n!=null){if(l.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"children":typeof a=="string"?Ua(t,a):(typeof a=="number"||typeof a=="bigint")&&Ua(t,""+a);break;case"onScroll":a!=null&&yt("scroll",t);break;case"onScrollEnd":a!=null&&yt("scrollend",t);break;case"onClick":a!=null&&(t.onclick=Hu);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!Cr.hasOwnProperty(n))t:{if(n[0]==="o"&&n[1]==="n"&&(l=n.endsWith("Capture"),e=n.slice(2,l?n.length-7:void 0),s=t[re]||null,s=s!=null?s[n]:null,typeof s=="function"&&t.removeEventListener(e,s,l),typeof a=="function")){typeof s!="function"&&s!==null&&(n in t?t[n]=null:t.hasAttribute(n)&&t.removeAttribute(n)),t.addEventListener(e,a,l);break t}n in t?t[n]=a:a===!0?t.setAttribute(n,""):Qi(t,n,a)}}}function te(t,e,n){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":yt("error",t),yt("load",t);var a=!1,l=!1,s;for(s in n)if(n.hasOwnProperty(s)){var h=n[s];if(h!=null)switch(s){case"src":a=!0;break;case"srcSet":l=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:Rt(t,e,s,h,n,null)}}l&&Rt(t,e,"srcSet",n.srcSet,n,null),a&&Rt(t,e,"src",n.src,n,null);return;case"input":yt("invalid",t);var g=s=h=l=null,S=null,B=null;for(a in n)if(n.hasOwnProperty(a)){var X=n[a];if(X!=null)switch(a){case"name":l=X;break;case"type":h=X;break;case"checked":S=X;break;case"defaultChecked":B=X;break;case"value":s=X;break;case"defaultValue":g=X;break;case"children":case"dangerouslySetInnerHTML":if(X!=null)throw Error(f(137,e));break;default:Rt(t,e,a,X,n,null)}}Qr(t,s,g,S,B,h,l,!1),Li(t);return;case"select":yt("invalid",t),a=h=s=null;for(l in n)if(n.hasOwnProperty(l)&&(g=n[l],g!=null))switch(l){case"value":s=g;break;case"defaultValue":h=g;break;case"multiple":a=g;default:Rt(t,e,l,g,n,null)}e=s,n=h,t.multiple=!!a,e!=null?Ba(t,!!a,e,!1):n!=null&&Ba(t,!!a,n,!0);return;case"textarea":yt("invalid",t),s=l=a=null;for(h in n)if(n.hasOwnProperty(h)&&(g=n[h],g!=null))switch(h){case"value":a=g;break;case"defaultValue":l=g;break;case"children":s=g;break;case"dangerouslySetInnerHTML":if(g!=null)throw Error(f(91));break;default:Rt(t,e,h,g,n,null)}Lr(t,a,l,s),Li(t);return;case"option":for(S in n)if(n.hasOwnProperty(S)&&(a=n[S],a!=null))switch(S){case"selected":t.selected=a&&typeof a!="function"&&typeof a!="symbol";break;default:Rt(t,e,S,a,n,null)}return;case"dialog":yt("beforetoggle",t),yt("toggle",t),yt("cancel",t),yt("close",t);break;case"iframe":case"object":yt("load",t);break;case"video":case"audio":for(a=0;a<ii.length;a++)yt(ii[a],t);break;case"image":yt("error",t),yt("load",t);break;case"details":yt("toggle",t);break;case"embed":case"source":case"link":yt("error",t),yt("load",t);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(B in n)if(n.hasOwnProperty(B)&&(a=n[B],a!=null))switch(B){case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:Rt(t,e,B,a,n,null)}return;default:if(Ec(e)){for(X in n)n.hasOwnProperty(X)&&(a=n[X],a!==void 0&&af(t,e,X,a,n,void 0));return}}for(g in n)n.hasOwnProperty(g)&&(a=n[g],a!=null&&Rt(t,e,g,a,n,null))}function Bm(t,e,n,a){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var l=null,s=null,h=null,g=null,S=null,B=null,X=null;for(Y in n){var k=n[Y];if(n.hasOwnProperty(Y)&&k!=null)switch(Y){case"checked":break;case"value":break;case"defaultValue":S=k;default:a.hasOwnProperty(Y)||Rt(t,e,Y,null,a,k)}}for(var Q in a){var Y=a[Q];if(k=n[Q],a.hasOwnProperty(Q)&&(Y!=null||k!=null))switch(Q){case"type":s=Y;break;case"name":l=Y;break;case"checked":B=Y;break;case"defaultChecked":X=Y;break;case"value":h=Y;break;case"defaultValue":g=Y;break;case"children":case"dangerouslySetInnerHTML":if(Y!=null)throw Error(f(137,e));break;default:Y!==k&&Rt(t,e,Q,Y,a,k)}}vc(t,h,g,S,B,X,s,l);return;case"select":Y=h=g=Q=null;for(s in n)if(S=n[s],n.hasOwnProperty(s)&&S!=null)switch(s){case"value":break;case"multiple":Y=S;default:a.hasOwnProperty(s)||Rt(t,e,s,null,a,S)}for(l in a)if(s=a[l],S=n[l],a.hasOwnProperty(l)&&(s!=null||S!=null))switch(l){case"value":Q=s;break;case"defaultValue":g=s;break;case"multiple":h=s;default:s!==S&&Rt(t,e,l,s,a,S)}e=g,n=h,a=Y,Q!=null?Ba(t,!!n,Q,!1):!!a!=!!n&&(e!=null?Ba(t,!!n,e,!0):Ba(t,!!n,n?[]:"",!1));return;case"textarea":Y=Q=null;for(g in n)if(l=n[g],n.hasOwnProperty(g)&&l!=null&&!a.hasOwnProperty(g))switch(g){case"value":break;case"children":break;default:Rt(t,e,g,null,a,l)}for(h in a)if(l=a[h],s=n[h],a.hasOwnProperty(h)&&(l!=null||s!=null))switch(h){case"value":Q=l;break;case"defaultValue":Y=l;break;case"children":break;case"dangerouslySetInnerHTML":if(l!=null)throw Error(f(91));break;default:l!==s&&Rt(t,e,h,l,a,s)}Yr(t,Q,Y);return;case"option":for(var rt in n)if(Q=n[rt],n.hasOwnProperty(rt)&&Q!=null&&!a.hasOwnProperty(rt))switch(rt){case"selected":t.selected=!1;break;default:Rt(t,e,rt,null,a,Q)}for(S in a)if(Q=a[S],Y=n[S],a.hasOwnProperty(S)&&Q!==Y&&(Q!=null||Y!=null))switch(S){case"selected":t.selected=Q&&typeof Q!="function"&&typeof Q!="symbol";break;default:Rt(t,e,S,Q,a,Y)}return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var st in n)Q=n[st],n.hasOwnProperty(st)&&Q!=null&&!a.hasOwnProperty(st)&&Rt(t,e,st,null,a,Q);for(B in a)if(Q=a[B],Y=n[B],a.hasOwnProperty(B)&&Q!==Y&&(Q!=null||Y!=null))switch(B){case"children":case"dangerouslySetInnerHTML":if(Q!=null)throw Error(f(137,e));break;default:Rt(t,e,B,Q,a,Y)}return;default:if(Ec(e)){for(var Ot in n)Q=n[Ot],n.hasOwnProperty(Ot)&&Q!==void 0&&!a.hasOwnProperty(Ot)&&af(t,e,Ot,void 0,a,Q);for(X in a)Q=a[X],Y=n[X],!a.hasOwnProperty(X)||Q===Y||Q===void 0&&Y===void 0||af(t,e,X,Q,a,Y);return}}for(var C in n)Q=n[C],n.hasOwnProperty(C)&&Q!=null&&!a.hasOwnProperty(C)&&Rt(t,e,C,null,a,Q);for(k in a)Q=a[k],Y=n[k],!a.hasOwnProperty(k)||Q===Y||Q==null&&Y==null||Rt(t,e,k,Q,a,Y)}var lf=null,uf=null;function Nu(t){return t.nodeType===9?t:t.ownerDocument}function Gd(t){switch(t){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function Xd(t,e){if(t===0)switch(e){case"svg":return 1;case"math":return 2;default:return 0}return t===1&&e==="foreignObject"?0:t}function cf(t,e){return t==="textarea"||t==="noscript"||typeof e.children=="string"||typeof e.children=="number"||typeof e.children=="bigint"||typeof e.dangerouslySetInnerHTML=="object"&&e.dangerouslySetInnerHTML!==null&&e.dangerouslySetInnerHTML.__html!=null}var sf=null;function Um(){var t=window.event;return t&&t.type==="popstate"?t===sf?!1:(sf=t,!0):(sf=null,!1)}var Vd=typeof setTimeout=="function"?setTimeout:void 0,Qm=typeof clearTimeout=="function"?clearTimeout:void 0,Id=typeof Promise=="function"?Promise:void 0,Ym=typeof queueMicrotask=="function"?queueMicrotask:typeof Id<"u"?function(t){return Id.resolve(null).then(t).catch(Lm)}:Vd;function Lm(t){setTimeout(function(){throw t})}function zn(t){return t==="head"}function Zd(t,e){var n=e,a=0,l=0;do{var s=n.nextSibling;if(t.removeChild(n),s&&s.nodeType===8)if(n=s.data,n==="/$"){if(0<a&&8>a){n=a;var h=t.ownerDocument;if(n&1&&ci(h.documentElement),n&2&&ci(h.body),n&4)for(n=h.head,ci(n),h=n.firstChild;h;){var g=h.nextSibling,S=h.nodeName;h[xl]||S==="SCRIPT"||S==="STYLE"||S==="LINK"&&h.rel.toLowerCase()==="stylesheet"||n.removeChild(h),h=g}}if(l===0){t.removeChild(s),mi(e);return}l--}else n==="$"||n==="$?"||n==="$!"?l++:a=n.charCodeAt(0)-48;else a=0;n=s}while(n);mi(e)}function ff(t){var e=t.firstChild;for(e&&e.nodeType===10&&(e=e.nextSibling);e;){var n=e;switch(e=e.nextSibling,n.nodeName){case"HTML":case"HEAD":case"BODY":ff(n),hc(n);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(n.rel.toLowerCase()==="stylesheet")continue}t.removeChild(n)}}function zm(t,e,n,a){for(;t.nodeType===1;){var l=n;if(t.nodeName.toLowerCase()!==e.toLowerCase()){if(!a&&(t.nodeName!=="INPUT"||t.type!=="hidden"))break}else if(a){if(!t[xl])switch(e){case"meta":if(!t.hasAttribute("itemprop"))break;return t;case"link":if(s=t.getAttribute("rel"),s==="stylesheet"&&t.hasAttribute("data-precedence"))break;if(s!==l.rel||t.getAttribute("href")!==(l.href==null||l.href===""?null:l.href)||t.getAttribute("crossorigin")!==(l.crossOrigin==null?null:l.crossOrigin)||t.getAttribute("title")!==(l.title==null?null:l.title))break;return t;case"style":if(t.hasAttribute("data-precedence"))break;return t;case"script":if(s=t.getAttribute("src"),(s!==(l.src==null?null:l.src)||t.getAttribute("type")!==(l.type==null?null:l.type)||t.getAttribute("crossorigin")!==(l.crossOrigin==null?null:l.crossOrigin))&&s&&t.hasAttribute("async")&&!t.hasAttribute("itemprop"))break;return t;default:return t}}else if(e==="input"&&t.type==="hidden"){var s=l.name==null?null:""+l.name;if(l.type==="hidden"&&t.getAttribute("name")===s)return t}else return t;if(t=Xe(t.nextSibling),t===null)break}return null}function Gm(t,e,n){if(e==="")return null;for(;t.nodeType!==3;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!n||(t=Xe(t.nextSibling),t===null))return null;return t}function rf(t){return t.data==="$!"||t.data==="$?"&&t.ownerDocument.readyState==="complete"}function Xm(t,e){var n=t.ownerDocument;if(t.data!=="$?"||n.readyState==="complete")e();else{var a=function(){e(),n.removeEventListener("DOMContentLoaded",a)};n.addEventListener("DOMContentLoaded",a),t._reactRetry=a}}function Xe(t){for(;t!=null;t=t.nextSibling){var e=t.nodeType;if(e===1||e===3)break;if(e===8){if(e=t.data,e==="$"||e==="$!"||e==="$?"||e==="F!"||e==="F")break;if(e==="/$")return null}}return t}var of=null;function qd(t){t=t.previousSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="$"||n==="$!"||n==="$?"){if(e===0)return t;e--}else n==="/$"&&e++}t=t.previousSibling}return null}function kd(t,e,n){switch(e=Nu(n),t){case"html":if(t=e.documentElement,!t)throw Error(f(452));return t;case"head":if(t=e.head,!t)throw Error(f(453));return t;case"body":if(t=e.body,!t)throw Error(f(454));return t;default:throw Error(f(451))}}function ci(t){for(var e=t.attributes;e.length;)t.removeAttributeNode(e[0]);hc(t)}var Be=new Map,Kd=new Set;function Bu(t){return typeof t.getRootNode=="function"?t.getRootNode():t.nodeType===9?t:t.ownerDocument}var on=_.d;_.d={f:Vm,r:Im,D:Zm,C:qm,L:km,m:Km,X:Fm,S:Wm,M:Jm};function Vm(){var t=on.f(),e=wu();return t||e}function Im(t){var e=Ma(t);e!==null&&e.tag===5&&e.type==="form"?h0(e):on.r(t)}var rl=typeof document>"u"?null:document;function Wd(t,e,n){var a=rl;if(a&&typeof e=="string"&&e){var l=Oe(e);l='link[rel="'+t+'"][href="'+l+'"]',typeof n=="string"&&(l+='[crossorigin="'+n+'"]'),Kd.has(l)||(Kd.add(l),t={rel:t,crossOrigin:n,href:e},a.querySelector(l)===null&&(e=a.createElement("link"),te(e,"link",t),kt(e),a.head.appendChild(e)))}}function Zm(t){on.D(t),Wd("dns-prefetch",t,null)}function qm(t,e){on.C(t,e),Wd("preconnect",t,e)}function km(t,e,n){on.L(t,e,n);var a=rl;if(a&&t&&e){var l='link[rel="preload"][as="'+Oe(e)+'"]';e==="image"&&n&&n.imageSrcSet?(l+='[imagesrcset="'+Oe(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(l+='[imagesizes="'+Oe(n.imageSizes)+'"]')):l+='[href="'+Oe(t)+'"]';var s=l;switch(e){case"style":s=ol(t);break;case"script":s=dl(t)}Be.has(s)||(t=E({rel:"preload",href:e==="image"&&n&&n.imageSrcSet?void 0:t,as:e},n),Be.set(s,t),a.querySelector(l)!==null||e==="style"&&a.querySelector(si(s))||e==="script"&&a.querySelector(fi(s))||(e=a.createElement("link"),te(e,"link",t),kt(e),a.head.appendChild(e)))}}function Km(t,e){on.m(t,e);var n=rl;if(n&&t){var a=e&&typeof e.as=="string"?e.as:"script",l='link[rel="modulepreload"][as="'+Oe(a)+'"][href="'+Oe(t)+'"]',s=l;switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":s=dl(t)}if(!Be.has(s)&&(t=E({rel:"modulepreload",href:t},e),Be.set(s,t),n.querySelector(l)===null)){switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(fi(s)))return}a=n.createElement("link"),te(a,"link",t),kt(a),n.head.appendChild(a)}}}function Wm(t,e,n){on.S(t,e,n);var a=rl;if(a&&t){var l=ja(a).hoistableStyles,s=ol(t);e=e||"default";var h=l.get(s);if(!h){var g={loading:0,preload:null};if(h=a.querySelector(si(s)))g.loading=5;else{t=E({rel:"stylesheet",href:t,"data-precedence":e},n),(n=Be.get(s))&&df(t,n);var S=h=a.createElement("link");kt(S),te(S,"link",t),S._p=new Promise(function(B,X){S.onload=B,S.onerror=X}),S.addEventListener("load",function(){g.loading|=1}),S.addEventListener("error",function(){g.loading|=2}),g.loading|=4,Uu(h,e,a)}h={type:"stylesheet",instance:h,count:1,state:g},l.set(s,h)}}}function Fm(t,e){on.X(t,e);var n=rl;if(n&&t){var a=ja(n).hoistableScripts,l=dl(t),s=a.get(l);s||(s=n.querySelector(fi(l)),s||(t=E({src:t,async:!0},e),(e=Be.get(l))&&hf(t,e),s=n.createElement("script"),kt(s),te(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},a.set(l,s))}}function Jm(t,e){on.M(t,e);var n=rl;if(n&&t){var a=ja(n).hoistableScripts,l=dl(t),s=a.get(l);s||(s=n.querySelector(fi(l)),s||(t=E({src:t,async:!0,type:"module"},e),(e=Be.get(l))&&hf(t,e),s=n.createElement("script"),kt(s),te(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},a.set(l,s))}}function Fd(t,e,n,a){var l=(l=ut.current)?Bu(l):null;if(!l)throw Error(f(446));switch(t){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(e=ol(n.href),n=ja(l).hoistableStyles,a=n.get(e),a||(a={type:"style",instance:null,count:0,state:null},n.set(e,a)),a):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){t=ol(n.href);var s=ja(l).hoistableStyles,h=s.get(t);if(h||(l=l.ownerDocument||l,h={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},s.set(t,h),(s=l.querySelector(si(t)))&&!s._p&&(h.instance=s,h.state.loading=5),Be.has(t)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},Be.set(t,n),s||Pm(l,t,n,h.state))),e&&a===null)throw Error(f(528,""));return h}if(e&&a!==null)throw Error(f(529,""));return null;case"script":return e=n.async,n=n.src,typeof n=="string"&&e&&typeof e!="function"&&typeof e!="symbol"?(e=dl(n),n=ja(l).hoistableScripts,a=n.get(e),a||(a={type:"script",instance:null,count:0,state:null},n.set(e,a)),a):{type:"void",instance:null,count:0,state:null};default:throw Error(f(444,t))}}function ol(t){return'href="'+Oe(t)+'"'}function si(t){return'link[rel="stylesheet"]['+t+"]"}function Jd(t){return E({},t,{"data-precedence":t.precedence,precedence:null})}function Pm(t,e,n,a){t.querySelector('link[rel="preload"][as="style"]['+e+"]")?a.loading=1:(e=t.createElement("link"),a.preload=e,e.addEventListener("load",function(){return a.loading|=1}),e.addEventListener("error",function(){return a.loading|=2}),te(e,"link",n),kt(e),t.head.appendChild(e))}function dl(t){return'[src="'+Oe(t)+'"]'}function fi(t){return"script[async]"+t}function Pd(t,e,n){if(e.count++,e.instance===null)switch(e.type){case"style":var a=t.querySelector('style[data-href~="'+Oe(n.href)+'"]');if(a)return e.instance=a,kt(a),a;var l=E({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return a=(t.ownerDocument||t).createElement("style"),kt(a),te(a,"style",l),Uu(a,n.precedence,t),e.instance=a;case"stylesheet":l=ol(n.href);var s=t.querySelector(si(l));if(s)return e.state.loading|=4,e.instance=s,kt(s),s;a=Jd(n),(l=Be.get(l))&&df(a,l),s=(t.ownerDocument||t).createElement("link"),kt(s);var h=s;return h._p=new Promise(function(g,S){h.onload=g,h.onerror=S}),te(s,"link",a),e.state.loading|=4,Uu(s,n.precedence,t),e.instance=s;case"script":return s=dl(n.src),(l=t.querySelector(fi(s)))?(e.instance=l,kt(l),l):(a=n,(l=Be.get(s))&&(a=E({},n),hf(a,l)),t=t.ownerDocument||t,l=t.createElement("script"),kt(l),te(l,"link",a),t.head.appendChild(l),e.instance=l);case"void":return null;default:throw Error(f(443,e.type))}else e.type==="stylesheet"&&(e.state.loading&4)===0&&(a=e.instance,e.state.loading|=4,Uu(a,n.precedence,t));return e.instance}function Uu(t,e,n){for(var a=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),l=a.length?a[a.length-1]:null,s=l,h=0;h<a.length;h++){var g=a[h];if(g.dataset.precedence===e)s=g;else if(s!==l)break}s?s.parentNode.insertBefore(t,s.nextSibling):(e=n.nodeType===9?n.head:n,e.insertBefore(t,e.firstChild))}function df(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.title==null&&(t.title=e.title)}function hf(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.integrity==null&&(t.integrity=e.integrity)}var Qu=null;function _d(t,e,n){if(Qu===null){var a=new Map,l=Qu=new Map;l.set(n,a)}else l=Qu,a=l.get(n),a||(a=new Map,l.set(n,a));if(a.has(t))return a;for(a.set(t,null),n=n.getElementsByTagName(t),l=0;l<n.length;l++){var s=n[l];if(!(s[xl]||s[ne]||t==="link"&&s.getAttribute("rel")==="stylesheet")&&s.namespaceURI!=="http://www.w3.org/2000/svg"){var h=s.getAttribute(e)||"";h=t+h;var g=a.get(h);g?g.push(s):a.set(h,[s])}}return a}function $d(t,e,n){t=t.ownerDocument||t,t.head.insertBefore(n,e==="title"?t.querySelector("head > title"):null)}function _m(t,e,n){if(n===1||e.itemProp!=null)return!1;switch(t){case"meta":case"title":return!0;case"style":if(typeof e.precedence!="string"||typeof e.href!="string"||e.href==="")break;return!0;case"link":if(typeof e.rel!="string"||typeof e.href!="string"||e.href===""||e.onLoad||e.onError)break;switch(e.rel){case"stylesheet":return t=e.disabled,typeof e.precedence=="string"&&t==null;default:return!0}case"script":if(e.async&&typeof e.async!="function"&&typeof e.async!="symbol"&&!e.onLoad&&!e.onError&&e.src&&typeof e.src=="string")return!0}return!1}function t1(t){return!(t.type==="stylesheet"&&(t.state.loading&3)===0)}var ri=null;function $m(){}function tA(t,e,n){if(ri===null)throw Error(f(475));var a=ri;if(e.type==="stylesheet"&&(typeof n.media!="string"||matchMedia(n.media).matches!==!1)&&(e.state.loading&4)===0){if(e.instance===null){var l=ol(n.href),s=t.querySelector(si(l));if(s){t=s._p,t!==null&&typeof t=="object"&&typeof t.then=="function"&&(a.count++,a=Yu.bind(a),t.then(a,a)),e.state.loading|=4,e.instance=s,kt(s);return}s=t.ownerDocument||t,n=Jd(n),(l=Be.get(l))&&df(n,l),s=s.createElement("link"),kt(s);var h=s;h._p=new Promise(function(g,S){h.onload=g,h.onerror=S}),te(s,"link",n),e.instance=s}a.stylesheets===null&&(a.stylesheets=new Map),a.stylesheets.set(e,t),(t=e.state.preload)&&(e.state.loading&3)===0&&(a.count++,e=Yu.bind(a),t.addEventListener("load",e),t.addEventListener("error",e))}}function eA(){if(ri===null)throw Error(f(475));var t=ri;return t.stylesheets&&t.count===0&&gf(t,t.stylesheets),0<t.count?function(e){var n=setTimeout(function(){if(t.stylesheets&&gf(t,t.stylesheets),t.unsuspend){var a=t.unsuspend;t.unsuspend=null,a()}},6e4);return t.unsuspend=e,function(){t.unsuspend=null,clearTimeout(n)}}:null}function Yu(){if(this.count--,this.count===0){if(this.stylesheets)gf(this,this.stylesheets);else if(this.unsuspend){var t=this.unsuspend;this.unsuspend=null,t()}}}var Lu=null;function gf(t,e){t.stylesheets=null,t.unsuspend!==null&&(t.count++,Lu=new Map,e.forEach(nA,t),Lu=null,Yu.call(t))}function nA(t,e){if(!(e.state.loading&4)){var n=Lu.get(t);if(n)var a=n.get(null);else{n=new Map,Lu.set(t,n);for(var l=t.querySelectorAll("link[data-precedence],style[data-precedence]"),s=0;s<l.length;s++){var h=l[s];(h.nodeName==="LINK"||h.getAttribute("media")!=="not all")&&(n.set(h.dataset.precedence,h),a=h)}a&&n.set(null,a)}l=e.instance,h=l.getAttribute("data-precedence"),s=n.get(h)||a,s===a&&n.set(null,l),n.set(h,l),this.count++,a=Yu.bind(this),l.addEventListener("load",a),l.addEventListener("error",a),s?s.parentNode.insertBefore(l,s.nextSibling):(t=t.nodeType===9?t.head:t,t.insertBefore(l,t.firstChild)),e.state.loading|=4}}var oi={$$typeof:U,Provider:null,Consumer:null,_currentValue:$,_currentValue2:$,_threadCount:0};function aA(t,e,n,a,l,s,h,g){this.tag=1,this.containerInfo=t,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=fc(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=fc(0),this.hiddenUpdates=fc(null),this.identifierPrefix=a,this.onUncaughtError=l,this.onCaughtError=s,this.onRecoverableError=h,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=g,this.incompleteTransitions=new Map}function e1(t,e,n,a,l,s,h,g,S,B,X,k){return t=new aA(t,e,n,h,g,S,B,k),e=1,s===!0&&(e|=24),s=Ee(3,null,null,e),t.current=s,s.stateNode=t,e=Wc(),e.refCount++,t.pooledCache=e,e.refCount++,s.memoizedState={element:a,isDehydrated:n,cache:e},_c(s),t}function n1(t){return t?(t=Ia,t):Ia}function a1(t,e,n,a,l,s){l=n1(l),a.context===null?a.context=l:a.pendingContext=l,a=Rn(e),a.payload={element:n},s=s===void 0?null:s,s!==null&&(a.callback=s),n=On(t,a,e),n!==null&&(Te(n,t,e),Xl(n,t,e))}function l1(t,e){if(t=t.memoizedState,t!==null&&t.dehydrated!==null){var n=t.retryLane;t.retryLane=n!==0&&n<e?n:e}}function mf(t,e){l1(t,e),(t=t.alternate)&&l1(t,e)}function i1(t){if(t.tag===13){var e=Va(t,67108864);e!==null&&Te(e,t,67108864),mf(t,67108864)}}var zu=!0;function lA(t,e,n,a){var l=M.T;M.T=null;var s=_.p;try{_.p=2,Af(t,e,n,a)}finally{_.p=s,M.T=l}}function iA(t,e,n,a){var l=M.T;M.T=null;var s=_.p;try{_.p=8,Af(t,e,n,a)}finally{_.p=s,M.T=l}}function Af(t,e,n,a){if(zu){var l=vf(a);if(l===null)nf(t,e,a,Gu,n),c1(t,a);else if(cA(l,t,e,n,a))a.stopPropagation();else if(c1(t,a),e&4&&-1<uA.indexOf(t)){for(;l!==null;){var s=Ma(l);if(s!==null)switch(s.tag){case 3:if(s=s.stateNode,s.current.memoizedState.isDehydrated){var h=aa(s.pendingLanes);if(h!==0){var g=s;for(g.pendingLanes|=2,g.entangledLanes|=2;h;){var S=1<<31-ve(h);g.entanglements[1]|=S,h&=~S}ke(s),(St&6)===0&&(Su=ce()+500,li(0))}}break;case 13:g=Va(s,2),g!==null&&Te(g,s,2),wu(),mf(s,2)}if(s=vf(a),s===null&&nf(t,e,a,Gu,n),s===l)break;l=s}l!==null&&a.stopPropagation()}else nf(t,e,a,null,n)}}function vf(t){return t=pc(t),yf(t)}var Gu=null;function yf(t){if(Gu=null,t=Ca(t),t!==null){var e=o(t);if(e===null)t=null;else{var n=e.tag;if(n===13){if(t=d(e),t!==null)return t;t=null}else if(n===3){if(e.stateNode.current.memoizedState.isDehydrated)return e.tag===3?e.stateNode.containerInfo:null;t=null}else e!==t&&(t=null)}}return Gu=t,null}function u1(t){switch(t){case"beforetoggle":case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"toggle":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 2;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(sc()){case Er:return 2;case br:return 8;case Hi:case kh:return 32;case pr:return 268435456;default:return 32}default:return 32}}var Ef=!1,Gn=null,Xn=null,Vn=null,di=new Map,hi=new Map,In=[],uA="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");function c1(t,e){switch(t){case"focusin":case"focusout":Gn=null;break;case"dragenter":case"dragleave":Xn=null;break;case"mouseover":case"mouseout":Vn=null;break;case"pointerover":case"pointerout":di.delete(e.pointerId);break;case"gotpointercapture":case"lostpointercapture":hi.delete(e.pointerId)}}function gi(t,e,n,a,l,s){return t===null||t.nativeEvent!==s?(t={blockedOn:e,domEventName:n,eventSystemFlags:a,nativeEvent:s,targetContainers:[l]},e!==null&&(e=Ma(e),e!==null&&i1(e)),t):(t.eventSystemFlags|=a,e=t.targetContainers,l!==null&&e.indexOf(l)===-1&&e.push(l),t)}function cA(t,e,n,a,l){switch(e){case"focusin":return Gn=gi(Gn,t,e,n,a,l),!0;case"dragenter":return Xn=gi(Xn,t,e,n,a,l),!0;case"mouseover":return Vn=gi(Vn,t,e,n,a,l),!0;case"pointerover":var s=l.pointerId;return di.set(s,gi(di.get(s)||null,t,e,n,a,l)),!0;case"gotpointercapture":return s=l.pointerId,hi.set(s,gi(hi.get(s)||null,t,e,n,a,l)),!0}return!1}function s1(t){var e=Ca(t.target);if(e!==null){var n=o(e);if(n!==null){if(e=n.tag,e===13){if(e=d(n),e!==null){t.blockedOn=e,tg(t.priority,function(){if(n.tag===13){var a=Se();a=rc(a);var l=Va(n,a);l!==null&&Te(l,n,a),mf(n,a)}});return}}else if(e===3&&n.stateNode.current.memoizedState.isDehydrated){t.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}t.blockedOn=null}function Xu(t){if(t.blockedOn!==null)return!1;for(var e=t.targetContainers;0<e.length;){var n=vf(t.nativeEvent);if(n===null){n=t.nativeEvent;var a=new n.constructor(n.type,n);bc=a,n.target.dispatchEvent(a),bc=null}else return e=Ma(n),e!==null&&i1(e),t.blockedOn=n,!1;e.shift()}return!0}function f1(t,e,n){Xu(t)&&n.delete(e)}function sA(){Ef=!1,Gn!==null&&Xu(Gn)&&(Gn=null),Xn!==null&&Xu(Xn)&&(Xn=null),Vn!==null&&Xu(Vn)&&(Vn=null),di.forEach(f1),hi.forEach(f1)}function Vu(t,e){t.blockedOn===e&&(t.blockedOn=null,Ef||(Ef=!0,u.unstable_scheduleCallback(u.unstable_NormalPriority,sA)))}var Iu=null;function r1(t){Iu!==t&&(Iu=t,u.unstable_scheduleCallback(u.unstable_NormalPriority,function(){Iu===t&&(Iu=null);for(var e=0;e<t.length;e+=3){var n=t[e],a=t[e+1],l=t[e+2];if(typeof a!="function"){if(yf(a||n)===null)continue;break}var s=Ma(n);s!==null&&(t.splice(e,3),e-=3,vs(s,{pending:!0,data:l,method:n.method,action:a},a,l))}}))}function mi(t){function e(S){return Vu(S,t)}Gn!==null&&Vu(Gn,t),Xn!==null&&Vu(Xn,t),Vn!==null&&Vu(Vn,t),di.forEach(e),hi.forEach(e);for(var n=0;n<In.length;n++){var a=In[n];a.blockedOn===t&&(a.blockedOn=null)}for(;0<In.length&&(n=In[0],n.blockedOn===null);)s1(n),n.blockedOn===null&&In.shift();if(n=(t.ownerDocument||t).$$reactFormReplay,n!=null)for(a=0;a<n.length;a+=3){var l=n[a],s=n[a+1],h=l[re]||null;if(typeof s=="function")h||r1(n);else if(h){var g=null;if(s&&s.hasAttribute("formAction")){if(l=s,h=s[re]||null)g=h.formAction;else if(yf(l)!==null)continue}else g=h.action;typeof g=="function"?n[a+1]=g:(n.splice(a,3),a-=3),r1(n)}}}function bf(t){this._internalRoot=t}Zu.prototype.render=bf.prototype.render=function(t){var e=this._internalRoot;if(e===null)throw Error(f(409));var n=e.current,a=Se();a1(n,a,t,e,null,null)},Zu.prototype.unmount=bf.prototype.unmount=function(){var t=this._internalRoot;if(t!==null){this._internalRoot=null;var e=t.containerInfo;a1(t.current,2,null,t,null,null),wu(),e[Da]=null}};function Zu(t){this._internalRoot=t}Zu.prototype.unstable_scheduleHydration=function(t){if(t){var e=Rr();t={blockedOn:null,target:t,priority:e};for(var n=0;n<In.length&&e!==0&&e<In[n].priority;n++);In.splice(n,0,t),n===0&&s1(t)}};var o1=i.version;if(o1!=="19.1.1")throw Error(f(527,o1,"19.1.1"));_.findDOMNode=function(t){var e=t._reactInternals;if(e===void 0)throw typeof t.render=="function"?Error(f(188)):(t=Object.keys(t).join(","),Error(f(268,t)));return t=v(e),t=t!==null?A(t):null,t=t===null?null:t.stateNode,t};var fA={bundleType:0,version:"19.1.1",rendererPackageName:"react-dom",currentDispatcherRef:M,reconcilerVersion:"19.1.1"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var qu=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!qu.isDisabled&&qu.supportsFiber)try{El=qu.inject(fA),Ae=qu}catch{}}return Ei.createRoot=function(t,e){if(!r(t))throw Error(f(299));var n=!1,a="",l=O0,s=D0,h=C0,g=null;return e!=null&&(e.unstable_strictMode===!0&&(n=!0),e.identifierPrefix!==void 0&&(a=e.identifierPrefix),e.onUncaughtError!==void 0&&(l=e.onUncaughtError),e.onCaughtError!==void 0&&(s=e.onCaughtError),e.onRecoverableError!==void 0&&(h=e.onRecoverableError),e.unstable_transitionCallbacks!==void 0&&(g=e.unstable_transitionCallbacks)),e=e1(t,1,!1,null,null,n,a,l,s,h,g,null),t[Da]=e.current,ef(t),new bf(e)},Ei.hydrateRoot=function(t,e,n){if(!r(t))throw Error(f(299));var a=!1,l="",s=O0,h=D0,g=C0,S=null,B=null;return n!=null&&(n.unstable_strictMode===!0&&(a=!0),n.identifierPrefix!==void 0&&(l=n.identifierPrefix),n.onUncaughtError!==void 0&&(s=n.onUncaughtError),n.onCaughtError!==void 0&&(h=n.onCaughtError),n.onRecoverableError!==void 0&&(g=n.onRecoverableError),n.unstable_transitionCallbacks!==void 0&&(S=n.unstable_transitionCallbacks),n.formState!==void 0&&(B=n.formState)),e=e1(t,1,!0,e,n??null,a,l,s,h,g,S,B),e.context=n1(null),n=e.current,a=Se(),a=rc(a),l=Rn(a),l.callback=null,On(n,l,a),n=a,e.current.lanes=n,pl(e,n),ke(e),t[Da]=e.current,ef(t),new Zu(e)},Ei.version="19.1.1",Ei}var g2;function y5(){if(g2)return Nf.exports;g2=1;function u(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(u)}catch(i){console.error(i)}}return u(),Nf.exports=v5(),Nf.exports}var E5=y5();class lc{constructor(){dn(this,"project",[]);dn(this,"status",[]);dn(this,"text",[]);dn(this,"labels",[]);dn(this,"annotations",[])}empty(){return this.project.length+this.status.length+this.text.length+this.labels.length+this.annotations.length===0}static parse(i){const c=lc.tokenize(i),f=new Set,r=new Set,o=[],d=new Set,y=new Set;for(let A of c){const E=A.startsWith("!");if(E&&(A=A.slice(1)),A.startsWith("p:")){f.add({name:A.slice(2),not:E});continue}if(A.startsWith("s:")){r.add({name:A.slice(2),not:E});continue}if(A.startsWith("@")){d.add({name:A,not:E});continue}if(A.startsWith("annot:")){y.add({name:A.slice(6),not:E});continue}o.push({name:A.toLowerCase(),not:E})}const v=new lc;return v.text=o,v.project=[...f],v.status=[...r],v.labels=[...d],v.annotations=[...y],v}static tokenize(i){const c=[];let f,r=[];for(let o=0;o<i.length;++o){const d=i[o];if(f&&d==="\\"&&i[o+1]===f){r.push(f),++o;continue}if(d==='"'||d==="'"){f===d?(c.push(r.join("").toLowerCase()),r=[],f=void 0):f?r.push(d):f=d;continue}if(f){r.push(d);continue}if(d===" "){r.length&&(c.push(r.join("").toLowerCase()),r=[]);continue}r.push(d)}return r.length&&c.push(r.join("").toLowerCase()),c}matches(i){const c=b5(i);if(this.project.length&&!!!this.project.find(r=>{const o=c.project.includes(r.name);return r.not?!o:o}))return!1;if(this.status.length){if(!!!this.status.find(r=>{const o=c.status.includes(r.name);return r.not?!o:o}))return!1}else if(c.status==="skipped")return!1;return!(this.text.length&&!this.text.every(r=>{if(c.text.includes(r.name))return!r.not;const[o,d,y]=r.name.split(":");return c.file.includes(o)&&c.line===d&&(y===void 0||c.column===y)?!r.not:!!r.not})||this.labels.length&&!this.labels.every(r=>{const o=c.labels.includes(r.name);return r.not?!o:o})||this.annotations.length&&!this.annotations.every(r=>{const o=c.annotations.some(d=>d.includes(r.name));return r.not?!o:o}))}}const m2=Symbol("searchValues");function b5(u){const i=u[m2];if(i)return i;let c="passed";u.outcome==="unexpected"&&(c="failed"),u.outcome==="flaky"&&(c="flaky"),u.outcome==="skipped"&&(c="skipped");const f={text:(c+" "+u.projectName+" "+u.tags.join(" ")+" "+u.location.file+" "+u.path.join(" ")+" "+u.title).toLowerCase(),project:u.projectName.toLowerCase(),status:c,file:u.location.file,line:String(u.location.line),column:String(u.location.column),labels:u.tags.map(r=>r.toLowerCase()),annotations:u.annotations.map(r=>{var o;return r.type.toLowerCase()+"="+((o=r.description)==null?void 0:o.toLocaleLowerCase())})};return u[m2]=f,f}const p5=/("[^"]*"|"[^"]*$|\S+)/g;function wa(u,i,c){const f=new URLSearchParams(u),o=[...(u.get("q")??"").matchAll(p5)].map(v=>{const A=v[0];return A.startsWith('"')&&A.endsWith('"')&&A.length>1?A.slice(1,A.length-1):A});if(c)return f.set("q",A2(o.includes(i)?o.filter(v=>v!==i):[...o,i])),"#?"+f;let d;i.startsWith("s:")&&(d="s:"),i.startsWith("p:")&&(d="p:"),i.startsWith("@")&&(d="@");const y=o.filter(v=>!v.startsWith(d));return y.push(i),f.set("q",A2(y)),"#?"+f}function A2(u){return u.map(i=>/\s/.test(i)?`"${i}"`:i).join(" ").trim()}const x5=()=>m.jsx("span",{className:"octicon",style:{width:16,height:16}}),S5=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon subnav-search-icon",children:m.jsx("path",{fillRule:"evenodd",d:"M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"})}),Mi=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"})}),vl=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"})}),Dh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-text-warning",children:m.jsx("path",{fillRule:"evenodd",d:"M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"})}),Ch=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"})}),Mh=()=>m.jsx("svg",{className:"octicon color-text-danger",viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{fillRule:"evenodd",d:"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"})}),jh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-icon-success",children:m.jsx("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"})}),Hh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon octicon-clock color-text-danger",children:m.jsx("path",{fillRule:"evenodd",d:"M5.75.75A.75.75 0 016.5 0h3a.75.75 0 010 1.5h-.75v1l-.001.041a6.718 6.718 0 013.464 1.435l.007-.006.75-.75a.75.75 0 111.06 1.06l-.75.75-.006.007a6.75 6.75 0 11-10.548 0L2.72 5.03l-.75-.75a.75.75 0 011.06-1.06l.75.75.007.006A6.718 6.718 0 017.25 2.541a.756.756 0 010-.041v-1H6.5a.75.75 0 01-.75-.75zM8 14.5A5.25 5.25 0 108 4a5.25 5.25 0 000 10.5zm.389-6.7l1.33-1.33a.75.75 0 111.061 1.06L9.45 8.861A1.502 1.502 0 018 10.75a1.5 1.5 0 11.389-2.95z"})}),T5=()=>m.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 16 16",width:"16",height:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{d:"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm9.78-2.22-5.5 5.5a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l5.5-5.5a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"})}),w5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11.85 32H36.2l-7.35-9.95-6.55 8.7-4.6-6.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-29v26-26Zm34 26V11H7v26Z"})}),R5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"m19.6 32.35 13-8.45-13-8.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h34V11H7v26Zm0 0V11v26Z"})}),O5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M7 37h9.35V11H7v26Zm12.35 0h9.3V11h-9.3v26Zm12.3 0H41V11h-9.35v26ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Z"})}),D5=()=>m.jsxs("svg",{className:"octicon",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:[m.jsx("path",{d:"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"}),m.jsx("path",{d:"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"})]}),C5=()=>m.jsx("svg",{className:"octicon octicon-settings",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{d:"M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"})}),Nh=({value:u})=>{const[i,c]=ct.useState("copy"),f=ct.useCallback(()=>{navigator.clipboard.writeText(u).then(()=>{c("check"),setTimeout(()=>{c("copy")},3e3)},()=>{c("cross")})},[u]),r=i==="check"?jh():i==="cross"?Mh():D5();return m.jsx("button",{className:"copy-icon",title:"Copy to clipboard","aria-label":"Copy to clipboard",onClick:f,children:r})},hr=({children:u,value:i})=>m.jsxs("span",{className:"copy-value-container",children:[u,m.jsx("span",{className:"copy-button-container",children:m.jsx(Nh,{value:i})})]});function M5(u,i,c,f){const[r,o]=ie.useState(c);return ie.useEffect(()=>{let d=!1;return u().then(y=>{d||o(y)}),()=>{d=!0}},i),r}function Bh(){const u=ie.useRef(null),[i]=Pf(u);return[i,u]}function Pf(u){const[i,c]=ie.useState(new DOMRect(0,0,10,10)),f=ie.useCallback(()=>{const r=u==null?void 0:u.current;r&&c(r.getBoundingClientRect())},[u]);return ie.useLayoutEffect(()=>{const r=u==null?void 0:u.current;if(!r)return;f();const o=new ResizeObserver(f);return o.observe(r),window.addEventListener("resize",f),()=>{o.disconnect(),window.removeEventListener("resize",f)}},[f,u]),[i,f]}function Uh(u,i){i=xa.getObject(u,i);const[c,f]=ie.useState(i),r=ie.useCallback(o=>{xa.setObject(u,o)},[u,f]);return ie.useEffect(()=>{{const o=()=>f(xa.getObject(u,i));return xa.onChangeEmitter.addEventListener(u,o),()=>xa.onChangeEmitter.removeEventListener(u,o)}},[i,u]),[c,r]}class j5{constructor(){this.onChangeEmitter=new EventTarget}getString(i,c){return localStorage[i]||c}setString(i,c){var f;localStorage[i]=c,this.onChangeEmitter.dispatchEvent(new Event(i)),(f=window.saveSettings)==null||f.call(window)}getObject(i,c){if(!localStorage[i])return c;try{return JSON.parse(localStorage[i])}catch{return c}}setObject(i,c){var f;localStorage[i]=JSON.stringify(c),this.onChangeEmitter.dispatchEvent(new Event(i)),(f=window.saveSettings)==null||f.call(window)}}const xa=new j5;function Ye(...u){return u.filter(Boolean).join(" ")}const v2="\\u0000-\\u0020\\u007f-\\u009f",H5=new RegExp("(?:[a-zA-Z][a-zA-Z0-9+.-]{2,}:\\/\\/|www\\.)[^\\s"+v2+'"]{2,}[^\\s'+v2+`"')}\\],:;.!?]`,"ug");function N5(){const[u,i]=ie.useState(!1),c=ie.useCallback(()=>{const f=[];return i(r=>(f.push(setTimeout(()=>i(!1),1e3)),r?(f.push(setTimeout(()=>i(!0),50)),!1):!0)),()=>f.forEach(clearTimeout)},[i]);return[u,c]}function Ri(u){const i=[];let c=0,f;for(;(f=H5.exec(u))!==null;){const o=u.substring(c,f.index);o&&i.push(o);const d=f[0];i.push(B5(d)),c=f.index+d.length}const r=u.substring(c);return r&&i.push(r),i}function B5(u){let i=u;return i.startsWith("www.")&&(i="https://"+i),m.jsx("a",{href:i,target:"_blank",rel:"noopener noreferrer",children:u})}const U5=({summary:u,children:i,className:c,style:f})=>{const[r,o]=ie.useState(!1),d=y=>{o(y.currentTarget.open)};return m.jsxs("details",{style:f,className:c,onToggle:d,children:[m.jsxs("summary",{className:"expandable-summary",children:[r?Mi():vl(),u]}),i]})};function yl(u){if(!isFinite(u))return"-";if(u===0)return"0ms";if(u<1e3)return u.toFixed(0)+"ms";const i=u/1e3;if(i<60)return i.toFixed(1)+"s";const c=i/60;if(c<60)return c.toFixed(1)+"m";const f=c/60;return f<24?f.toFixed(1)+"h":(f/24).toFixed(1)+"d"}function Q5(u){let i=0;for(let c=0;c<u.length;c++)i=u.charCodeAt(c)+((i<<8)-i);return Math.abs(i%6)}function Qe(u){if(!u)return u;try{const i=new URL(u,window.location.href);if(i.origin===window.location.origin){for(const[c,f]of new URLSearchParams(window.location.search))i.searchParams.append(c,f);return i.toString()}return u}catch{return u}}const Qh=({label:u,href:i,onClick:c,colorIndex:f,trimAtSymbolPrefix:r})=>{const o=m.jsx("span",{className:Ye("label","label-color-"+(f!==void 0?f:Q5(u))),onClick:c?d=>c(d,u):void 0,children:r&&u.startsWith("@")?u.slice(1):u});return i?m.jsx("a",{className:"label-anchor",href:Qe(i),children:o}):o},Yh=({projectNames:u,activeProjectName:i,otherLabels:c,style:f})=>(u.length>0&&!!i||c.length>0)&&m.jsxs("span",{className:"label-row",style:f??{},children:[m.jsx(L5,{projectNames:u,projectName:i}),m.jsx(Y5,{labels:c})]}),Y5=({labels:u})=>{const i=ue(),c=ct.useCallback((f,r)=>{f.preventDefault(),i.has("testId")&&i.delete("speedboard"),i.delete("testId"),_n(wa(i,r,f.metaKey||f.ctrlKey))},[i]);return m.jsx(m.Fragment,{children:u.map(f=>m.jsx(Qh,{label:f,trimAtSymbolPrefix:!0,onClick:c},f))})};function _n(u){window.history.pushState({},"",u);const i=new PopStateEvent("popstate");window.dispatchEvent(i)}const Yf=({predicate:u,children:i})=>{const c=ue();return u(c)?i:null},yn=({click:u,ctrlClick:i,children:c,...f})=>m.jsx("a",{...f,style:{textDecoration:"none",color:"var(--color-fg-default)",cursor:"pointer"},onClick:r=>{u&&(r.preventDefault(),_n(Qe((r.metaKey||r.ctrlKey)&&i||u)))},children:c}),gr=({className:u,...i})=>m.jsx(yn,{...i,className:Ye("link-badge",i.dim&&"link-badge-dim",u)}),L5=({projectNames:u,projectName:i})=>{const c=ue();return c.has("testId")&&c.delete("speedboard"),c.delete("testId"),m.jsx(yn,{click:wa(c,`p:${i}`,!1),ctrlClick:wa(c,`p:${i}`,!0),children:m.jsx(Qh,{label:i,colorIndex:u.indexOf(i)%6})})},Ju=({attachment:u,result:i,href:c,linkName:f,openInNewTab:r})=>{const[o,d]=N5();mr("attachment-"+i.attachments.indexOf(u),d);const y=m.jsxs("span",{children:[u.contentType===X5?Dh():Ch(),u.path&&(r?m.jsx("a",{href:Qe(c||u.path),target:"_blank",rel:"noreferrer",children:f||u.name}):m.jsx("a",{href:Qe(c||u.path),download:G5(u),children:f||u.name})),!u.path&&(r?m.jsx("a",{href:URL.createObjectURL(new Blob([u.body],{type:u.contentType})),target:"_blank",rel:"noreferrer",onClick:v=>v.stopPropagation(),children:u.name}):m.jsx("span",{children:Ri(u.name)}))]});return u.body?m.jsx(U5,{style:{lineHeight:"32px"},className:Ye(o&&"flash"),summary:y,children:m.jsxs("div",{className:"attachment-body",children:[m.jsx(Nh,{value:u.body}),Ri(u.body)]})}):m.jsxs("div",{style:{lineHeight:"32px",whiteSpace:"nowrap",paddingLeft:4},className:Ye(o&&"flash"),children:[m.jsx("span",{style:{visibility:"hidden"},children:vl()}),y]})},Lh=({test:u,trailingSeparator:i,dim:c})=>{const f=u.results.map(r=>r.attachments.filter(o=>o.name==="trace")).filter(r=>r.length>0)[0];if(f)return m.jsxs(m.Fragment,{children:[m.jsxs(gr,{href:Qe(Gh(f)),title:"View Trace",className:"button trace-link",dim:c,children:[O5(),m.jsx("span",{children:"View Trace"})]}),i&&m.jsx("div",{className:"trace-link-separator",children:"|"})]})},zh=ct.createContext(new URLSearchParams(window.location.hash.slice(1)));function ue(){return new URLSearchParams(ct.useContext(zh))}const z5=({children:u})=>{const[i,c]=ct.useState(new URLSearchParams(window.location.hash.slice(1)));return ct.useEffect(()=>{const f=()=>c(new URLSearchParams(window.location.hash.slice(1)));return window.addEventListener("popstate",f),()=>window.removeEventListener("popstate",f)},[]),m.jsx(zh.Provider,{value:i,children:u})};function G5(u){if(u.name.includes(".")||!u.path)return u.name;const i=u.path.indexOf(".");return i===-1?u.name:u.name+u.path.slice(i,u.path.length)}function Gh(u){return`trace/index.html?${u.map((i,c)=>`trace=${new URL(i.path,window.location.href)}`).join("&")}`}const X5="x-playwright/missing";function mr(u,i){const c=ue(),f=V5(u);ct.useEffect(()=>{if(f)return i()},[f,i,c])}function V5(u){const c=ue().get("anchor");return c===null||typeof u>"u"?!1:typeof u=="string"?u===c:Array.isArray(u)?u.includes(c):u(c)}function bi({id:u,children:i}){const c=ct.useRef(null),f=ct.useCallback(()=>{var r;(r=c.current)==null||r.scrollIntoView({block:"start",inline:"start"})},[]);return mr(u,f),m.jsx("div",{ref:c,children:i})}function En({test:u,result:i,anchor:c},f){const r=new URLSearchParams(f);return u&&r.set("testId",u.testId),u&&i&&r.set("run",""+u.results.indexOf(i)),c&&r.set("anchor",c),"#?"+r}function cc(u){switch(u){case"failed":case"unexpected":return Mh();case"passed":case"expected":return jh();case"timedOut":return Hh();case"flaky":return Dh();case"skipped":case"interrupted":return T5()}}const I5=({className:u,style:i,open:c,isModal:f,minWidth:r,verticalOffset:o,requestClose:d,anchor:y,dataTestId:v,children:A})=>{const E=ct.useRef(null),[w,R]=ct.useState(0),[z]=Pf(E),[N,x]=Pf(y),p=Z5(z,N,o);return ct.useEffect(()=>{const T=U=>{!E.current||!(U.target instanceof Node)||E.current.contains(U.target)||d==null||d()},D=U=>{U.key==="Escape"&&(d==null||d())};return c?(document.addEventListener("mousedown",T),document.addEventListener("keydown",D),()=>{document.removeEventListener("mousedown",T),document.removeEventListener("keydown",D)}):()=>{}},[c,d]),ct.useLayoutEffect(()=>x(),[c,x]),ct.useEffect(()=>{const T=()=>R(D=>D+1);return window.addEventListener("resize",T),()=>{window.removeEventListener("resize",T)}},[]),ct.useLayoutEffect(()=>{E.current&&(c?f?E.current.showModal():E.current.show():E.current.close())},[c,f]),m.jsx("dialog",{ref:E,style:{position:"fixed",margin:0,zIndex:110,top:p.top,left:p.left,minWidth:r||0,...i},className:u,"data-testid":v,children:A})};function Z5(u,i,c=4,f=4){let r=Math.max(f,i.left);r+u.width>window.innerWidth-f&&(r=window.innerWidth-u.width-f);let o=Math.max(0,i.bottom)+c;return o+u.height>window.innerHeight-c&&(Math.max(0,i.top)>u.height+c?o=Math.max(0,i.top)-u.height-c:o=window.innerHeight-c-u.height),{left:r,top:o}}function q5(){if(document.playwrightThemeInitialized)return;document.playwrightThemeInitialized=!0,document.defaultView.addEventListener("focus",f=>{f.target.document.nodeType===Node.DOCUMENT_NODE&&document.body.classList.remove("inactive")},!1),document.defaultView.addEventListener("blur",f=>{document.body.classList.add("inactive")},!1);const i=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark-mode":"light-mode";xa.getString("theme",i)==="dark-mode"?document.documentElement.classList.add("dark-mode"):document.documentElement.classList.add("light-mode")}const k5=new Set;function K5(){const u=_f(),i=u==="dark-mode"?"light-mode":"dark-mode";document.documentElement.classList.remove(u),document.documentElement.classList.add(i),xa.setString("theme",i);for(const c of k5)c(i)}function _f(){return document.documentElement.classList.contains("dark-mode")?"dark-mode":"light-mode"}function W5(){const[u,i]=ie.useState(_f()==="dark-mode");return[u,c=>{_f()==="dark-mode"!==c&&K5(),i(c)}]}const Ar=({title:u,leftSuperHeader:i,rightSuperHeader:c})=>m.jsxs("div",{className:"header-view",children:[m.jsxs("div",{className:"hbox header-superheader",children:[i,m.jsx("div",{style:{flex:"auto"}}),c]}),u&&m.jsx("div",{className:"header-title",children:Ri(u)})]}),F5=({stats:u,filterText:i,setFilterText:c})=>{const r=ue().get("q");return ct.useEffect(()=>{c(r?`${r.trim()} `:"")},[r,c]),m.jsx(m.Fragment,{children:m.jsxs("div",{className:"pt-3",children:[m.jsx("div",{className:"header-view-status-container ml-2 pl-2 d-flex",children:m.jsx(J5,{stats:u})}),m.jsxs("form",{className:"subnav-search",onSubmit:o=>{o.preventDefault();const d=new URL(window.location.href),y=new URLSearchParams(d.hash.slice(1)),v=new FormData(o.target).get("q"),A=new URLSearchParams({q:v});y.has("speedboard")&&A.set("speedboard",""),A.toString()&&(d.hash="?"+A.toString()),_n(d)},children:[S5(),m.jsx("input",{name:"q",spellCheck:!1,className:"form-control subnav-search-input input-contrast width-full",value:i,onChange:o=>{c(o.target.value)}})]})]})})},J5=({stats:u})=>{const i=ue();return m.jsxs("nav",{children:[m.jsxs(yn,{className:"subnav-item",href:"#?",children:[m.jsx("span",{className:"subnav-item-label",children:"All"}),m.jsx("span",{className:"d-inline counter",children:u.total-u.skipped})]}),m.jsx(Pu,{token:"passed",count:u.expected}),m.jsx(Pu,{token:"failed",count:u.unexpected}),m.jsx(Pu,{token:"flaky",count:u.flaky}),m.jsx(Pu,{token:"skipped",count:u.skipped}),m.jsx(yn,{className:"subnav-item",href:"#?speedboard",title:"Speedboard","aria-selected":i.has("speedboard"),children:Hh()}),m.jsx(P5,{})]})},Pu=({token:u,count:i})=>{const c=ue();c.delete("speedboard"),c.delete("testId");const f=`s:${u}`,r=wa(c,f,!1),o=wa(c,f,!0),d=u.charAt(0).toUpperCase()+u.slice(1);return m.jsxs(yn,{className:"subnav-item",href:r,click:r,ctrlClick:o,children:[i>0&&cc(u),m.jsx("span",{className:"subnav-item-label",children:d}),m.jsx("span",{className:"d-inline counter",children:i})]})},P5=()=>{const u=ct.useRef(null),[i,c]=ct.useState(!1),[f,r]=W5(),[o,d]=Uh("mergeFiles",!1);return m.jsx(m.Fragment,{children:m.jsxs("div",{role:"button",ref:u,style:{cursor:"pointer"},className:"subnav-item",title:"Settings",onClick:y=>{c(!i),y.preventDefault()},onMouseDown:_5,children:[C5(),m.jsxs(I5,{open:i,minWidth:150,verticalOffset:4,requestClose:()=>c(!1),anchor:u,dataTestId:"settings-dialog",children:[m.jsxs("label",{style:{cursor:"pointer",display:"flex",alignItems:"center",gap:4},onClick:y2,children:[m.jsx("input",{type:"checkbox",checked:f,onChange:()=>r(!f)}),"Dark mode"]}),m.jsxs("label",{style:{cursor:"pointer",display:"flex",alignItems:"center",gap:4},onClick:y2,children:[m.jsx("input",{type:"checkbox",checked:o,onChange:()=>d(!o)}),"Merge files"]})]})]})})},_5=u=>{u.stopPropagation(),u.preventDefault()},y2=u=>{u.stopPropagation(),u.stopImmediatePropagation()},$5=({tabs:u,selectedTab:i,setSelectedTab:c})=>{const f=ct.useId();return m.jsx("div",{className:"tabbed-pane",children:m.jsxs("div",{className:"vbox",children:[m.jsx("div",{className:"hbox",style:{flex:"none"},children:m.jsx("div",{className:"tabbed-pane-tab-strip",role:"tablist",children:u.map(r=>m.jsx("div",{className:Ye("tabbed-pane-tab-element",i===r.id&&"selected"),onClick:()=>c(r.id),id:`${f}-${r.id}`,role:"tab","aria-selected":i===r.id,children:m.jsx("div",{className:"tabbed-pane-tab-label",children:r.title})},r.id))})}),u.map(r=>{if(i===r.id)return m.jsx("div",{className:"tab-content",role:"tabpanel","aria-labelledby":`${f}-${r.id}`,children:r.render()},r.id)})]})})},Xh=({header:u,footer:i,expanded:c,setExpanded:f,children:r,noInsets:o,dataTestId:d})=>{const y=ct.useId();return m.jsxs("div",{className:"chip","data-testid":d,children:[m.jsxs("div",{role:"button","aria-expanded":!!c,"aria-controls":y,className:Ye("chip-header",f&&" expanded-"+c),onClick:()=>f==null?void 0:f(!c),title:typeof u=="string"?u:void 0,children:[f?c?m.jsx(Mi,{}):m.jsx(vl,{}):m.jsx(x5,{}),u]}),(!f||c)&&m.jsxs("div",{id:y,role:"region",className:Ye("chip-body",o&&"chip-body-no-insets"),children:[r,i&&m.jsx("div",{className:"chip-footer",children:i})]})]})},Ke=({header:u,initialExpanded:i,noInsets:c,children:f,dataTestId:r,revealOnAnchorId:o})=>{const[d,y]=ct.useState(i??!0),v=ct.useCallback(()=>y(!0),[]);return mr(o,v),m.jsx(Xh,{header:u,expanded:d,setExpanded:y,noInsets:c,dataTestId:r,children:f})},tv=({title:u,loadChildren:i,onClick:c,expandByDefault:f,depth:r,style:o,flash:d})=>{const[y,v]=ct.useState(f||!1);return m.jsxs("div",{role:"treeitem",className:Ye("tree-item",d&&"yellow-flash"),style:o,children:[m.jsxs("span",{className:"tree-item-title",style:{whiteSpace:"nowrap",paddingLeft:r*22+4},onClick:()=>{c==null||c(),v(!y)},children:[i&&!!y&&Mi(),i&&!y&&vl(),!i&&m.jsx("span",{style:{visibility:"hidden"},children:vl()}),u]}),y&&(i==null?void 0:i())]})},ev="data:image/png;base64,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",nv=({cursor:u,onPaneMouseMove:i,onPaneMouseUp:c,onPaneDoubleClick:f})=>(ie.useEffect(()=>{const r=document.createElement("div");return r.style.position="fixed",r.style.top="0",r.style.right="0",r.style.bottom="0",r.style.left="0",r.style.zIndex="9999",r.style.cursor=u,document.body.appendChild(r),i&&r.addEventListener("mousemove",i),c&&r.addEventListener("mouseup",c),f&&document.body.addEventListener("dblclick",f),()=>{i&&r.removeEventListener("mousemove",i),c&&r.removeEventListener("mouseup",c),f&&document.body.removeEventListener("dblclick",f),document.body.removeChild(r)}},[u,i,c,f]),m.jsx(m.Fragment,{})),av={position:"absolute",top:0,right:0,bottom:0,left:0},lv=({orientation:u,offsets:i,setOffsets:c,resizerColor:f,resizerWidth:r,minColumnWidth:o})=>{const d=o||0,[y,v]=ie.useState(null),[A,E]=Bh(),w={position:"absolute",right:u==="horizontal"?void 0:0,bottom:u==="horizontal"?0:void 0,width:u==="horizontal"?7:void 0,height:u==="horizontal"?void 0:7,borderTopWidth:u==="horizontal"?void 0:(7-r)/2,borderRightWidth:u==="horizontal"?(7-r)/2:void 0,borderBottomWidth:u==="horizontal"?void 0:(7-r)/2,borderLeftWidth:u==="horizontal"?(7-r)/2:void 0,borderColor:"transparent",borderStyle:"solid",cursor:u==="horizontal"?"ew-resize":"ns-resize"};return m.jsxs("div",{style:{position:"absolute",top:0,right:0,bottom:0,left:-(7-r)/2,zIndex:100,pointerEvents:"none"},ref:E,children:[!!y&&m.jsx(nv,{cursor:u==="horizontal"?"ew-resize":"ns-resize",onPaneMouseUp:()=>v(null),onPaneMouseMove:R=>{if(!R.buttons)v(null);else if(y){const z=u==="horizontal"?R.clientX-y.clientX:R.clientY-y.clientY,N=y.offset+z,x=y.index>0?i[y.index-1]:0,p=u==="horizontal"?A.width:A.height,T=Math.min(Math.max(x+d,N),p-d)-i[y.index];for(let D=y.index;D<i.length;++D)i[D]=i[D]+T;c([...i])}}}),i.map((R,z)=>m.jsx("div",{style:{...w,top:u==="horizontal"?0:R,left:u==="horizontal"?R:0,pointerEvents:"initial"},onMouseDown:N=>v({clientX:N.clientX,clientY:N.clientY,offset:R,index:z}),children:m.jsx("div",{style:{...av,background:f}})},z))]})};async function Lf(u){const i=new Image;return u&&(i.src=u,await new Promise((c,f)=>{i.onload=c,i.onerror=c})),i}const $f={backgroundImage:`linear-gradient(45deg, #80808020 25%, transparent 25%),
-                    linear-gradient(-45deg, #80808020 25%, transparent 25%),
-                    linear-gradient(45deg, transparent 75%, #80808020 75%),
-                    linear-gradient(-45deg, transparent 75%, #80808020 75%)`,backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",boxShadow:`rgb(0 0 0 / 10%) 0px 1.8px 1.9px,
-              rgb(0 0 0 / 15%) 0px 6.1px 6.3px,
-              rgb(0 0 0 / 10%) 0px -2px 4px,
-              rgb(0 0 0 / 15%) 0px -6.1px 12px,
-              rgb(0 0 0 / 25%) 0px 6px 12px`},Vh=({diff:u,noTargetBlank:i,hideDetails:c})=>{const[f,r]=ct.useState(u.diff?"diff":"actual"),[o,d]=ct.useState(!1),[y,v]=ct.useState(null),[A,E]=ct.useState("Expected"),[w,R]=ct.useState(null),[z,N]=ct.useState(null),[x,p]=Bh();ct.useEffect(()=>{(async()=>{var W,F,K,et;v(await Lf((W=u.expected)==null?void 0:W.attachment.path)),E(((F=u.expected)==null?void 0:F.title)||"Expected"),R(await Lf((K=u.actual)==null?void 0:K.attachment.path)),N(await Lf((et=u.diff)==null?void 0:et.attachment.path))})()},[u]);const T=y&&w&&z,D=T?Math.max(y.naturalWidth,w.naturalWidth,200):500,U=T?Math.max(y.naturalHeight,w.naturalHeight,200):500,I=Math.min(1,(x.width-30)/D),V=Math.min(1,(x.width-50)/D/2),j=D*I,G=U*I,L={flex:"none",margin:"0 10px",cursor:"pointer",userSelect:"none"};return m.jsx("div",{"data-testid":"test-result-image-mismatch",style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"auto"},ref:p,children:T&&m.jsxs(m.Fragment,{children:[m.jsxs("div",{"data-testid":"test-result-image-mismatch-tabs",style:{display:"flex",margin:"10px 0 20px"},children:[u.diff&&m.jsx("div",{style:{...L,fontWeight:f==="diff"?600:"initial"},onClick:()=>r("diff"),children:"Diff"}),m.jsx("div",{style:{...L,fontWeight:f==="actual"?600:"initial"},onClick:()=>r("actual"),children:"Actual"}),m.jsx("div",{style:{...L,fontWeight:f==="expected"?600:"initial"},onClick:()=>r("expected"),children:A}),m.jsx("div",{style:{...L,fontWeight:f==="sxs"?600:"initial"},onClick:()=>r("sxs"),children:"Side by side"}),m.jsx("div",{style:{...L,fontWeight:f==="slider"?600:"initial"},onClick:()=>r("slider"),children:"Slider"})]}),m.jsxs("div",{style:{display:"flex",justifyContent:"center",flex:"auto",minHeight:G+60},children:[u.diff&&f==="diff"&&m.jsx(hn,{image:z,alt:"Diff",hideSize:c,canvasWidth:j,canvasHeight:G,scale:I}),u.diff&&f==="actual"&&m.jsx(hn,{image:w,alt:"Actual",hideSize:c,canvasWidth:j,canvasHeight:G,scale:I}),u.diff&&f==="expected"&&m.jsx(hn,{image:y,alt:A,hideSize:c,canvasWidth:j,canvasHeight:G,scale:I}),u.diff&&f==="slider"&&m.jsx(iv,{expectedImage:y,actualImage:w,hideSize:c,canvasWidth:j,canvasHeight:G,scale:I,expectedTitle:A}),u.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(hn,{image:y,title:A,hideSize:c,canvasWidth:V*D,canvasHeight:V*U,scale:V}),m.jsx(hn,{image:o?z:w,title:o?"Diff":"Actual",onClick:()=>d(!o),hideSize:c,canvasWidth:V*D,canvasHeight:V*U,scale:V})]}),!u.diff&&f==="actual"&&m.jsx(hn,{image:w,title:"Actual",hideSize:c,canvasWidth:j,canvasHeight:G,scale:I}),!u.diff&&f==="expected"&&m.jsx(hn,{image:y,title:A,hideSize:c,canvasWidth:j,canvasHeight:G,scale:I}),!u.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(hn,{image:y,title:A,canvasWidth:V*D,canvasHeight:V*U,scale:V}),m.jsx(hn,{image:w,title:"Actual",canvasWidth:V*D,canvasHeight:V*U,scale:V})]})]}),!c&&m.jsxs("div",{style:{alignSelf:"start",lineHeight:"18px",marginLeft:"15px"},children:[m.jsx("div",{children:u.diff&&m.jsx("a",{target:"_blank",href:u.diff.attachment.path,rel:"noreferrer",children:u.diff.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:i?"":"_blank",href:u.actual.attachment.path,rel:"noreferrer",children:u.actual.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:i?"":"_blank",href:u.expected.attachment.path,rel:"noreferrer",children:u.expected.attachment.name})})]})]})})},iv=({expectedImage:u,actualImage:i,canvasWidth:c,canvasHeight:f,scale:r,expectedTitle:o,hideSize:d})=>{const y={position:"absolute",top:0,left:0},[v,A]=ct.useState(c/2),E=u.naturalWidth===i.naturalWidth&&u.naturalHeight===i.naturalHeight;return m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column",userSelect:"none"},children:[!d&&m.jsxs("div",{style:{margin:5},children:[!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"Expected "}),m.jsx("span",{children:u.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:u.naturalHeight}),!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px 0 15px"},children:"Actual "}),!E&&m.jsx("span",{children:i.naturalWidth}),!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),!E&&m.jsx("span",{children:i.naturalHeight})]}),m.jsxs("div",{style:{position:"relative",width:c,height:f,margin:15,...$f},children:[m.jsx(lv,{orientation:"horizontal",offsets:[v],setOffsets:w=>A(w[0]),resizerColor:"#57606a80",resizerWidth:6}),m.jsx("img",{alt:o,style:{width:u.naturalWidth*r,height:u.naturalHeight*r},draggable:"false",src:u.src}),m.jsx("div",{style:{...y,bottom:0,overflow:"hidden",width:v,...$f},children:m.jsx("img",{alt:"Actual",style:{width:i.naturalWidth*r,height:i.naturalHeight*r},draggable:"false",src:i.src})})]})]})},hn=({image:u,title:i,alt:c,hideSize:f,canvasWidth:r,canvasHeight:o,scale:d,onClick:y})=>m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column"},children:[!f&&m.jsxs("div",{style:{margin:5},children:[i&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:i}),m.jsx("span",{children:u.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:u.naturalHeight})]}),m.jsx("div",{style:{display:"flex",flex:"none",width:r,height:o,margin:15,...$f},children:m.jsx("img",{width:u.naturalWidth*d,height:u.naturalHeight*d,alt:i||c,style:{cursor:y?"pointer":"initial"},draggable:"false",src:u.src,onClick:y})})]});function uv(u,i){const c=/(\x1b\[(\d+(;\d+)*)m)|([^\x1b]+)/g,f=[];let r,o={},d=!1,y=i==null?void 0:i.fg,v=i==null?void 0:i.bg;for(;(r=c.exec(u))!==null;){const[,,A,,E]=r;if(A){const w=+A;switch(w){case 0:o={};break;case 1:o["font-weight"]="bold";break;case 2:o.opacity="0.8";break;case 3:o["font-style"]="italic";break;case 4:o["text-decoration"]="underline";break;case 7:d=!0;break;case 8:o.display="none";break;case 9:o["text-decoration"]="line-through";break;case 22:delete o["font-weight"],delete o["font-style"],delete o.opacity,delete o["text-decoration"];break;case 23:delete o["font-weight"],delete o["font-style"],delete o.opacity;break;case 24:delete o["text-decoration"];break;case 27:d=!1;break;case 30:case 31:case 32:case 33:case 34:case 35:case 36:case 37:y=E2[w-30];break;case 39:y=i==null?void 0:i.fg;break;case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:v=E2[w-40];break;case 49:v=i==null?void 0:i.bg;break;case 53:o["text-decoration"]="overline";break;case 90:case 91:case 92:case 93:case 94:case 95:case 96:case 97:y=b2[w-90];break;case 100:case 101:case 102:case 103:case 104:case 105:case 106:case 107:v=b2[w-100];break}}else if(E){const w={...o},R=d?v:y;R!==void 0&&(w.color=R);const z=d?y:v;z!==void 0&&(w["background-color"]=z),f.push(`<span style="${sv(w)}">${cv(E)}</span>`)}}return f.join("")}const E2={0:"var(--vscode-terminal-ansiBlack)",1:"var(--vscode-terminal-ansiRed)",2:"var(--vscode-terminal-ansiGreen)",3:"var(--vscode-terminal-ansiYellow)",4:"var(--vscode-terminal-ansiBlue)",5:"var(--vscode-terminal-ansiMagenta)",6:"var(--vscode-terminal-ansiCyan)",7:"var(--vscode-terminal-ansiWhite)"},b2={0:"var(--vscode-terminal-ansiBrightBlack)",1:"var(--vscode-terminal-ansiBrightRed)",2:"var(--vscode-terminal-ansiBrightGreen)",3:"var(--vscode-terminal-ansiBrightYellow)",4:"var(--vscode-terminal-ansiBrightBlue)",5:"var(--vscode-terminal-ansiBrightMagenta)",6:"var(--vscode-terminal-ansiBrightCyan)",7:"var(--vscode-terminal-ansiBrightWhite)"};function cv(u){return u.replace(/[&"<>]/g,i=>({"&":"&amp;",'"':"&quot;","<":"&lt;",">":"&gt;"})[i])}function sv(u){return Object.entries(u).map(([i,c])=>`${i}: ${c}`).join("; ")}const vr=({code:u,children:i,testId:c})=>{const f=ct.useMemo(()=>ov(u),[u]);return m.jsxs("div",{className:"test-error-container test-error-text","data-testid":c,children:[i,m.jsx("div",{className:"test-error-view",dangerouslySetInnerHTML:{__html:f||""}})]})},fv=({prompt:u})=>{const[i,c]=ct.useState(!1);return m.jsx("button",{className:"button",style:{minWidth:100},onClick:async()=>{await navigator.clipboard.writeText(u),c(!0),setTimeout(()=>{c(!1)},3e3)},children:i?"Copied":"Copy prompt"})},rv=({diff:u})=>m.jsx("div",{"data-testid":"test-screenshot-error-view",className:"test-error-view",children:m.jsx(Vh,{diff:u,hideDetails:!0},"image-diff")});function ov(u){return uv(u||"",{bg:"var(--color-canvas-subtle)",fg:"var(--color-fg-default)"})}const dv=`
-# Instructions
-
-- Following Playwright test failed.
-- Explain why, be concise, respect Playwright best practices.
-- Provide a snippet of code with the fix, if possible.
-`.trimStart();async function hv({testInfo:u,metadata:i,errorContext:c,errors:f,buildCodeFrame:r,stdout:o,stderr:d}){var w;const y=new Set(f.filter(R=>R.message&&!R.message.includes(`
-`)).map(R=>R.message));for(const R of f)for(const z of y.keys())(w=R.message)!=null&&w.includes(z)&&y.delete(z);const v=f.filter(R=>!(!R.message||!R.message.includes(`
-`)&&!y.has(R.message)));if(!v.length)return;const A=[dv,"# Test info","",u];o&&A.push("","# Stdout","","```",zf(o),"```"),d&&A.push("","# Stderr","","```",zf(d),"```"),A.push("","# Error details");for(const R of v)A.push("","```",zf(R.message||""),"```");c&&A.push(c);const E=await r(v[v.length-1]);return E&&A.push("","# Test source","","```ts",E,"```"),i!=null&&i.gitDiff&&A.push("","# Local changes","","```diff",i.gitDiff,"```"),A.join(`
-`)}const gv=new RegExp("([\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)|(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~])))","g");function zf(u){return u.replace(gv,"")}function mv(u,i){var f;const c=new Map;for(const r of u){const o=r.name.match(/^(.*)-(expected|actual|diff|previous)(\.[^.]+)?$/);if(!o)continue;const[,d,y,v=""]=o,A=d+v;let E=c.get(A);E||(E={name:A,anchors:[`attachment-${d}`]},c.set(A,E)),E.anchors.push(`attachment-${i.attachments.indexOf(r)}`),y==="actual"&&(E.actual={attachment:r}),y==="expected"&&(E.expected={attachment:r,title:"Expected"}),y==="previous"&&(E.expected={attachment:r,title:"Previous"}),y==="diff"&&(E.diff={attachment:r})}for(const[r,o]of c)!o.actual||!o.expected?c.delete(r):(u.delete(o.actual.attachment),u.delete(o.expected.attachment),u.delete((f=o.diff)==null?void 0:f.attachment));return[...c.values()]}const Av=({test:u,result:i,testRunMetadata:c,options:f})=>{const{screenshots:r,videos:o,traces:d,otherAttachments:y,diffs:v,errors:A,otherAttachmentAnchors:E,screenshotAnchors:w,errorContext:R}=ct.useMemo(()=>{const N=i.attachments.filter(L=>!L.name.startsWith("_")),x=new Set(N.filter(L=>L.contentType.startsWith("image/"))),p=[...x].map(L=>`attachment-${N.indexOf(L)}`),T=N.filter(L=>L.contentType.startsWith("video/")),D=N.filter(L=>L.name==="trace"),U=N.find(L=>L.name==="error-context"),I=new Set(N);[...x,...T,...D].forEach(L=>I.delete(L));const V=[...I].map(L=>`attachment-${N.indexOf(L)}`),j=mv(x,i),G=i.errors.map(L=>L.message);return{screenshots:[...x],videos:T,traces:D,otherAttachments:I,diffs:j,errors:G,otherAttachmentAnchors:V,screenshotAnchors:p,errorContext:U}},[i]),z=M5(async()=>{if(f!=null&&f.noCopyPrompt)return;const N=i.attachments.find(D=>D.name==="stdout"),x=i.attachments.find(D=>D.name==="stderr"),p=N!=null&&N.body&&N.contentType==="text/plain"?N.body:void 0,T=x!=null&&x.body&&x.contentType==="text/plain"?x.body:void 0;return await hv({testInfo:[`- Name: ${u.path.join(" >> ")} >> ${u.title}`,`- Location: ${u.location.file}:${u.location.line}:${u.location.column}`].join(`
-`),metadata:c,errorContext:R!=null&&R.path?await fetch(R.path).then(D=>D.text()):R==null?void 0:R.body,errors:i.errors,buildCodeFrame:async D=>D.codeframe,stdout:p,stderr:T})},[u,R,c,i],void 0);return m.jsxs("div",{className:"test-result",children:[!!A.length&&m.jsxs(Ke,{header:"Errors",children:[z&&m.jsx("div",{style:{position:"absolute",right:"16px",padding:"10px",zIndex:1},children:m.jsx(fv,{prompt:z})}),A.map((N,x)=>{const p=vv(N,v);return m.jsxs(m.Fragment,{children:[m.jsx(vr,{code:N},"test-result-error-message-"+x),p&&m.jsx(rv,{diff:p})]})})]}),!!i.steps.length&&m.jsx(Ke,{header:"Test Steps",children:i.steps.map((N,x)=>m.jsx(Ih,{step:N,result:i,test:u,depth:0},`step-${x}`))}),v.map((N,x)=>m.jsx(bi,{id:N.anchors,children:m.jsx(Ke,{dataTestId:"test-results-image-diff",header:`Image mismatch: ${N.name}`,revealOnAnchorId:N.anchors,children:m.jsx(Vh,{diff:N})})},`diff-${x}`)),!!r.length&&m.jsx(Ke,{header:"Screenshots",revealOnAnchorId:w,children:r.map((N,x)=>m.jsxs(bi,{id:`attachment-${i.attachments.indexOf(N)}`,children:[m.jsx("a",{href:Qe(N.path),children:m.jsx("img",{className:"screenshot",src:Qe(N.path)})}),m.jsx(Ju,{attachment:N,result:i})]},`screenshot-${x}`))}),!!d.length&&m.jsx(bi,{id:"attachment-trace",children:m.jsx(Ke,{header:"Traces",revealOnAnchorId:"attachment-trace",children:m.jsxs("div",{children:[m.jsx("a",{href:Qe(Gh(d)),children:m.jsx("img",{className:"screenshot",src:ev,style:{width:192,height:117,marginLeft:20}})}),d.map((N,x)=>m.jsx(Ju,{attachment:N,result:i,linkName:d.length===1?"trace":`trace-${x+1}`},`trace-${x}`))]})})}),!!o.length&&m.jsx(bi,{id:"attachment-video",children:m.jsx(Ke,{header:"Videos",revealOnAnchorId:"attachment-video",children:o.map(N=>m.jsxs("div",{children:[m.jsx("video",{controls:!0,children:m.jsx("source",{src:Qe(N.path),type:N.contentType})}),m.jsx(Ju,{attachment:N,result:i})]},N.path))})}),!!y.size&&m.jsx(Ke,{header:"Attachments",revealOnAnchorId:E,dataTestId:"attachments",children:[...y].map((N,x)=>m.jsx(bi,{id:`attachment-${i.attachments.indexOf(N)}`,children:m.jsx(Ju,{attachment:N,result:i,openInNewTab:N.contentType.startsWith("text/html")})},`attachment-link-${x}`))})]})};function vv(u,i){const c=u.split(`
-`)[0];if(!(!c.includes("toHaveScreenshot")&&!c.includes("toMatchSnapshot")))return i.find(f=>u.includes(f.name))}const Ih=({test:u,step:i,result:c,depth:f})=>{const r=ue();return m.jsx(tv,{title:m.jsxs("span",{"aria-label":i.title,children:[m.jsx("span",{style:{float:"right"},children:yl(i.duration)}),i.attachments.length>0&&m.jsx("a",{style:{float:"right"},title:"reveal attachment",href:Qe(En({test:u,result:c,anchor:`attachment-${i.attachments[0]}`},r)),onClick:o=>{o.stopPropagation()},children:Ch()}),cc(i.error||i.duration===-1?"failed":i.skipped?"skipped":"passed"),m.jsx("span",{children:i.title}),i.count>1&&m.jsxs(m.Fragment,{children:[" ✕ ",m.jsx("span",{className:"test-result-counter",children:i.count})]}),i.location&&m.jsxs("span",{className:"test-result-path",children:["— ",i.location.file,":",i.location.line]})]}),loadChildren:i.steps.length||i.snippet?()=>{const o=i.snippet?[m.jsx(vr,{testId:"test-snippet",code:i.snippet},"line")]:[],d=i.steps.map((y,v)=>m.jsx(Ih,{step:y,depth:f+1,result:c,test:u},v));return o.concat(d)}:void 0,depth:f})},yv=({projectNames:u,test:i,testRunMetadata:c,run:f,next:r,prev:o,options:d})=>{const[y,v]=ct.useState(f),A=ue(),E=i.annotations.filter(w=>!w.type.startsWith("_"))??[];return m.jsxs(m.Fragment,{children:[m.jsx(Ar,{title:i.title,leftSuperHeader:m.jsx("div",{className:"test-case-path",children:i.path.join(" › ")}),rightSuperHeader:m.jsxs(m.Fragment,{children:[m.jsx("div",{className:Ye(!o&&"hidden"),children:m.jsx(yn,{href:En({test:o},A),children:"« previous"})}),m.jsx("div",{style:{width:10}}),m.jsx("div",{className:Ye(!r&&"hidden"),children:m.jsx(yn,{href:En({test:r},A),children:"next »"})})]})}),m.jsxs("div",{className:"hbox",style:{lineHeight:"24px"},children:[m.jsx("div",{className:"test-case-location",children:m.jsxs(hr,{value:`${i.location.file}:${i.location.line}`,children:[i.location.file,":",i.location.line]})}),m.jsx("div",{style:{flex:"auto"}}),m.jsx(Lh,{test:i,trailingSeparator:!0}),m.jsx("div",{className:"test-case-duration",children:yl(i.duration)})]}),m.jsx(Yh,{style:{marginLeft:"6px"},projectNames:u,activeProjectName:i.projectName,otherLabels:i.tags}),i.results.length===0&&E.length!==0&&m.jsx(Ke,{header:"Annotations",dataTestId:"test-case-annotations",children:E.map((w,R)=>m.jsx(p2,{annotation:w},R))}),m.jsx($5,{tabs:i.results.map((w,R)=>({id:String(R),title:m.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[cc(w.status)," ",Ev(R),i.results.length>1&&m.jsx("span",{className:"test-case-run-duration",children:yl(w.duration)})]}),render:()=>{const z=w.annotations.filter(N=>!N.type.startsWith("_"));return m.jsxs(m.Fragment,{children:[!!z.length&&m.jsx(Ke,{header:"Annotations",dataTestId:"test-case-annotations",children:z.map((N,x)=>m.jsx(p2,{annotation:N},x))}),m.jsx(Av,{test:i,result:w,testRunMetadata:c,options:d})]})}}))||[],selectedTab:String(y),setSelectedTab:w=>v(+w)})]})};function p2({annotation:{type:u,description:i}}){return m.jsxs("div",{className:"test-case-annotation",children:[m.jsx("span",{style:{fontWeight:"bold"},children:u}),i&&m.jsxs(hr,{value:i,children:[": ",Ri(i)]})]})}function Ev(u){return u?`Retry #${u}`:"Run"}const Zh=({file:u,projectNames:i,isFileExpanded:c,setFileExpanded:f,footer:r})=>{const o=ue();return m.jsx(Xh,{expanded:c?c(u.fileId):void 0,noInsets:!0,setExpanded:f?(d=>f(u.fileId,d)):void 0,header:m.jsx("span",{className:"chip-header-allow-selection",children:u.fileName}),footer:r,children:u.tests.map(d=>m.jsxs("div",{className:Ye("test-file-test","test-file-test-outcome-"+d.outcome),children:[m.jsxs("div",{className:"hbox",style:{alignItems:"flex-start"},children:[m.jsxs("div",{className:"hbox",children:[m.jsx("span",{className:"test-file-test-status-icon",children:cc(d.outcome)}),m.jsxs("span",{children:[m.jsx(yn,{href:En({test:d},o),title:[...d.path,d.title].join(" › "),children:m.jsx("span",{className:"test-file-title",children:[...d.path,d.title].join(" › ")})}),m.jsx(Yh,{style:{marginLeft:"6px"},projectNames:i,activeProjectName:d.projectName,otherLabels:d.tags})]})]}),m.jsx("span",{"data-testid":"test-duration",style:{minWidth:"50px",textAlign:"right"},children:yl(d.duration)})]}),m.jsx("div",{className:"test-file-details-row",children:m.jsxs("div",{className:"test-file-details-row-items",children:[m.jsx(yn,{href:En({test:d},o),title:[...d.path,d.title].join(" › "),className:"test-file-path-link",children:m.jsxs("span",{className:"test-file-path",children:[d.location.file,":",d.location.line]})}),m.jsx(bv,{test:d}),m.jsx(pv,{test:d}),m.jsx(Lh,{test:d,dim:!0})]})})]},`test-${d.testId}`))})};function bv({test:u}){const i=ue();for(const c of u.results)for(const f of c.attachments)if(f.contentType.startsWith("image/")&&f.name.match(/-(expected|actual|diff)/))return m.jsx(gr,{href:En({test:u,result:c,anchor:`attachment-${c.attachments.indexOf(f)}`},i),title:"View images",dim:!0,children:w5()})}function pv({test:u}){const i=ue(),c=u.results.find(f=>f.attachments.some(r=>r.name==="video"));return c?m.jsx(gr,{href:En({test:u,result:c,anchor:"attachment-video"},i),title:"View video",dim:!0,children:R5()}):void 0}class xv extends ct.Component{constructor(){super(...arguments);dn(this,"state",{error:null,errorInfo:null})}componentDidCatch(c,f){this.setState({error:c,errorInfo:f})}render(){var c,f,r;return this.state.error||this.state.errorInfo?m.jsxs("div",{className:"metadata-view p-3",children:[m.jsx("p",{children:"An error was encountered when trying to render metadata."}),m.jsx("p",{children:m.jsxs("pre",{style:{overflow:"scroll"},children:[(c=this.state.error)==null?void 0:c.message,m.jsx("br",{}),(f=this.state.error)==null?void 0:f.stack,m.jsx("br",{}),(r=this.state.errorInfo)==null?void 0:r.componentStack]})})]}):this.props.children}}const Sv=u=>m.jsx(xv,{children:m.jsx(Tv,{metadata:u.metadata})}),Tv=u=>{const i=ue(),c=u.metadata,f=i.has("show-metadata-other")?Object.entries(u.metadata).filter(([o])=>!qh.has(o)):[];if(c.ci||c.gitCommit||f.length>0)return m.jsxs("div",{className:"metadata-view",children:[c.ci&&!c.gitCommit&&m.jsx(wv,{info:c.ci}),c.gitCommit&&m.jsx(Rv,{ci:c.ci,commit:c.gitCommit}),f.length>0&&m.jsxs(m.Fragment,{children:[(c.gitCommit||c.ci)&&m.jsx("div",{className:"metadata-separator"}),m.jsx("div",{className:"metadata-section metadata-properties",role:"list",children:f.map(([o,d])=>{const y=typeof d!="object"||d===null||d===void 0?String(d):JSON.stringify(d),v=y.length>1e3?y.slice(0,1e3)+"…":y;return m.jsx("div",{className:"copyable-property",role:"listitem",children:m.jsxs(hr,{value:y,children:[m.jsx("span",{style:{fontWeight:"bold"},title:o,children:o}),": ",m.jsx("span",{title:v,children:Ri(v)})]})},o)})})]})]})},wv=({info:u})=>{const i=u.prTitle||`Commit ${u.commitHash}`,c=u.prHref||u.commitHref;return m.jsx("div",{className:"metadata-section",role:"list",children:m.jsx("div",{role:"listitem",children:m.jsx("a",{href:Qe(c),target:"_blank",rel:"noopener noreferrer",title:i,children:i})})})},Rv=({ci:u,commit:i})=>{const c=(u==null?void 0:u.prTitle)||i.subject,f=(u==null?void 0:u.prHref)||(u==null?void 0:u.commitHref),r=` <${i.author.email}>`,o=`${i.author.name}${r}`,d=Intl.DateTimeFormat(void 0,{dateStyle:"medium"}).format(i.committer.time),y=Intl.DateTimeFormat(void 0,{dateStyle:"full",timeStyle:"long"}).format(i.committer.time);return m.jsxs("div",{className:"metadata-section",role:"list",children:[m.jsxs("div",{role:"listitem",children:[f&&m.jsx("a",{href:Qe(f),target:"_blank",rel:"noopener noreferrer",title:c,children:c}),!f&&m.jsx("span",{title:c,children:c})]}),m.jsxs("div",{role:"listitem",className:"hbox",children:[m.jsx("span",{className:"mr-1",children:o}),m.jsxs("span",{title:y,children:[" on ",d]})]})]})},qh=new Set(["ci","gitCommit","gitDiff","actualWorkers"]),Ov=u=>{const i=Object.entries(u).filter(([c])=>!qh.has(c));return!u.ci&&!u.gitCommit&&!i.length},Dv=({files:u,expandedFiles:i,setExpandedFiles:c,projectNames:f})=>{const r=ct.useMemo(()=>{const o=[];let d=0;for(const y of u)d+=y.tests.length,o.push({file:y,defaultExpanded:d<200});return o},[u]);return m.jsx(m.Fragment,{children:r.length>0?r.map(({file:o,defaultExpanded:d})=>m.jsx(Zh,{file:o,projectNames:f,isFileExpanded:y=>{const v=i.get(y);return v===void 0?d:!!v},setFileExpanded:(y,v)=>{const A=new Map(i);A.set(y,v),c(A)}},`file-${o.fileId}`)):m.jsx("div",{className:"chip-header test-file-no-files",children:"No tests found"})})},x2=({report:u,filteredStats:i,metadataVisible:c,toggleMetadataVisible:f})=>{if(!u)return null;const r=u.projectNames.length===1&&!!u.projectNames[0],o=!r&&!i,d=!Ov(u.metadata)&&m.jsxs("div",{className:Ye("metadata-toggle",!o&&"metadata-toggle-second-line"),role:"button",onClick:f,title:c?"Hide metadata":"Show metadata",children:[c?Mi():vl(),"Metadata"]}),y=m.jsxs("div",{className:"test-file-header-info",children:[r&&m.jsxs("div",{"data-testid":"project-name",children:["Project: ",u.projectNames[0]]}),i&&m.jsxs("div",{"data-testid":"filtered-tests-count",children:["Filtered: ",i.total," ",!!i.total&&"("+yl(i.duration)+")"]}),o&&d]}),v=m.jsxs(m.Fragment,{children:[m.jsx("div",{"data-testid":"overall-time",style:{marginRight:"10px"},children:u?new Date(u.startTime).toLocaleString():""}),m.jsxs("div",{"data-testid":"overall-duration",children:["Total time: ",yl(u.duration??0)]})]});return m.jsxs(m.Fragment,{children:[m.jsx(Ar,{title:u.options.title,leftSuperHeader:y,rightSuperHeader:v}),!o&&d,c&&m.jsx(Sv,{metadata:u.metadata}),!!u.errors.length&&m.jsx(Ke,{header:"Errors",dataTestId:"report-errors",children:u.errors.map((A,E)=>m.jsx(vr,{code:A},"test-report-error-message-"+E))})]})};function Cv({report:u,tests:i}){return m.jsx(m.Fragment,{children:m.jsx(Mv,{report:u,tests:i})})}function Mv({report:u,tests:i}){const[c,f]=ie.useState(50);return m.jsx(Zh,{file:{fileId:"slowest",fileName:"Slowest Tests",tests:i.slice(0,c),stats:null},projectNames:u.json().projectNames,footer:c<i.length?m.jsxs("button",{className:"link-badge fullwidth-link",style:{padding:"8px 5px"},onClick:()=>f(r=>r+50),children:[Mi(),"Show 50 more"]}):void 0})}const jv=u=>!u.has("testId")&&!u.has("speedboard"),Hv=u=>u.has("testId"),Nv=u=>u.has("speedboard")&&!u.has("testId"),Bv=({report:u})=>{var I,V;const i=ue(),[c,f]=ct.useState(new Map),[r,o]=ct.useState(i.get("q")||""),[d,y]=ct.useState(!1),v=i.has("speedboard"),[A]=Uh("mergeFiles",!1),E=i.get("testId"),w=((I=i.get("q"))==null?void 0:I.toString())||"",R=w?"&q="+w:"",z=(V=u==null?void 0:u.json())==null?void 0:V.options.title,N=ct.useMemo(()=>{const j=new Map;for(const G of(u==null?void 0:u.json().files)||[])for(const L of G.tests)j.set(L.testId,G.fileId);return j},[u]),x=ct.useMemo(()=>lc.parse(r),[r]),p=ct.useMemo(()=>x.empty()?void 0:Qv((u==null?void 0:u.json().files)||[],x),[u,x]),T=ct.useMemo(()=>v?zv(u,x):A?Lv(u,x):Yv(u,x),[u,x,A,v]),{prev:D,next:U}=ct.useMemo(()=>{const j=T.tests.findIndex(W=>W.testId===E),G=j>0?T.tests[j-1]:void 0,L=j<T.tests.length-1?T.tests[j+1]:void 0;return{prev:G,next:L}},[E,T]);return ct.useEffect(()=>{const j=G=>{if(!(G.target instanceof HTMLInputElement||G.target instanceof HTMLTextAreaElement||G.shiftKey||G.ctrlKey||G.metaKey||G.altKey))switch(G.key){case"a":G.preventDefault(),_n("#?");break;case"p":G.preventDefault(),i.delete("testId"),i.delete("speedboard"),_n(wa(i,"s:passed",!1));break;case"f":G.preventDefault(),i.delete("testId"),i.delete("speedboard"),_n(wa(i,"s:failed",!1));break;case"ArrowLeft":D&&(G.preventDefault(),i.delete("testId"),_n(En({test:D},i)+R));break;case"ArrowRight":U&&(G.preventDefault(),i.delete("testId"),_n(En({test:U},i)+R));break}};return document.addEventListener("keydown",j),()=>document.removeEventListener("keydown",j)},[D,U,R,w,i]),ct.useEffect(()=>{z?document.title=z:document.title="Playwright Test Report"},[z]),m.jsx("div",{className:"htmlreport vbox px-4 pb-4",children:m.jsxs("main",{children:[u&&m.jsx(F5,{stats:u.json().stats,filterText:r,setFilterText:o}),m.jsxs(Yf,{predicate:jv,children:[m.jsx(x2,{report:u==null?void 0:u.json(),filteredStats:p,metadataVisible:d,toggleMetadataVisible:()=>y(j=>!j)}),m.jsx(Dv,{files:T.files,expandedFiles:c,setExpandedFiles:f,projectNames:(u==null?void 0:u.json().projectNames)||[]})]}),m.jsxs(Yf,{predicate:Nv,children:[m.jsx(x2,{report:u==null?void 0:u.json(),filteredStats:p,metadataVisible:d,toggleMetadataVisible:()=>y(j=>!j)}),u&&m.jsx(Cv,{report:u,tests:T.tests})]}),m.jsx(Yf,{predicate:Hv,children:u&&m.jsx(Uv,{report:u,next:U,prev:D,testId:E,testIdToFileIdMap:N})})]})})},Uv=({report:u,testIdToFileIdMap:i,next:c,prev:f,testId:r})=>{const o=ue(),[d,y]=ct.useState("loading"),v=+(o.get("run")||"0");if(ct.useEffect(()=>{(async()=>{if(!r||typeof d=="object"&&r===d.testId)return;const R=i.get(r);if(!R){y("not-found");return}const z=await u.entry(`${R}.json`);y((z==null?void 0:z.tests.find(N=>N.testId===r))||"not-found")})()},[d,u,r,i]),d==="loading")return m.jsx("div",{className:"test-case-column"});if(d==="not-found")return m.jsxs("div",{className:"test-case-column",children:[m.jsx(Ar,{title:"Test not found"}),m.jsxs("div",{className:"test-case-location",children:["Test ID: ",r]})]});const{projectNames:A,metadata:E,options:w}=u.json();return m.jsx("div",{className:"test-case-column",children:m.jsx(yv,{projectNames:A,testRunMetadata:E,options:w,next:c,prev:f,test:d,run:v})})};function Qv(u,i){const c={total:0,duration:0};for(const f of u){const r=f.tests.filter(o=>i.matches(o));c.total+=r.length;for(const o of r)c.duration+=o.duration}return c}function Yv(u,i){const c={files:[],tests:[]};for(const f of(u==null?void 0:u.json().files)||[]){const r=f.tests.filter(o=>i.matches(o));r.length&&c.files.push({...f,tests:r}),c.tests.push(...r)}return c}function Lv(u,i){const c=[],f=new Map;for(const o of(u==null?void 0:u.json().files)||[]){const d=o.tests.filter(y=>i.matches(y));for(const y of d){const v=y.path[0]??"<anonymous>";let A=f.get(v);A||(A={fileId:v,fileName:v,tests:[],stats:{total:0,expected:0,unexpected:0,flaky:0,skipped:0,ok:!0}},f.set(v,A),c.push(A));const E={...y,path:y.path.slice(1)};A.tests.push(E)}}c.sort((o,d)=>o.fileName.localeCompare(d.fileName));const r={files:c,tests:[]};for(const o of c)r.tests.push(...o.tests);return r}function zv(u,i){const f=((u==null?void 0:u.json().files)||[]).flatMap(r=>r.tests).filter(r=>i.matches(r));return f.sort((r,o)=>o.duration-r.duration),{files:[],tests:f}}const Gv="data:image/svg+xml,%3csvg%20width='400'%20height='400'%20viewBox='0%200%20400%20400'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M136.444%20221.556C123.558%20225.213%20115.104%20231.625%20109.535%20238.032C114.869%20233.364%20122.014%20229.08%20131.652%20226.348C141.51%20223.554%20149.92%20223.574%20156.869%20224.915V219.481C150.941%20218.939%20144.145%20219.371%20136.444%20221.556ZM108.946%20175.876L61.0895%20188.484C61.0895%20188.484%2061.9617%20189.716%2063.5767%20191.36L104.153%20180.668C104.153%20180.668%20103.578%20188.077%2098.5847%20194.705C108.03%20187.559%20108.946%20175.876%20108.946%20175.876ZM149.005%20288.347C81.6582%20306.486%2046.0272%20228.438%2035.2396%20187.928C30.2556%20169.229%2028.0799%20155.067%2027.5%20145.928C27.4377%20144.979%2027.4665%20144.179%2027.5336%20143.446C24.04%20143.657%2022.3674%20145.473%2022.7077%20150.721C23.2876%20159.855%2025.4633%20174.016%2030.4473%20192.721C41.2301%20233.225%2076.8659%20311.273%20144.213%20293.134C158.872%20289.185%20169.885%20281.992%20178.152%20272.81C170.532%20279.692%20160.995%20285.112%20149.005%20288.347ZM161.661%20128.11V132.903H188.077C187.535%20131.206%20186.989%20129.677%20186.447%20128.11H161.661Z'%20fill='%232D4552'/%3e%3cpath%20d='M193.981%20167.584C205.861%20170.958%20212.144%20179.287%20215.465%20186.658L228.711%20190.42C228.711%20190.42%20226.904%20164.623%20203.57%20157.995C181.741%20151.793%20168.308%20170.124%20166.674%20172.496C173.024%20167.972%20182.297%20164.268%20193.981%20167.584ZM299.422%20186.777C277.573%20180.547%20264.145%20198.916%20262.535%20201.255C268.89%20196.736%20278.158%20193.031%20289.837%20196.362C301.698%20199.741%20307.976%20208.06%20311.307%20215.436L324.572%20219.212C324.572%20219.212%20322.736%20193.41%20299.422%20186.777ZM286.262%20254.795L176.072%20223.99C176.072%20223.99%20177.265%20230.038%20181.842%20237.869L274.617%20263.805C282.255%20259.386%20286.262%20254.795%20286.262%20254.795ZM209.867%20321.102C122.618%20297.71%20133.166%20186.543%20147.284%20133.865C153.097%20112.156%20159.073%2096.0203%20164.029%2085.204C161.072%2084.5953%20158.623%2086.1529%20156.203%2091.0746C150.941%20101.747%20144.212%20119.124%20137.7%20143.45C123.586%20196.127%20113.038%20307.29%20200.283%20330.682C241.406%20341.699%20273.442%20324.955%20297.323%20298.659C274.655%20319.19%20245.714%20330.701%20209.867%20321.102Z'%20fill='%232D4552'/%3e%3cpath%20d='M161.661%20262.296V239.863L99.3324%20257.537C99.3324%20257.537%20103.938%20230.777%20136.444%20221.556C146.302%20218.762%20154.713%20218.781%20161.661%20220.123V128.11H192.869C189.471%20117.61%20186.184%20109.526%20183.423%20103.909C178.856%2094.612%20174.174%20100.775%20163.545%20109.665C156.059%20115.919%20137.139%20129.261%20108.668%20136.933C80.1966%20144.61%2057.179%20142.574%2047.5752%20140.911C33.9601%20138.562%2026.8387%20135.572%2027.5049%20145.928C28.0847%20155.062%2030.2605%20169.224%2035.2445%20187.928C46.0272%20228.433%2081.663%20306.481%20149.01%20288.342C166.602%20283.602%20179.019%20274.233%20187.626%20262.291H161.661V262.296ZM61.0848%20188.484L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6614%20203.743%2061.0848%20188.484%2061.0848%20188.484Z'%20fill='%23E2574C'/%3e%3cpath%20d='M341.786%20129.174C329.345%20131.355%20299.498%20134.072%20262.612%20124.185C225.716%20114.304%20201.236%2097.0224%20191.537%2088.8994C177.788%2077.3834%20171.74%2069.3802%20165.788%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.098C297.093%20344.47%20343.53%20242.92%20357.644%20190.238C364.157%20165.917%20367.013%20147.5%20367.799%20135.625C368.695%20122.173%20359.455%20126.078%20341.786%20129.174ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756ZM223.42%20268.713C182.403%20256.698%20176.077%20223.99%20176.077%20223.99L286.262%20254.796C286.262%20254.791%20264.021%20280.578%20223.42%20268.713ZM262.377%20201.495C262.377%20201.495%20276.107%20180.126%20299.422%20186.773C322.736%20193.411%20324.572%20219.208%20324.572%20219.208L262.377%20201.495Z'%20fill='%232EAD33'/%3e%3cpath%20d='M139.88%20246.04L99.3324%20257.532C99.3324%20257.532%20103.737%20232.44%20133.607%20222.496L110.647%20136.33L108.663%20136.933C80.1918%20144.611%2057.1742%20142.574%2047.5704%20140.911C33.9554%20138.563%2026.834%20135.572%2027.5001%20145.929C28.08%20155.063%2030.2557%20169.224%2035.2397%20187.929C46.0225%20228.433%2081.6583%20306.481%20149.005%20288.342L150.989%20287.719L139.88%20246.04ZM61.0848%20188.485L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6615%20203.743%2061.0848%20188.485%2061.0848%20188.485Z'%20fill='%23D65348'/%3e%3cpath%20d='M225.27%20269.163L223.415%20268.712C182.398%20256.698%20176.072%20223.99%20176.072%20223.99L232.89%20239.872L262.971%20124.281L262.607%20124.185C225.711%20114.304%20201.232%2097.0224%20191.532%2088.8994C177.783%2077.3834%20171.735%2069.3802%20165.783%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.097L211.655%20321.5L225.27%20269.163ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756Z'%20fill='%231D8D22'/%3e%3cpath%20d='M141.946%20245.451L131.072%20248.537C133.641%20263.019%20138.169%20276.917%20145.276%20289.195C146.513%20288.922%20147.74%20288.687%20149%20288.342C152.302%20287.451%20155.364%20286.348%20158.312%20285.145C150.371%20273.361%20145.118%20259.789%20141.946%20245.451ZM137.7%20143.451C132.112%20164.307%20127.113%20194.326%20128.489%20224.436C130.952%20223.367%20133.554%20222.371%20136.444%20221.551L138.457%20221.101C136.003%20188.939%20141.308%20156.165%20147.284%20133.866C148.799%20128.225%20150.318%20122.978%20151.832%20118.085C149.393%20119.637%20146.767%20121.228%20143.776%20122.867C141.759%20129.093%20139.722%20135.898%20137.7%20143.451Z'%20fill='%23C04B41'/%3e%3c/svg%3e",Gf=o5,yr=document.createElement("link");yr.rel="shortcut icon";yr.href=Gv;document.head.appendChild(yr);const Xv=()=>{const[u,i]=ct.useState();return ct.useEffect(()=>{const c=new Vv;c.load().then(()=>{var f;(f=document.getElementById("playwrightReportBase64"))==null||f.remove(),i(c)})},[]),m.jsx(z5,{children:m.jsx(Bv,{report:u})})};window.onload=()=>{q5(),E5.createRoot(document.querySelector("#root")).render(m.jsx(Xv,{}))};class Vv{constructor(){dn(this,"_entries",new Map);dn(this,"_json")}async load(){const i=document.getElementById("playwrightReportBase64").textContent,c=new Gf.ZipReader(new Gf.Data64URIReader(i),{useWebWorkers:!1});for(const f of await c.getEntries())this._entries.set(f.filename,f);this._json=await this.entry("report.json")}json(){return this._json}async entry(i){const c=this._entries.get(i),f=new Gf.TextWriter;return await c.getData(f),JSON.parse(await f.getData())}}
-</script>
-    <style type='text/css'>:root{--color-canvas-default-transparent: rgba(255,255,255,0);--color-marketing-icon-primary: #218bff;--color-marketing-icon-secondary: #54aeff;--color-diff-blob-addition-num-text: #24292f;--color-diff-blob-addition-fg: #24292f;--color-diff-blob-addition-num-bg: #CCFFD8;--color-diff-blob-addition-line-bg: #E6FFEC;--color-diff-blob-addition-word-bg: #ABF2BC;--color-diff-blob-deletion-num-text: #24292f;--color-diff-blob-deletion-fg: #24292f;--color-diff-blob-deletion-num-bg: #FFD7D5;--color-diff-blob-deletion-line-bg: #FFEBE9;--color-diff-blob-deletion-word-bg: rgba(255,129,130,.4);--color-diff-blob-hunk-num-bg: rgba(84,174,255,.4);--color-diff-blob-expander-icon: #57606a;--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;--color-diffstat-deletion-border: rgba(27,31,36,.15);--color-diffstat-addition-border: rgba(27,31,36,.15);--color-diffstat-addition-bg: #2da44e;--color-search-keyword-hl: #fff8c5;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #FFEBE9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-codemirror-text: #24292f;--color-codemirror-bg: #ffffff;--color-codemirror-gutters-bg: #ffffff;--color-codemirror-guttermarker-text: #ffffff;--color-codemirror-guttermarker-subtle-text: #6e7781;--color-codemirror-linenumber-text: #57606a;--color-codemirror-cursor: #24292f;--color-codemirror-selection-bg: rgba(84,174,255,.4);--color-codemirror-activeline-bg: rgba(234,238,242,.5);--color-codemirror-matchingbracket-text: #24292f;--color-codemirror-lines-bg: #ffffff;--color-codemirror-syntax-comment: #24292f;--color-codemirror-syntax-constant: #0550ae;--color-codemirror-syntax-entity: #8250df;--color-codemirror-syntax-keyword: #cf222e;--color-codemirror-syntax-storage: #cf222e;--color-codemirror-syntax-string: #0a3069;--color-codemirror-syntax-support: #0550ae;--color-codemirror-syntax-variable: #953800;--color-checks-bg: #24292f;--color-checks-run-border-width: 0px;--color-checks-container-border-width: 0px;--color-checks-text-primary: #f6f8fa;--color-checks-text-secondary: #8c959f;--color-checks-text-link: #54aeff;--color-checks-btn-icon: #afb8c1;--color-checks-btn-hover-icon: #f6f8fa;--color-checks-btn-hover-bg: rgba(255,255,255,.125);--color-checks-input-text: #eaeef2;--color-checks-input-placeholder-text: #8c959f;--color-checks-input-focus-text: #8c959f;--color-checks-input-bg: #32383f;--color-checks-input-shadow: none;--color-checks-donut-error: #fa4549;--color-checks-donut-pending: #bf8700;--color-checks-donut-success: #2da44e;--color-checks-donut-neutral: #afb8c1;--color-checks-dropdown-text: #afb8c1;--color-checks-dropdown-bg: #32383f;--color-checks-dropdown-border: #424a53;--color-checks-dropdown-shadow: rgba(27,31,36,.3);--color-checks-dropdown-hover-text: #f6f8fa;--color-checks-dropdown-hover-bg: #424a53;--color-checks-dropdown-btn-hover-text: #f6f8fa;--color-checks-dropdown-btn-hover-bg: #32383f;--color-checks-scrollbar-thumb-bg: #57606a;--color-checks-header-label-text: #d0d7de;--color-checks-header-label-open-text: #f6f8fa;--color-checks-header-border: #32383f;--color-checks-header-icon: #8c959f;--color-checks-line-text: #d0d7de;--color-checks-line-num-text: rgba(140,149,159,.75);--color-checks-line-timestamp-text: #8c959f;--color-checks-line-hover-bg: #32383f;--color-checks-line-selected-bg: rgba(33,139,255,.15);--color-checks-line-selected-num-text: #54aeff;--color-checks-line-dt-fm-text: #24292f;--color-checks-line-dt-fm-bg: #9a6700;--color-checks-gate-bg: rgba(125,78,0,.15);--color-checks-gate-text: #d0d7de;--color-checks-gate-waiting-text: #afb8c1;--color-checks-step-header-open-bg: #32383f;--color-checks-step-error-text: #ff8182;--color-checks-step-warning-text: #d4a72c;--color-checks-logline-text: #8c959f;--color-checks-logline-num-text: rgba(140,149,159,.75);--color-checks-logline-debug-text: #c297ff;--color-checks-logline-error-text: #d0d7de;--color-checks-logline-error-num-text: #ff8182;--color-checks-logline-error-bg: rgba(164,14,38,.15);--color-checks-logline-warning-text: #d0d7de;--color-checks-logline-warning-num-text: #d4a72c;--color-checks-logline-warning-bg: rgba(125,78,0,.15);--color-checks-logline-command-text: #54aeff;--color-checks-logline-section-text: #4ac26b;--color-checks-ansi-black: #24292f;--color-checks-ansi-black-bright: #32383f;--color-checks-ansi-white: #d0d7de;--color-checks-ansi-white-bright: #d0d7de;--color-checks-ansi-gray: #8c959f;--color-checks-ansi-red: #ff8182;--color-checks-ansi-red-bright: #ffaba8;--color-checks-ansi-green: #4ac26b;--color-checks-ansi-green-bright: #6fdd8b;--color-checks-ansi-yellow: #d4a72c;--color-checks-ansi-yellow-bright: #eac54f;--color-checks-ansi-blue: #54aeff;--color-checks-ansi-blue-bright: #80ccff;--color-checks-ansi-magenta: #c297ff;--color-checks-ansi-magenta-bright: #d8b9ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #24292f;--color-project-sidebar-bg: #ffffff;--color-project-gradient-in: #ffffff;--color-project-gradient-out: rgba(255,255,255,0);--color-mktg-success: rgba(36,146,67,1);--color-mktg-info: rgba(19,119,234,1);--color-mktg-bg-shade-gradient-top: rgba(27,31,36,.065);--color-mktg-bg-shade-gradient-bottom: rgba(27,31,36,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #ffffff;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #ffffff;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #ffffff;--color-mktg-btn-outline-text: #4969ed;--color-mktg-btn-outline-border: rgba(73,105,237,.3);--color-mktg-btn-outline-hover-text: #3355e0;--color-mktg-btn-outline-hover-border: rgba(51,85,224,.5);--color-mktg-btn-outline-focus-border: #4969ed;--color-mktg-btn-outline-focus-border-inset: rgba(73,105,237,.5);--color-mktg-btn-dark-text: #ffffff;--color-mktg-btn-dark-border: rgba(255,255,255,.3);--color-mktg-btn-dark-hover-text: #ffffff;--color-mktg-btn-dark-hover-border: rgba(255,255,255,.5);--color-mktg-btn-dark-focus-border: #ffffff;--color-mktg-btn-dark-focus-border-inset: rgba(255,255,255,.5);--color-avatar-bg: #ffffff;--color-avatar-border: rgba(27,31,36,.15);--color-avatar-stack-fade: #afb8c1;--color-avatar-stack-fade-more: #d0d7de;--color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,.8);--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: rgba(0,0,0,0);--color-select-menu-tap-highlight: rgba(175,184,193,.5);--color-select-menu-tap-focus-bg: #b6e3ff;--color-overlay-shadow: 0 1px 3px rgba(27,31,36,.12), 0 8px 24px rgba(66,74,83,.12);--color-header-text: rgba(255,255,255,.7);--color-header-bg: #24292f;--color-header-logo: #ffffff;--color-header-search-bg: #24292f;--color-header-search-border: #57606a;--color-sidenav-selected-bg: #ffffff;--color-menu-bg-active: rgba(0,0,0,0);--color-control-transparent-bg-hover: #818b981a;--color-input-disabled-bg: rgba(175,184,193,.2);--color-timeline-badge-bg: #eaeef2;--color-ansi-black: #24292f;--color-ansi-black-bright: #57606a;--color-ansi-white: #6e7781;--color-ansi-white-bright: #8c959f;--color-ansi-gray: #6e7781;--color-ansi-red: #cf222e;--color-ansi-red-bright: #a40e26;--color-ansi-green: #116329;--color-ansi-green-bright: #1a7f37;--color-ansi-yellow: #4d2d00;--color-ansi-yellow-bright: #633c01;--color-ansi-blue: #0969da;--color-ansi-blue-bright: #218bff;--color-ansi-magenta: #8250df;--color-ansi-magenta-bright: #a475f9;--color-ansi-cyan: #1b7c83;--color-ansi-cyan-bright: #3192aa;--color-btn-text: #24292f;--color-btn-bg: #f6f8fa;--color-btn-border: rgba(27,31,36,.15);--color-btn-shadow: 0 1px 0 rgba(27,31,36,.04);--color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,.25);--color-btn-hover-bg: #f3f4f6;--color-btn-hover-border: rgba(27,31,36,.15);--color-btn-active-bg: hsla(220,14%,93%,1);--color-btn-active-border: rgba(27,31,36,.15);--color-btn-selected-bg: hsla(220,14%,94%,1);--color-btn-focus-bg: #f6f8fa;--color-btn-focus-border: rgba(27,31,36,.15);--color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(27,31,36,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(9,105,218,.3);--color-btn-counter-bg: rgba(27,31,36,.08);--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #2da44e;--color-btn-primary-border: rgba(27,31,36,.15);--color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-primary-hover-bg: #2c974b;--color-btn-primary-hover-border: rgba(27,31,36,.15);--color-btn-primary-selected-bg: hsla(137,55%,36%,1);--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,.2);--color-btn-primary-disabled-text: rgba(255,255,255,.8);--color-btn-primary-disabled-bg: #94d3a2;--color-btn-primary-disabled-border: rgba(27,31,36,.15);--color-btn-primary-focus-bg: #2da44e;--color-btn-primary-focus-border: rgba(27,31,36,.15);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,.4);--color-btn-primary-icon: rgba(255,255,255,.8);--color-btn-primary-counter-bg: rgba(255,255,255,.2);--color-btn-outline-text: #0969da;--color-btn-outline-hover-text: #ffffff;--color-btn-outline-hover-bg: #0969da;--color-btn-outline-hover-border: rgba(27,31,36,.15);--color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-outline-hover-counter-bg: rgba(255,255,255,.2);--color-btn-outline-selected-text: #ffffff;--color-btn-outline-selected-bg: hsla(212,92%,42%,1);--color-btn-outline-selected-border: rgba(27,31,36,.15);--color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,.2);--color-btn-outline-disabled-text: rgba(9,105,218,.5);--color-btn-outline-disabled-bg: #f6f8fa;--color-btn-outline-disabled-counter-bg: rgba(9,105,218,.05);--color-btn-outline-focus-border: rgba(27,31,36,.15);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,.4);--color-btn-outline-counter-bg: rgba(9,105,218,.1);--color-btn-danger-text: #cf222e;--color-btn-danger-hover-text: #ffffff;--color-btn-danger-hover-bg: #a40e26;--color-btn-danger-hover-border: rgba(27,31,36,.15);--color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: hsla(356,72%,44%,1);--color-btn-danger-selected-border: rgba(27,31,36,.15);--color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,.2);--color-btn-danger-disabled-text: rgba(207,34,46,.5);--color-btn-danger-disabled-bg: #f6f8fa;--color-btn-danger-disabled-counter-bg: rgba(207,34,46,.05);--color-btn-danger-focus-border: rgba(27,31,36,.15);--color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,.4);--color-btn-danger-counter-bg: rgba(207,34,46,.1);--color-btn-danger-icon: #cf222e;--color-btn-danger-hover-icon: #ffffff;--color-underlinenav-icon: #6e7781;--color-underlinenav-border-hover: rgba(175,184,193,.2);--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-fg-on-emphasis: #ffffff;--color-canvas-default: #ffffff;--color-canvas-overlay: #ffffff;--color-canvas-inset: #f6f8fa;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsla(210,18%,87%,1);--color-border-subtle: rgba(27,31,36,.15);--color-shadow-small: 0 1px 0 rgba(27,31,36,.04);--color-shadow-medium: 0 3px 6px rgba(140,149,159,.15);--color-shadow-large: 0 8px 24px rgba(140,149,159,.2);--color-shadow-extra-large: 0 12px 28px rgba(140,149,159,.3);--color-neutral-emphasis-plus: #24292f;--color-neutral-emphasis: #6e7781;--color-neutral-muted: rgba(175,184,193,.2);--color-neutral-subtle: rgba(234,238,242,.5);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-accent-muted: rgba(84,174,255,.4);--color-accent-subtle: #ddf4ff;--color-success-fg: #1a7f37;--color-success-emphasis: #2da44e;--color-success-muted: rgba(74,194,107,.4);--color-success-subtle: #dafbe1;--color-attention-fg: #9a6700;--color-attention-emphasis: #bf8700;--color-attention-muted: rgba(212,167,44,.4);--color-attention-subtle: #fff8c5;--color-severe-fg: #bc4c00;--color-severe-emphasis: #bc4c00;--color-severe-muted: rgba(251,143,68,.4);--color-severe-subtle: #fff1e5;--color-danger-fg: #cf222e;--color-danger-emphasis: #cf222e;--color-danger-muted: rgba(255,129,130,.4);--color-danger-subtle: #FFEBE9;--color-done-fg: #8250df;--color-done-emphasis: #8250df;--color-done-muted: rgba(194,151,255,.4);--color-done-subtle: #fbefff;--color-sponsors-fg: #bf3989;--color-sponsors-emphasis: #bf3989;--color-sponsors-muted: rgba(255,128,200,.4);--color-sponsors-subtle: #ffeff7;--color-primer-canvas-backdrop: rgba(27,31,36,.5);--color-primer-canvas-sticky: rgba(255,255,255,.95);--color-primer-border-active: #FD8C73;--color-primer-border-contrast: rgba(27,31,36,.1);--color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,.25);--color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,.2);--color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,.3);--color-scale-black: #1b1f24;--color-scale-white: #ffffff;--color-scale-gray-0: #f6f8fa;--color-scale-gray-1: #eaeef2;--color-scale-gray-2: #d0d7de;--color-scale-gray-3: #afb8c1;--color-scale-gray-4: #8c959f;--color-scale-gray-5: #6e7781;--color-scale-gray-6: #57606a;--color-scale-gray-7: #424a53;--color-scale-gray-8: #32383f;--color-scale-gray-9: #24292f;--color-scale-blue-0: #ddf4ff;--color-scale-blue-1: #b6e3ff;--color-scale-blue-2: #80ccff;--color-scale-blue-3: #54aeff;--color-scale-blue-4: #218bff;--color-scale-blue-5: #0969da;--color-scale-blue-6: #0550ae;--color-scale-blue-7: #033d8b;--color-scale-blue-8: #0a3069;--color-scale-blue-9: #002155;--color-scale-green-0: #dafbe1;--color-scale-green-1: #aceebb;--color-scale-green-2: #6fdd8b;--color-scale-green-3: #4ac26b;--color-scale-green-4: #2da44e;--color-scale-green-5: #1a7f37;--color-scale-green-6: #116329;--color-scale-green-7: #044f1e;--color-scale-green-8: #003d16;--color-scale-green-9: #002d11;--color-scale-yellow-0: #fff8c5;--color-scale-yellow-1: #fae17d;--color-scale-yellow-2: #eac54f;--color-scale-yellow-3: #d4a72c;--color-scale-yellow-4: #bf8700;--color-scale-yellow-5: #9a6700;--color-scale-yellow-6: #7d4e00;--color-scale-yellow-7: #633c01;--color-scale-yellow-8: #4d2d00;--color-scale-yellow-9: #3b2300;--color-scale-orange-0: #fff1e5;--color-scale-orange-1: #ffd8b5;--color-scale-orange-2: #ffb77c;--color-scale-orange-3: #fb8f44;--color-scale-orange-4: #e16f24;--color-scale-orange-5: #bc4c00;--color-scale-orange-6: #953800;--color-scale-orange-7: #762c00;--color-scale-orange-8: #5c2200;--color-scale-orange-9: #471700;--color-scale-red-0: #FFEBE9;--color-scale-red-1: #ffcecb;--color-scale-red-2: #ffaba8;--color-scale-red-3: #ff8182;--color-scale-red-4: #fa4549;--color-scale-red-5: #cf222e;--color-scale-red-6: #a40e26;--color-scale-red-7: #82071e;--color-scale-red-8: #660018;--color-scale-red-9: #4c0014;--color-scale-purple-0: #fbefff;--color-scale-purple-1: #ecd8ff;--color-scale-purple-2: #d8b9ff;--color-scale-purple-3: #c297ff;--color-scale-purple-4: #a475f9;--color-scale-purple-5: #8250df;--color-scale-purple-6: #6639ba;--color-scale-purple-7: #512a97;--color-scale-purple-8: #3e1f79;--color-scale-purple-9: #2e1461;--color-scale-pink-0: #ffeff7;--color-scale-pink-1: #ffd3eb;--color-scale-pink-2: #ffadda;--color-scale-pink-3: #ff80c8;--color-scale-pink-4: #e85aad;--color-scale-pink-5: #bf3989;--color-scale-pink-6: #99286e;--color-scale-pink-7: #772057;--color-scale-pink-8: #611347;--color-scale-pink-9: #4d0336;--color-scale-coral-0: #FFF0EB;--color-scale-coral-1: #FFD6CC;--color-scale-coral-2: #FFB4A1;--color-scale-coral-3: #FD8C73;--color-scale-coral-4: #EC6547;--color-scale-coral-5: #C4432B;--color-scale-coral-6: #9E2F1C;--color-scale-coral-7: #801F0F;--color-scale-coral-8: #691105;--color-scale-coral-9: #510901 }:root.dark-mode{color-scheme:dark;--color-canvas-default-transparent: rgba(13,17,23,0);--color-marketing-icon-primary: #79c0ff;--color-marketing-icon-secondary: #1f6feb;--color-diff-blob-addition-num-text: #c9d1d9;--color-diff-blob-addition-fg: #c9d1d9;--color-diff-blob-addition-num-bg: rgba(63,185,80,.3);--color-diff-blob-addition-line-bg: rgba(46,160,67,.15);--color-diff-blob-addition-word-bg: rgba(46,160,67,.4);--color-diff-blob-deletion-num-text: #c9d1d9;--color-diff-blob-deletion-fg: #c9d1d9;--color-diff-blob-deletion-num-bg: rgba(248,81,73,.3);--color-diff-blob-deletion-line-bg: rgba(248,81,73,.15);--color-diff-blob-deletion-word-bg: rgba(248,81,73,.4);--color-diff-blob-hunk-num-bg: rgba(56,139,253,.4);--color-diff-blob-expander-icon: #8b949e;--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;--color-diffstat-deletion-border: rgba(240,246,252,.1);--color-diffstat-addition-border: rgba(240,246,252,.1);--color-diffstat-addition-bg: #3fb950;--color-search-keyword-hl: rgba(210,153,34,.4);--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-codemirror-text: #c9d1d9;--color-codemirror-bg: #0d1117;--color-codemirror-gutters-bg: #0d1117;--color-codemirror-guttermarker-text: #0d1117;--color-codemirror-guttermarker-subtle-text: #484f58;--color-codemirror-linenumber-text: #8b949e;--color-codemirror-cursor: #c9d1d9;--color-codemirror-selection-bg: rgba(56,139,253,.4);--color-codemirror-activeline-bg: rgba(110,118,129,.1);--color-codemirror-matchingbracket-text: #c9d1d9;--color-codemirror-lines-bg: #0d1117;--color-codemirror-syntax-comment: #8b949e;--color-codemirror-syntax-constant: #79c0ff;--color-codemirror-syntax-entity: #d2a8ff;--color-codemirror-syntax-keyword: #ff7b72;--color-codemirror-syntax-storage: #ff7b72;--color-codemirror-syntax-string: #a5d6ff;--color-codemirror-syntax-support: #79c0ff;--color-codemirror-syntax-variable: #ffa657;--color-checks-bg: #010409;--color-checks-run-border-width: 1px;--color-checks-container-border-width: 1px;--color-checks-text-primary: #c9d1d9;--color-checks-text-secondary: #8b949e;--color-checks-text-link: #58a6ff;--color-checks-btn-icon: #8b949e;--color-checks-btn-hover-icon: #c9d1d9;--color-checks-btn-hover-bg: rgba(110,118,129,.1);--color-checks-input-text: #8b949e;--color-checks-input-placeholder-text: #484f58;--color-checks-input-focus-text: #c9d1d9;--color-checks-input-bg: #161b22;--color-checks-input-shadow: none;--color-checks-donut-error: #f85149;--color-checks-donut-pending: #d29922;--color-checks-donut-success: #2ea043;--color-checks-donut-neutral: #8b949e;--color-checks-dropdown-text: #c9d1d9;--color-checks-dropdown-bg: #161b22;--color-checks-dropdown-border: #30363d;--color-checks-dropdown-shadow: rgba(1,4,9,.3);--color-checks-dropdown-hover-text: #c9d1d9;--color-checks-dropdown-hover-bg: rgba(110,118,129,.1);--color-checks-dropdown-btn-hover-text: #c9d1d9;--color-checks-dropdown-btn-hover-bg: rgba(110,118,129,.1);--color-checks-scrollbar-thumb-bg: rgba(110,118,129,.4);--color-checks-header-label-text: #8b949e;--color-checks-header-label-open-text: #c9d1d9;--color-checks-header-border: #21262d;--color-checks-header-icon: #8b949e;--color-checks-line-text: #8b949e;--color-checks-line-num-text: #484f58;--color-checks-line-timestamp-text: #484f58;--color-checks-line-hover-bg: rgba(110,118,129,.1);--color-checks-line-selected-bg: rgba(56,139,253,.15);--color-checks-line-selected-num-text: #58a6ff;--color-checks-line-dt-fm-text: #f0f6fc;--color-checks-line-dt-fm-bg: #9e6a03;--color-checks-gate-bg: rgba(187,128,9,.15);--color-checks-gate-text: #8b949e;--color-checks-gate-waiting-text: #d29922;--color-checks-step-header-open-bg: #161b22;--color-checks-step-error-text: #f85149;--color-checks-step-warning-text: #d29922;--color-checks-logline-text: #8b949e;--color-checks-logline-num-text: #484f58;--color-checks-logline-debug-text: #a371f7;--color-checks-logline-error-text: #8b949e;--color-checks-logline-error-num-text: #484f58;--color-checks-logline-error-bg: rgba(248,81,73,.15);--color-checks-logline-warning-text: #8b949e;--color-checks-logline-warning-num-text: #d29922;--color-checks-logline-warning-bg: rgba(187,128,9,.15);--color-checks-logline-command-text: #58a6ff;--color-checks-logline-section-text: #3fb950;--color-checks-ansi-black: #0d1117;--color-checks-ansi-black-bright: #161b22;--color-checks-ansi-white: #b1bac4;--color-checks-ansi-white-bright: #b1bac4;--color-checks-ansi-gray: #6e7681;--color-checks-ansi-red: #ff7b72;--color-checks-ansi-red-bright: #ffa198;--color-checks-ansi-green: #3fb950;--color-checks-ansi-green-bright: #56d364;--color-checks-ansi-yellow: #d29922;--color-checks-ansi-yellow-bright: #e3b341;--color-checks-ansi-blue: #58a6ff;--color-checks-ansi-blue-bright: #79c0ff;--color-checks-ansi-magenta: #bc8cff;--color-checks-ansi-magenta-bright: #d2a8ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #0d1117;--color-project-sidebar-bg: #161b22;--color-project-gradient-in: #161b22;--color-project-gradient-out: rgba(22,27,34,0);--color-mktg-success: rgba(41,147,61,1);--color-mktg-info: rgba(42,123,243,1);--color-mktg-bg-shade-gradient-top: rgba(1,4,9,.065);--color-mktg-bg-shade-gradient-bottom: rgba(1,4,9,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #f0f6fc;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #f0f6fc;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #f0f6fc;--color-mktg-btn-outline-text: #f0f6fc;--color-mktg-btn-outline-border: rgba(240,246,252,.3);--color-mktg-btn-outline-hover-text: #f0f6fc;--color-mktg-btn-outline-hover-border: rgba(240,246,252,.5);--color-mktg-btn-outline-focus-border: #f0f6fc;--color-mktg-btn-outline-focus-border-inset: rgba(240,246,252,.5);--color-mktg-btn-dark-text: #f0f6fc;--color-mktg-btn-dark-border: rgba(240,246,252,.3);--color-mktg-btn-dark-hover-text: #f0f6fc;--color-mktg-btn-dark-hover-border: rgba(240,246,252,.5);--color-mktg-btn-dark-focus-border: #f0f6fc;--color-mktg-btn-dark-focus-border-inset: rgba(240,246,252,.5);--color-avatar-bg: rgba(240,246,252,.1);--color-avatar-border: rgba(240,246,252,.1);--color-avatar-stack-fade: #30363d;--color-avatar-stack-fade-more: #21262d;--color-avatar-child-shadow: -2px -2px 0 #0d1117;--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: #484f58;--color-select-menu-tap-highlight: rgba(48,54,61,.5);--color-select-menu-tap-focus-bg: #0c2d6b;--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,.85);--color-header-text: rgba(240,246,252,.7);--color-header-bg: #161b22;--color-header-logo: #f0f6fc;--color-header-search-bg: #0d1117;--color-header-search-border: #30363d;--color-sidenav-selected-bg: #21262d;--color-menu-bg-active: #161b22;--color-control-transparent-bg-hover: #656c7633;--color-input-disabled-bg: rgba(110,118,129,0);--color-timeline-badge-bg: #21262d;--color-ansi-black: #484f58;--color-ansi-black-bright: #6e7681;--color-ansi-white: #b1bac4;--color-ansi-white-bright: #f0f6fc;--color-ansi-gray: #6e7681;--color-ansi-red: #ff7b72;--color-ansi-red-bright: #ffa198;--color-ansi-green: #3fb950;--color-ansi-green-bright: #56d364;--color-ansi-yellow: #d29922;--color-ansi-yellow-bright: #e3b341;--color-ansi-blue: #58a6ff;--color-ansi-blue-bright: #79c0ff;--color-ansi-magenta: #bc8cff;--color-ansi-magenta-bright: #d2a8ff;--color-ansi-cyan: #39c5cf;--color-ansi-cyan-bright: #56d4dd;--color-btn-text: #c9d1d9;--color-btn-bg: #21262d;--color-btn-border: rgba(240,246,252,.1);--color-btn-shadow: 0 0 transparent;--color-btn-inset-shadow: 0 0 transparent;--color-btn-hover-bg: #30363d;--color-btn-hover-border: #8b949e;--color-btn-active-bg: hsla(212,12%,18%,1);--color-btn-active-border: #6e7681;--color-btn-selected-bg: #161b22;--color-btn-focus-bg: #21262d;--color-btn-focus-border: #8b949e;--color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(1,4,9,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(31,111,235,.3);--color-btn-counter-bg: #30363d;--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #238636;--color-btn-primary-border: rgba(240,246,252,.1);--color-btn-primary-shadow: 0 0 transparent;--color-btn-primary-inset-shadow: 0 0 transparent;--color-btn-primary-hover-bg: #2ea043;--color-btn-primary-hover-border: rgba(240,246,252,.1);--color-btn-primary-selected-bg: #238636;--color-btn-primary-selected-shadow: 0 0 transparent;--color-btn-primary-disabled-text: rgba(240,246,252,.5);--color-btn-primary-disabled-bg: rgba(35,134,54,.6);--color-btn-primary-disabled-border: rgba(240,246,252,.1);--color-btn-primary-focus-bg: #238636;--color-btn-primary-focus-border: rgba(240,246,252,.1);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,.4);--color-btn-primary-icon: #f0f6fc;--color-btn-primary-counter-bg: rgba(240,246,252,.2);--color-btn-outline-text: #58a6ff;--color-btn-outline-hover-text: #58a6ff;--color-btn-outline-hover-bg: #30363d;--color-btn-outline-hover-border: rgba(240,246,252,.1);--color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240,246,252,.03);--color-btn-outline-hover-counter-bg: rgba(240,246,252,.2);--color-btn-outline-selected-text: #f0f6fc;--color-btn-outline-selected-bg: #0d419d;--color-btn-outline-selected-border: rgba(240,246,252,.1);--color-btn-outline-selected-shadow: 0 0 transparent;--color-btn-outline-disabled-text: rgba(88,166,255,.5);--color-btn-outline-disabled-bg: #0d1117;--color-btn-outline-disabled-counter-bg: rgba(31,111,235,.05);--color-btn-outline-focus-border: rgba(240,246,252,.1);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,.4);--color-btn-outline-counter-bg: rgba(31,111,235,.1);--color-btn-danger-text: #f85149;--color-btn-danger-hover-text: #f0f6fc;--color-btn-danger-hover-bg: #da3633;--color-btn-danger-hover-border: #f85149;--color-btn-danger-hover-shadow: 0 0 transparent;--color-btn-danger-hover-inset-shadow: 0 0 transparent;--color-btn-danger-hover-icon: #f0f6fc;--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: #b62324;--color-btn-danger-selected-border: #ff7b72;--color-btn-danger-selected-shadow: 0 0 transparent;--color-btn-danger-disabled-text: rgba(248,81,73,.5);--color-btn-danger-disabled-bg: #0d1117;--color-btn-danger-disabled-counter-bg: rgba(218,54,51,.05);--color-btn-danger-focus-border: #f85149;--color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,.4);--color-btn-danger-counter-bg: rgba(218,54,51,.1);--color-btn-danger-icon: #f85149;--color-underlinenav-icon: #484f58;--color-underlinenav-border-hover: rgba(110,118,129,.4);--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-fg-on-emphasis: #f0f6fc;--color-canvas-default: #0d1117;--color-canvas-overlay: #161b22;--color-canvas-inset: #010409;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-border-subtle: rgba(240,246,252,.1);--color-shadow-small: 0 0 transparent;--color-shadow-medium: 0 3px 6px #010409;--color-shadow-large: 0 8px 24px #010409;--color-shadow-extra-large: 0 12px 48px #010409;--color-neutral-emphasis-plus: #6e7681;--color-neutral-emphasis: #6e7681;--color-neutral-muted: rgba(110,118,129,.4);--color-neutral-subtle: rgba(110,118,129,.1);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-accent-muted: rgba(56,139,253,.4);--color-accent-subtle: rgba(56,139,253,.15);--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-success-muted: rgba(46,160,67,.4);--color-success-subtle: rgba(46,160,67,.15);--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-attention-muted: rgba(187,128,9,.4);--color-attention-subtle: rgba(187,128,9,.15);--color-severe-fg: #db6d28;--color-severe-emphasis: #bd561d;--color-severe-muted: rgba(219,109,40,.4);--color-severe-subtle: rgba(219,109,40,.15);--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-danger-muted: rgba(248,81,73,.4);--color-danger-subtle: rgba(248,81,73,.15);--color-done-fg: #a371f7;--color-done-emphasis: #8957e5;--color-done-muted: rgba(163,113,247,.4);--color-done-subtle: rgba(163,113,247,.15);--color-sponsors-fg: #db61a2;--color-sponsors-emphasis: #bf4b8a;--color-sponsors-muted: rgba(219,97,162,.4);--color-sponsors-subtle: rgba(219,97,162,.15);--color-primer-canvas-backdrop: rgba(1,4,9,.8);--color-primer-canvas-sticky: rgba(13,17,23,.95);--color-primer-border-active: #F78166;--color-primer-border-contrast: rgba(240,246,252,.2);--color-primer-shadow-highlight: 0 0 transparent;--color-primer-shadow-inset: 0 0 transparent;--color-primer-shadow-focus: 0 0 0 3px #0c2d6b;--color-scale-black: #010409;--color-scale-white: #f0f6fc;--color-scale-gray-0: #f0f6fc;--color-scale-gray-1: #c9d1d9;--color-scale-gray-2: #b1bac4;--color-scale-gray-3: #8b949e;--color-scale-gray-4: #6e7681;--color-scale-gray-5: #484f58;--color-scale-gray-6: #30363d;--color-scale-gray-7: #21262d;--color-scale-gray-8: #161b22;--color-scale-gray-9: #0d1117;--color-scale-blue-0: #cae8ff;--color-scale-blue-1: #a5d6ff;--color-scale-blue-2: #79c0ff;--color-scale-blue-3: #58a6ff;--color-scale-blue-4: #388bfd;--color-scale-blue-5: #1f6feb;--color-scale-blue-6: #1158c7;--color-scale-blue-7: #0d419d;--color-scale-blue-8: #0c2d6b;--color-scale-blue-9: #051d4d;--color-scale-green-0: #aff5b4;--color-scale-green-1: #7ee787;--color-scale-green-2: #56d364;--color-scale-green-3: #3fb950;--color-scale-green-4: #2ea043;--color-scale-green-5: #238636;--color-scale-green-6: #196c2e;--color-scale-green-7: #0f5323;--color-scale-green-8: #033a16;--color-scale-green-9: #04260f;--color-scale-yellow-0: #f8e3a1;--color-scale-yellow-1: #f2cc60;--color-scale-yellow-2: #e3b341;--color-scale-yellow-3: #d29922;--color-scale-yellow-4: #bb8009;--color-scale-yellow-5: #9e6a03;--color-scale-yellow-6: #845306;--color-scale-yellow-7: #693e00;--color-scale-yellow-8: #4b2900;--color-scale-yellow-9: #341a00;--color-scale-orange-0: #ffdfb6;--color-scale-orange-1: #ffc680;--color-scale-orange-2: #ffa657;--color-scale-orange-3: #f0883e;--color-scale-orange-4: #db6d28;--color-scale-orange-5: #bd561d;--color-scale-orange-6: #9b4215;--color-scale-orange-7: #762d0a;--color-scale-orange-8: #5a1e02;--color-scale-orange-9: #3d1300;--color-scale-red-0: #ffdcd7;--color-scale-red-1: #ffc1ba;--color-scale-red-2: #ffa198;--color-scale-red-3: #ff7b72;--color-scale-red-4: #f85149;--color-scale-red-5: #da3633;--color-scale-red-6: #b62324;--color-scale-red-7: #8e1519;--color-scale-red-8: #67060c;--color-scale-red-9: #490202;--color-scale-purple-0: #eddeff;--color-scale-purple-1: #e2c5ff;--color-scale-purple-2: #d2a8ff;--color-scale-purple-3: #bc8cff;--color-scale-purple-4: #a371f7;--color-scale-purple-5: #8957e5;--color-scale-purple-6: #6e40c9;--color-scale-purple-7: #553098;--color-scale-purple-8: #3c1e70;--color-scale-purple-9: #271052;--color-scale-pink-0: #ffdaec;--color-scale-pink-1: #ffbedd;--color-scale-pink-2: #ff9bce;--color-scale-pink-3: #f778ba;--color-scale-pink-4: #db61a2;--color-scale-pink-5: #bf4b8a;--color-scale-pink-6: #9e3670;--color-scale-pink-7: #7d2457;--color-scale-pink-8: #5e103e;--color-scale-pink-9: #42062a;--color-scale-coral-0: #FFDDD2;--color-scale-coral-1: #FFC2B2;--color-scale-coral-2: #FFA28B;--color-scale-coral-3: #F78166;--color-scale-coral-4: #EA6045;--color-scale-coral-5: #CF462D;--color-scale-coral-6: #AC3220;--color-scale-coral-7: #872012;--color-scale-coral-8: #640D04;--color-scale-coral-9: #460701 }:root{--box-shadow: rgba(0, 0, 0, .133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, .11) 0px .3px .9px 0px;--box-shadow-thick: rgb(0 0 0 / 10%) 0px 1.8px 1.9px, rgb(0 0 0 / 15%) 0px 6.1px 6.3px, rgb(0 0 0 / 10%) 0px -2px 4px, rgb(0 0 0 / 15%) 0px -6.1px 12px, rgb(0 0 0 / 25%) 0px 6px 12px}*{box-sizing:border-box;min-width:0;min-height:0}svg{fill:currentColor}.vbox{display:flex;flex-direction:column;flex:auto;position:relative}.hbox{display:flex;flex:auto;position:relative}.hidden{visibility:hidden}.d-flex{display:flex!important}.d-inline{display:inline!important}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:16px}.m-4{margin:24px}.m-5{margin:32px}.mx-1{margin:0 4px}.mx-2{margin:0 8px}.mx-3{margin:0 16px}.mx-4{margin:0 24px}.mx-5{margin:0 32px}.my-1{margin:4px 0}.my-2{margin:8px 0}.my-3{margin:16px 0}.my-4{margin:24px 0}.my-5{margin:32px 0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:16px}.mr-4{margin-right:24px}.mr-5{margin-right:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:16px}.ml-4{margin-left:24px}.ml-5{margin-left:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:32px}.px-1{padding:0 4px}.px-2{padding:0 8px}.px-3{padding:0 16px}.px-4{padding:0 24px}.px-5{padding:0 32px}.py-1{padding:4px 0}.py-2{padding:8px 0}.py-3{padding:16px 0}.py-4{padding:24px 0}.py-5{padding:32px 0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:16px}.pt-4{padding-top:24px}.pt-5{padding-top:32px}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:16px}.pr-4{padding-right:24px}.pr-5{padding-right:32px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:16px}.pb-4{padding-bottom:24px}.pb-5{padding-bottom:32px}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:16px}.pl-4{padding-left:24px}.pl-5{padding-left:32px}.no-wrap{white-space:nowrap!important}.float-left{float:left!important}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}.form-control,.form-select{padding:5px 12px;font-size:14px;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--color-border-default);border-radius:6px;outline:none;box-shadow:var(--color-primer-shadow-inset)}.input-contrast{background-color:var(--color-canvas-inset)}.subnav-search{position:relative;flex:auto;display:flex}.subnav-search-input{flex:auto;padding-left:32px;color:var(--color-fg-muted)}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:var(--color-fg-muted);text-align:center;pointer-events:none}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-item{flex:none;position:relative;float:left;padding:5px 8px;font-weight:500;line-height:20px;color:var(--color-fg-default);border:1px solid var(--color-border-default);-webkit-user-select:none;user-select:none}.subnav-item:hover{background-color:var(--color-canvas-subtle)}.subnav-item[aria-selected=true]{background:var(--color-control-transparent-bg-hover)}.subnav-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.subnav-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item .octicon,.subnav-item-label{margin-right:8px}.counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.color-icon-success{color:var(--color-success-fg)!important}.color-text-danger{color:var(--color-danger-fg)!important}.color-text-warning{color:var(--color-checks-step-warning-text)!important}.color-fg-muted{color:var(--color-fg-muted)!important}.octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor;margin-right:7px;flex:none}.button{flex:none;height:24px;border:1px solid var(--color-btn-border);outline:none;color:var(--color-btn-text);background:var(--color-btn-bg);padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.button:not(:disabled):hover{border-color:var(--color-btn-hover-border);background-color:var(--color-btn-hover-bg)}input[type=checkbox]{outline:var(--color-focus-border);height:24px}dialog{background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:6px;padding:6px}.subnav-item .octicon.octicon-settings{margin-right:0}.subnav-item .octicon.octicon-clock{margin-right:0;color:var(--color-fg-default)!important}@media only screen and (max-width: 600px){.subnav-item,.form-control{border-radius:0!important}.subnav-item{border:none}.subnav-search-input{border-left:0;border-right:0}}.header-view-status-container{float:right}.header-view{padding:12px 8px 0}.header-view div{flex-shrink:0;flex-wrap:wrap}.header-superheader{color:var(--color-fg-muted)}.header-title{flex:none;font-weight:400;font-size:32px;line-height:1.25}@media only screen and (max-width: 600px){.header-view{padding:0}.header-view div{flex-shrink:1}.header-view-status-container{float:none;margin:0 0 10px!important;overflow:hidden}.header-view-status-container .subnav-search-input{border-left:none;border-right:none}.header-title,.header-superheader{margin:0 8px}}.copy-icon{flex:none;height:24px;width:24px;border:none;outline:none;color:var(--color-fg-muted);background:transparent;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.copy-icon svg{margin:0}.copy-icon:not(:disabled):hover{background-color:var(--color-border-default)}.copy-button-container{visibility:hidden;display:inline-flex;margin-left:8px;vertical-align:bottom}.copy-value-container:hover .copy-button-container{visibility:visible}.attachment-body{white-space:pre-wrap;background-color:var(--color-canvas-subtle);margin-left:24px;line-height:normal;padding:8px;font-family:monospace;position:relative}.attachment-body .copy-icon{position:absolute;right:5px;top:5px}.link-badge{flex:none;background-color:transparent;border-color:transparent;-webkit-user-select:none;user-select:none}.link-badge-dim span{color:var(--color-fg-muted)}.link-badge:hover{cursor:pointer}.link-badge svg{fill:var(--color-fg-default)}.link-badge-dim svg{fill:var(--color-fg-muted)}.link-badge-dim:hover svg{fill:var(--color-fg-muted)}.fullwidth-link{width:100%;text-align:left}.fullwidth-link:hover{background-color:var(--color-canvas-subtle)}.trace-link{margin-right:3px}.trace-link-separator{color:var(--color-fg-muted);-webkit-user-select:none;user-select:none}.expandable-summary{cursor:pointer;list-style:none;white-space:nowrap;padding-left:4px}.label{display:inline-block;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:var(--color-scale-gray-4);color:#fff;margin:0 10px;flex:none;font-weight:600;cursor:pointer}.label-anchor{text-decoration:none;color:var(--color-fg-default)}:root.light-mode .label-color-0{background-color:var(--color-scale-blue-0);color:var(--color-scale-blue-6);border:1px solid var(--color-scale-blue-4)}:root.light-mode .label-color-1{background-color:var(--color-scale-yellow-0);color:var(--color-scale-yellow-6);border:1px solid var(--color-scale-yellow-4)}:root.light-mode .label-color-2{background-color:var(--color-scale-purple-0);color:var(--color-scale-purple-6);border:1px solid var(--color-scale-purple-4)}:root.light-mode .label-color-3{background-color:var(--color-scale-pink-0);color:var(--color-scale-pink-6);border:1px solid var(--color-scale-pink-4)}:root.light-mode .label-color-4{background-color:var(--color-scale-coral-0);color:var(--color-scale-coral-6);border:1px solid var(--color-scale-coral-4)}:root.light-mode .label-color-5{background-color:var(--color-scale-orange-0);color:var(--color-scale-orange-6);border:1px solid var(--color-scale-orange-4)}:root.dark-mode .label-color-0{background-color:var(--color-scale-blue-9);color:var(--color-scale-blue-2);border:1px solid var(--color-scale-blue-4)}:root.dark-mode .label-color-1{background-color:var(--color-scale-yellow-9);color:var(--color-scale-yellow-2);border:1px solid var(--color-scale-yellow-4)}:root.dark-mode .label-color-2{background-color:var(--color-scale-purple-9);color:var(--color-scale-purple-2);border:1px solid var(--color-scale-purple-4)}:root.dark-mode .label-color-3{background-color:var(--color-scale-pink-9);color:var(--color-scale-pink-2);border:1px solid var(--color-scale-pink-4)}:root.dark-mode .label-color-4{background-color:var(--color-scale-coral-9);color:var(--color-scale-coral-2);border:1px solid var(--color-scale-coral-4)}:root.dark-mode .label-color-5{background-color:var(--color-scale-orange-9);color:var(--color-scale-orange-2);border:1px solid var(--color-scale-orange-4)}.label-row .label{margin:0}.label-row .label:not(:first-child){margin-left:6px}html,body{width:100%;height:100%;padding:0;margin:0;overscroll-behavior-x:none}body{overflow:auto;max-width:1024px;margin:0 auto;width:100%}.test-file-test:not(:first-child){border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.htmlreport{padding:0!important}}.tabbed-pane{display:flex;flex:auto;overflow:hidden}.tabbed-pane-tab-strip{display:flex;align-items:center;padding-right:10px;flex:none;width:100%;z-index:2;font-size:14px;line-height:32px;color:var(--color-fg-default);height:48px;min-width:70px;box-shadow:inset 0 -1px 0 var(--color-border-muted)!important}.tabbed-pane-tab-strip:focus{outline:none}.tabbed-pane-tab-element{padding:4px 8px 0;margin-right:4px;cursor:pointer;display:flex;flex:none;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;outline:none;height:100%}.tabbed-pane-tab-label{max-width:250px;white-space:pre;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:30px;padding:0 8px;border-radius:6px}.tabbed-pane-tab-label:hover{background-color:var(--color-control-transparent-bg-hover)}.tabbed-pane-tab-element.selected{border-bottom-color:#666;-webkit-text-stroke:.5px currentColor}.chip-header{border:1px solid var(--color-border-default);border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--color-canvas-subtle);padding:0 8px;border-bottom:none;margin-top:12px;font-weight:600;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.chip-header-allow-selection{-webkit-user-select:text;user-select:text}.chip-header.expanded-false{border:1px solid var(--color-border-default);border-radius:6px}.chip-header.expanded-false,.chip-header.expanded-true{cursor:pointer}.chip-body{border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding:16px;margin-bottom:12px;overflow:hidden}.chip-body-no-insets{padding:0}.chip-footer{border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.chip-header{border-radius:0;border-right:none;border-left:none}.chip-body{border-radius:0;border-right:none;border-left:none;padding:8px}.chip-body-no-insets{padding:0}}.test-case-column{border-radius:6px;margin-bottom:24px}.test-case-column .tab-element.selected{font-weight:600;border-bottom-color:var(--color-primer-border-active)}.test-case-column .tab-element{border:none;color:var(--color-fg-default);border-bottom:2px solid transparent}.test-case-column .tab-element:hover{color:var(--color-fg-default)}.test-case-location,.test-case-duration{flex:none;align-items:center;padding:0 8px 8px}.selected .test-case-run-duration{-webkit-text-stroke:0}.test-case-run-duration{color:var(--color-fg-muted);padding-left:8px}.header-view .test-case-path{flex:none;flex-shrink:1;align-items:center;padding-right:8px}.test-case-annotation{flex:none;align-items:center;padding:0 8px;line-height:24px;white-space:pre-wrap}@media only screen and (max-width: 600px){.test-case-column{border-radius:0!important;margin:0!important}}.tree-item{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:38px}.tree-item-title{cursor:pointer}.tree-item-body{min-height:18px}.yellow-flash{animation:yellowflash-bg 2s}@keyframes yellowflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}:root{--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #616161;--vscode-disabledForeground: rgba(97, 97, 97, .5);--vscode-errorForeground: #a1260d;--vscode-descriptionForeground: #717171;--vscode-icon-foreground: #424242;--vscode-focusBorder: #0090f1;--vscode-textSeparator-foreground: rgba(0, 0, 0, .18);--vscode-textLink-foreground: #006ab1;--vscode-textLink-activeForeground: #006ab1;--vscode-textPreformat-foreground: #a31515;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(220, 220, 220, .4);--vscode-widget-shadow: rgba(0, 0, 0, .16);--vscode-input-background: #ffffff;--vscode-input-foreground: #616161;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(184, 184, 184, .31);--vscode-inputOption-activeBackground: rgba(0, 144, 241, .2);--vscode-inputOption-activeForeground: #000000;--vscode-input-placeholderForeground: #767676;--vscode-inputValidation-infoBackground: #d6ecf2;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #f6f5d2;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #f2dede;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #ffffff;--vscode-dropdown-border: #cecece;--vscode-checkbox-background: #ffffff;--vscode-checkbox-border: #cecece;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #007acc;--vscode-button-hoverBackground: #0062a3;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #5f6a79;--vscode-button-secondaryHoverBackground: #4c5561;--vscode-badge-background: #c4c4c4;--vscode-badge-foreground: #333333;--vscode-scrollbar-shadow: #dddddd;--vscode-scrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #e51400;--vscode-editorWarning-foreground: #bf8803;--vscode-editorInfo-foreground: #1a85ff;--vscode-editorHint-foreground: #6c6c6c;--vscode-sash-hoverBorder: #0090f1;--vscode-editor-background: #ffffff;--vscode-editor-foreground: #000000;--vscode-editorStickyScroll-background: #ffffff;--vscode-editorStickyScrollHover-background: #f0f0f0;--vscode-editorWidget-background: #f3f3f3;--vscode-editorWidget-foreground: #616161;--vscode-editorWidget-border: #c8c8c8;--vscode-quickInput-background: #f3f3f3;--vscode-quickInput-foreground: #616161;--vscode-quickInputTitle-background: rgba(0, 0, 0, .06);--vscode-pickerGroup-foreground: #0066bf;--vscode-pickerGroup-border: #cccedb;--vscode-keybindingLabel-background: rgba(221, 221, 221, .4);--vscode-keybindingLabel-foreground: #555555;--vscode-keybindingLabel-border: rgba(204, 204, 204, .4);--vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, .4);--vscode-editor-selectionBackground: #add6ff;--vscode-editor-inactiveSelectionBackground: #e5ebf1;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .5);--vscode-editor-findMatchBackground: #a8ac94;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, .3);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, .15);--vscode-editorHoverWidget-background: #f3f3f3;--vscode-editorHoverWidget-foreground: #616161;--vscode-editorHoverWidget-border: #c8c8c8;--vscode-editorHoverWidget-statusBarBackground: #e7e7e7;--vscode-editorLink-activeForeground: #0000ff;--vscode-editorInlayHint-foreground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-background: rgba(196, 196, 196, .3);--vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, .3);--vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, .3);--vscode-editorLightBulb-foreground: #ddb100;--vscode-editorLightBulbAutoFix-foreground: #007acc;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .4);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .3);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(34, 34, 34, .2);--vscode-list-focusOutline: #0090f1;--vscode-list-focusAndSelectionOutline: #90c2f9;--vscode-list-activeSelectionBackground: #0060c0;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #e4e6f1;--vscode-list-hoverBackground: #e8e8e8;--vscode-list-dropBackground: #d6ebff;--vscode-list-highlightForeground: #0066bf;--vscode-list-focusHighlightForeground: #bbe7ff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #b01011;--vscode-list-warningForeground: #855f00;--vscode-listFilterWidget-background: #f3f3f3;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .16);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #a9a9a9;--vscode-tree-tableColumnsBorder: rgba(97, 97, 97, .13);--vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, .04);--vscode-list-deemphasizedForeground: #8e8e90;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #0060c0;--vscode-menu-foreground: #616161;--vscode-menu-background: #ffffff;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #0060c0;--vscode-menu-separatorBackground: #d4d4d4;--vscode-toolbar-hoverBackground: rgba(184, 184, 184, .31);--vscode-toolbar-activeBackground: rgba(166, 166, 166, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, .2);--vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, .5);--vscode-breadcrumb-foreground: rgba(97, 97, 97, .8);--vscode-breadcrumb-background: #ffffff;--vscode-breadcrumb-focusForeground: #4e4e4e;--vscode-breadcrumb-activeSelectionForeground: #4e4e4e;--vscode-breadcrumbPicker-background: #f3f3f3;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #c9c9c9;--vscode-minimap-selectionHighlight: #add6ff;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #bf8803;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(100, 100, 100, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(0, 0, 0, .3);--vscode-problemsErrorIcon-foreground: #e51400;--vscode-problemsWarningIcon-foreground: #bf8803;--vscode-problemsInfoIcon-foreground: #1a85ff;--vscode-charts-foreground: #616161;--vscode-charts-lines: rgba(97, 97, 97, .5);--vscode-charts-red: #e51400;--vscode-charts-blue: #1a85ff;--vscode-charts-yellow: #bf8803;--vscode-charts-orange: #d18616;--vscode-charts-green: #388a34;--vscode-charts-purple: #652d90;--vscode-editor-lineHighlightBorder: #eeeeee;--vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, .2);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #000000;--vscode-editorWhitespace-foreground: rgba(51, 51, 51, .2);--vscode-editorIndentGuide-background: #d3d3d3;--vscode-editorIndentGuide-activeBackground: #939393;--vscode-editorLineNumber-foreground: #237893;--vscode-editorActiveLineNumber-foreground: #0b216f;--vscode-editorLineNumber-activeForeground: #0b216f;--vscode-editorRuler-foreground: #d3d3d3;--vscode-editorCodeLens-foreground: #919191;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #b9b9b9;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #ffffff;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .47);--vscode-editorGhostText-foreground: rgba(0, 0, 0, .47);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #bf8803;--vscode-editorOverviewRuler-infoForeground: #1a85ff;--vscode-editorBracketHighlight-foreground1: #0431fa;--vscode-editorBracketHighlight-foreground2: #319331;--vscode-editorBracketHighlight-foreground3: #7b3814;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #cea33d;--vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, .08);--vscode-symbolIcon-arrayForeground: #616161;--vscode-symbolIcon-booleanForeground: #616161;--vscode-symbolIcon-classForeground: #d67e00;--vscode-symbolIcon-colorForeground: #616161;--vscode-symbolIcon-constantForeground: #616161;--vscode-symbolIcon-constructorForeground: #652d90;--vscode-symbolIcon-enumeratorForeground: #d67e00;--vscode-symbolIcon-enumeratorMemberForeground: #007acc;--vscode-symbolIcon-eventForeground: #d67e00;--vscode-symbolIcon-fieldForeground: #007acc;--vscode-symbolIcon-fileForeground: #616161;--vscode-symbolIcon-folderForeground: #616161;--vscode-symbolIcon-functionForeground: #652d90;--vscode-symbolIcon-interfaceForeground: #007acc;--vscode-symbolIcon-keyForeground: #616161;--vscode-symbolIcon-keywordForeground: #616161;--vscode-symbolIcon-methodForeground: #652d90;--vscode-symbolIcon-moduleForeground: #616161;--vscode-symbolIcon-namespaceForeground: #616161;--vscode-symbolIcon-nullForeground: #616161;--vscode-symbolIcon-numberForeground: #616161;--vscode-symbolIcon-objectForeground: #616161;--vscode-symbolIcon-operatorForeground: #616161;--vscode-symbolIcon-packageForeground: #616161;--vscode-symbolIcon-propertyForeground: #616161;--vscode-symbolIcon-referenceForeground: #616161;--vscode-symbolIcon-snippetForeground: #616161;--vscode-symbolIcon-stringForeground: #616161;--vscode-symbolIcon-structForeground: #616161;--vscode-symbolIcon-textForeground: #616161;--vscode-symbolIcon-typeParameterForeground: #616161;--vscode-symbolIcon-unitForeground: #616161;--vscode-symbolIcon-variableForeground: #007acc;--vscode-editorHoverWidget-highlightForeground: #0066bf;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(173, 214, 255, .3);--vscode-editorGutter-foldingControlForeground: #424242;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .25);--vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, .25);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(26, 133, 255, .1);--vscode-peekViewTitleLabel-foreground: #000000;--vscode-peekViewTitleDescription-foreground: #616161;--vscode-peekView-border: #1a85ff;--vscode-peekViewResult-background: #f3f3f3;--vscode-peekViewResult-lineForeground: #646465;--vscode-peekViewResult-fileForeground: #1e1e1e;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #6c6c6c;--vscode-peekViewEditor-background: #f2f8fc;--vscode-peekViewEditorGutter-background: #f2f8fc;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, .87);--vscode-editorMarkerNavigationError-background: #e51400;--vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, .1);--vscode-editorMarkerNavigationWarning-background: #bf8803;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, .1);--vscode-editorMarkerNavigationInfo-background: #1a85ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, .1);--vscode-editorMarkerNavigation-background: #ffffff;--vscode-editorSuggestWidget-background: #f3f3f3;--vscode-editorSuggestWidget-border: #c8c8c8;--vscode-editorSuggestWidget-foreground: #000000;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #0060c0;--vscode-editorSuggestWidget-highlightForeground: #0066bf;--vscode-editorSuggestWidget-focusHighlightForeground: #bbe7ff;--vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, .5);--vscode-tab-activeBackground: #ffffff;--vscode-tab-unfocusedActiveBackground: #ffffff;--vscode-tab-inactiveBackground: #ececec;--vscode-tab-unfocusedInactiveBackground: #ececec;--vscode-tab-activeForeground: #333333;--vscode-tab-inactiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, .35);--vscode-tab-border: #f3f3f3;--vscode-tab-lastPinnedBorder: rgba(97, 97, 97, .19);--vscode-tab-activeModifiedBorder: #33aaee;--vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, .7);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, .25);--vscode-editorPane-background: #ffffff;--vscode-editorGroupHeader-tabsBackground: #f3f3f3;--vscode-editorGroupHeader-noTabsBackground: #ffffff;--vscode-editorGroup-border: #e7e7e7;--vscode-editorGroup-dropBackground: rgba(38, 119, 203, .18);--vscode-editorGroup-dropIntoPromptForeground: #616161;--vscode-editorGroup-dropIntoPromptBackground: #f3f3f3;--vscode-sideBySideEditor-horizontalBorder: #e7e7e7;--vscode-sideBySideEditor-verticalBorder: #e7e7e7;--vscode-panel-background: #ffffff;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #424242;--vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, .75);--vscode-panelTitle-activeBorder: #424242;--vscode-panelInput-border: #dddddd;--vscode-panel-dropBorder: #424242;--vscode-panelSection-dropBackground: rgba(38, 119, 203, .18);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #004386;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #1a85ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #725102;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #2c2c2c;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #f3f3f3;--vscode-sideBarTitle-foreground: #6f6f6f;--vscode-sideBar-dropBackground: rgba(38, 119, 203, .18);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(97, 97, 97, .19);--vscode-titleBar-activeForeground: #333333;--vscode-titleBar-inactiveForeground: rgba(51, 51, 51, .6);--vscode-titleBar-activeBackground: #dddddd;--vscode-titleBar-inactiveBackground: rgba(221, 221, 221, .6);--vscode-menubar-selectionForeground: #333333;--vscode-menubar-selectionBackground: rgba(184, 184, 184, .31);--vscode-notifications-foreground: #616161;--vscode-notifications-background: #f3f3f3;--vscode-notificationLink-foreground: #006ab1;--vscode-notificationCenterHeader-background: #e7e7e7;--vscode-notifications-border: #e7e7e7;--vscode-notificationsErrorIcon-foreground: #e51400;--vscode-notificationsWarningIcon-foreground: #bf8803;--vscode-notificationsInfoIcon-foreground: #1a85ff;--vscode-commandCenter-foreground: #333333;--vscode-commandCenter-activeForeground: #333333;--vscode-commandCenter-activeBackground: rgba(184, 184, 184, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, .5);--vscode-editorCommentsWidget-unresolvedBorder: #1a85ff;--vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, .4);--vscode-editorGutter-commentRangeForeground: #d5d8e9;--vscode-debugToolBar-background: #f3f3f3;--vscode-debugIcon-startForeground: #388a34;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, .45);--vscode-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, .45);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .4);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #444444;--vscode-settings-modifiedItemIndicator: #66afe0;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #ffffff;--vscode-settings-dropdownBorder: #cecece;--vscode-settings-dropdownListBorder: #c8c8c8;--vscode-settings-checkboxBackground: #ffffff;--vscode-settings-checkboxBorder: #cecece;--vscode-settings-textInputBackground: #ffffff;--vscode-settings-textInputForeground: #616161;--vscode-settings-textInputBorder: #cecece;--vscode-settings-numberInputBackground: #ffffff;--vscode-settings-numberInputForeground: #616161;--vscode-settings-numberInputBorder: #cecece;--vscode-settings-focusedRowBackground: rgba(232, 232, 232, .6);--vscode-settings-rowHoverBackground: rgba(232, 232, 232, .3);--vscode-settings-focusedRowBorder: rgba(0, 0, 0, .12);--vscode-terminal-foreground: #333333;--vscode-terminal-selectionBackground: #add6ff;--vscode-terminal-inactiveSelectionBackground: #e5ebf1;--vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, .25);--vscode-terminalCommandDecoration-successBackground: #2090d3;--vscode-terminalCommandDecoration-errorBackground: #e51400;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #a8ac94;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(38, 119, 203, .18);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #e51400;--vscode-testing-peekHeaderBackground: rgba(229, 20, 0, .1);--vscode-testing-message\.error\.decorationForeground: #e51400;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, .5);--vscode-welcomePage-tileBackground: #f3f3f3;--vscode-welcomePage-tileHoverBackground: #dbdbdb;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .16);--vscode-welcomePage-progress\.background: #ffffff;--vscode-welcomePage-progress\.foreground: #006ab1;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #f1dfde;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(0, 0, 0, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #2090d3;--vscode-editorGutter-addedBackground: #48985d;--vscode-editorGutter-deletedBackground: #e51400;--vscode-minimapGutter-modifiedBackground: #2090d3;--vscode-minimapGutter-addedBackground: #48985d;--vscode-minimapGutter-deletedBackground: #e51400;--vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #e8e8e8;--vscode-notebook-focusedEditorBorder: #0090f1;--vscode-notebookStatusSuccessIcon-foreground: #388a34;--vscode-notebookStatusErrorIcon-foreground: #a1260d;--vscode-notebookStatusRunningIcon-foreground: #616161;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: rgba(200, 221, 241, .31);--vscode-notebook-selectedCellBorder: #e8e8e8;--vscode-notebook-focusedCellBorder: #0090f1;--vscode-notebook-inactiveFocusedCellBorder: #e8e8e8;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, .08);--vscode-notebook-cellInsertionIndicator: #0090f1;--vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, .2);--vscode-notebook-cellEditorBackground: #f3f3f3;--vscode-notebook-editorBackground: #ffffff;--vscode-keybindingTable-headerBackground: rgba(97, 97, 97, .04);--vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, .04);--vscode-scm-providerBorder: #c8c8c8;--vscode-searchEditor-textInputBorder: #cecece;--vscode-debugTokenExpression-name: #9b46b0;--vscode-debugTokenExpression-value: rgba(108, 108, 108, .8);--vscode-debugTokenExpression-string: #a31515;--vscode-debugTokenExpression-boolean: #0000ff;--vscode-debugTokenExpression-number: #098658;--vscode-debugTokenExpression-error: #e51400;--vscode-debugView-exceptionLabelForeground: #ffffff;--vscode-debugView-exceptionLabelBackground: #a31515;--vscode-debugView-stateLabelForeground: #616161;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #1a85ff;--vscode-debugConsole-warningForeground: #bf8803;--vscode-debugConsole-errorForeground: #a1260d;--vscode-debugConsole-sourceForeground: #616161;--vscode-debugConsoleInputIcon-foreground: #616161;--vscode-debugIcon-pauseForeground: #007acc;--vscode-debugIcon-stopForeground: #a1260d;--vscode-debugIcon-disconnectForeground: #a1260d;--vscode-debugIcon-restartForeground: #388a34;--vscode-debugIcon-stepOverForeground: #007acc;--vscode-debugIcon-stepIntoForeground: #007acc;--vscode-debugIcon-stepOutForeground: #007acc;--vscode-debugIcon-continueForeground: #007acc;--vscode-debugIcon-stepBackForeground: #007acc;--vscode-extensionButton-prominentBackground: #007acc;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #0062a3;--vscode-extensionIcon-starForeground: #df6100;--vscode-extensionIcon-verifiedForeground: #006ab1;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #b51e78;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #00bc00;--vscode-terminal-ansiYellow: #949800;--vscode-terminal-ansiBlue: #0451a5;--vscode-terminal-ansiMagenta: #bc05bc;--vscode-terminal-ansiCyan: #0598bc;--vscode-terminal-ansiWhite: #555555;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #cd3131;--vscode-terminal-ansiBrightGreen: #14ce14;--vscode-terminal-ansiBrightYellow: #b5ba00;--vscode-terminal-ansiBrightBlue: #0451a5;--vscode-terminal-ansiBrightMagenta: #bc05bc;--vscode-terminal-ansiBrightCyan: #0598bc;--vscode-terminal-ansiBrightWhite: #a5a5a5;--vscode-interactive-activeCodeBorder: #1a85ff;--vscode-interactive-inactiveCodeBorder: #e4e6f1;--vscode-gitDecoration-addedResourceForeground: #587c0c;--vscode-gitDecoration-modifiedResourceForeground: #895503;--vscode-gitDecoration-deletedResourceForeground: #ad0707;--vscode-gitDecoration-renamedResourceForeground: #007100;--vscode-gitDecoration-untrackedResourceForeground: #007100;--vscode-gitDecoration-ignoredResourceForeground: #8e8e90;--vscode-gitDecoration-stageModifiedResourceForeground: #895503;--vscode-gitDecoration-stageDeletedResourceForeground: #ad0707;--vscode-gitDecoration-conflictingResourceForeground: #ad0707;--vscode-gitDecoration-submoduleResourceForeground: #1258a7}:root.light-mode{color-scheme:light}:root.dark-mode{color-scheme:dark;--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #cccccc;--vscode-disabledForeground: rgba(204, 204, 204, .5);--vscode-errorForeground: #f48771;--vscode-descriptionForeground: rgba(204, 204, 204, .7);--vscode-icon-foreground: #c5c5c5;--vscode-focusBorder: #007fd4;--vscode-textSeparator-foreground: rgba(255, 255, 255, .18);--vscode-textLink-foreground: #3794ff;--vscode-textLink-activeForeground: #3794ff;--vscode-textPreformat-foreground: #d7ba7d;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(10, 10, 10, .4);--vscode-widget-shadow: rgba(0, 0, 0, .36);--vscode-input-background: #3c3c3c;--vscode-input-foreground: #cccccc;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(90, 93, 94, .5);--vscode-inputOption-activeBackground: rgba(0, 127, 212, .4);--vscode-inputOption-activeForeground: #ffffff;--vscode-input-placeholderForeground: #a6a6a6;--vscode-inputValidation-infoBackground: #063b49;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #352a05;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #5a1d1d;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #3c3c3c;--vscode-dropdown-foreground: #f0f0f0;--vscode-dropdown-border: #3c3c3c;--vscode-checkbox-background: #3c3c3c;--vscode-checkbox-foreground: #f0f0f0;--vscode-checkbox-border: #3c3c3c;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #0e639c;--vscode-button-hoverBackground: #1177bb;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #3a3d41;--vscode-button-secondaryHoverBackground: #45494e;--vscode-badge-background: #4d4d4d;--vscode-badge-foreground: #ffffff;--vscode-scrollbar-shadow: #000000;--vscode-scrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #f14c4c;--vscode-editorWarning-foreground: #cca700;--vscode-editorInfo-foreground: #3794ff;--vscode-editorHint-foreground: rgba(238, 238, 238, .7);--vscode-sash-hoverBorder: #007fd4;--vscode-editor-background: #1e1e1e;--vscode-editor-foreground: #d4d4d4;--vscode-editorStickyScroll-background: #1e1e1e;--vscode-editorStickyScrollHover-background: #2a2d2e;--vscode-editorWidget-background: #252526;--vscode-editorWidget-foreground: #cccccc;--vscode-editorWidget-border: #454545;--vscode-quickInput-background: #252526;--vscode-quickInput-foreground: #cccccc;--vscode-quickInputTitle-background: rgba(255, 255, 255, .1);--vscode-pickerGroup-foreground: #3794ff;--vscode-pickerGroup-border: #3f3f46;--vscode-keybindingLabel-background: rgba(128, 128, 128, .17);--vscode-keybindingLabel-foreground: #cccccc;--vscode-keybindingLabel-border: rgba(51, 51, 51, .6);--vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, .6);--vscode-editor-selectionBackground: #264f78;--vscode-editor-inactiveSelectionBackground: #3a3d41;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .15);--vscode-editor-findMatchBackground: #515c6a;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, .4);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, .25);--vscode-editorHoverWidget-background: #252526;--vscode-editorHoverWidget-foreground: #cccccc;--vscode-editorHoverWidget-border: #454545;--vscode-editorHoverWidget-statusBarBackground: #2c2c2d;--vscode-editorLink-activeForeground: #4e94ce;--vscode-editorInlayHint-foreground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-background: rgba(77, 77, 77, .6);--vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, .6);--vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, .6);--vscode-editorLightBulb-foreground: #ffcc00;--vscode-editorLightBulbAutoFix-foreground: #75beff;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .2);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .4);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(204, 204, 204, .2);--vscode-list-focusOutline: #007fd4;--vscode-list-activeSelectionBackground: #04395e;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #37373d;--vscode-list-hoverBackground: #2a2d2e;--vscode-list-dropBackground: #383b3d;--vscode-list-highlightForeground: #2aaaff;--vscode-list-focusHighlightForeground: #2aaaff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #f88070;--vscode-list-warningForeground: #cca700;--vscode-listFilterWidget-background: #252526;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .36);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #585858;--vscode-tree-tableColumnsBorder: rgba(204, 204, 204, .13);--vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, .04);--vscode-list-deemphasizedForeground: #8c8c8c;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #04395e;--vscode-menu-foreground: #cccccc;--vscode-menu-background: #303031;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #04395e;--vscode-menu-separatorBackground: #606060;--vscode-toolbar-hoverBackground: rgba(90, 93, 94, .31);--vscode-toolbar-activeBackground: rgba(99, 102, 103, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, .3);--vscode-editor-snippetFinalTabstopHighlightBorder: #525252;--vscode-breadcrumb-foreground: rgba(204, 204, 204, .8);--vscode-breadcrumb-background: #1e1e1e;--vscode-breadcrumb-focusForeground: #e0e0e0;--vscode-breadcrumb-activeSelectionForeground: #e0e0e0;--vscode-breadcrumbPicker-background: #252526;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #676767;--vscode-minimap-selectionHighlight: #264f78;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #cca700;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(121, 121, 121, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(191, 191, 191, .2);--vscode-problemsErrorIcon-foreground: #f14c4c;--vscode-problemsWarningIcon-foreground: #cca700;--vscode-problemsInfoIcon-foreground: #3794ff;--vscode-charts-foreground: #cccccc;--vscode-charts-lines: rgba(204, 204, 204, .5);--vscode-charts-red: #f14c4c;--vscode-charts-blue: #3794ff;--vscode-charts-yellow: #cca700;--vscode-charts-orange: #d18616;--vscode-charts-green: #89d185;--vscode-charts-purple: #b180d7;--vscode-editor-lineHighlightBorder: #282828;--vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, .04);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #aeafad;--vscode-editorWhitespace-foreground: rgba(227, 228, 226, .16);--vscode-editorIndentGuide-background: #404040;--vscode-editorIndentGuide-activeBackground: #707070;--vscode-editorLineNumber-foreground: #858585;--vscode-editorActiveLineNumber-foreground: #c6c6c6;--vscode-editorLineNumber-activeForeground: #c6c6c6;--vscode-editorRuler-foreground: #5a5a5a;--vscode-editorCodeLens-foreground: #999999;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #888888;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #1e1e1e;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .67);--vscode-editorGhostText-foreground: rgba(255, 255, 255, .34);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #cca700;--vscode-editorOverviewRuler-infoForeground: #3794ff;--vscode-editorBracketHighlight-foreground1: #ffd700;--vscode-editorBracketHighlight-foreground2: #da70d6;--vscode-editorBracketHighlight-foreground3: #179fff;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #bd9b03;--vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, .15);--vscode-symbolIcon-arrayForeground: #cccccc;--vscode-symbolIcon-booleanForeground: #cccccc;--vscode-symbolIcon-classForeground: #ee9d28;--vscode-symbolIcon-colorForeground: #cccccc;--vscode-symbolIcon-constantForeground: #cccccc;--vscode-symbolIcon-constructorForeground: #b180d7;--vscode-symbolIcon-enumeratorForeground: #ee9d28;--vscode-symbolIcon-enumeratorMemberForeground: #75beff;--vscode-symbolIcon-eventForeground: #ee9d28;--vscode-symbolIcon-fieldForeground: #75beff;--vscode-symbolIcon-fileForeground: #cccccc;--vscode-symbolIcon-folderForeground: #cccccc;--vscode-symbolIcon-functionForeground: #b180d7;--vscode-symbolIcon-interfaceForeground: #75beff;--vscode-symbolIcon-keyForeground: #cccccc;--vscode-symbolIcon-keywordForeground: #cccccc;--vscode-symbolIcon-methodForeground: #b180d7;--vscode-symbolIcon-moduleForeground: #cccccc;--vscode-symbolIcon-namespaceForeground: #cccccc;--vscode-symbolIcon-nullForeground: #cccccc;--vscode-symbolIcon-numberForeground: #cccccc;--vscode-symbolIcon-objectForeground: #cccccc;--vscode-symbolIcon-operatorForeground: #cccccc;--vscode-symbolIcon-packageForeground: #cccccc;--vscode-symbolIcon-propertyForeground: #cccccc;--vscode-symbolIcon-referenceForeground: #cccccc;--vscode-symbolIcon-snippetForeground: #cccccc;--vscode-symbolIcon-stringForeground: #cccccc;--vscode-symbolIcon-structForeground: #cccccc;--vscode-symbolIcon-textForeground: #cccccc;--vscode-symbolIcon-typeParameterForeground: #cccccc;--vscode-symbolIcon-unitForeground: #cccccc;--vscode-symbolIcon-variableForeground: #75beff;--vscode-editorHoverWidget-highlightForeground: #2aaaff;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(38, 79, 120, .3);--vscode-editorGutter-foldingControlForeground: #c5c5c5;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .72);--vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, .72);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(55, 148, 255, .1);--vscode-peekViewTitleLabel-foreground: #ffffff;--vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, .7);--vscode-peekView-border: #3794ff;--vscode-peekViewResult-background: #252526;--vscode-peekViewResult-lineForeground: #bbbbbb;--vscode-peekViewResult-fileForeground: #ffffff;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #ffffff;--vscode-peekViewEditor-background: #001f33;--vscode-peekViewEditorGutter-background: #001f33;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, .6);--vscode-editorMarkerNavigationError-background: #f14c4c;--vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, .1);--vscode-editorMarkerNavigationWarning-background: #cca700;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, .1);--vscode-editorMarkerNavigationInfo-background: #3794ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, .1);--vscode-editorMarkerNavigation-background: #1e1e1e;--vscode-editorSuggestWidget-background: #252526;--vscode-editorSuggestWidget-border: #454545;--vscode-editorSuggestWidget-foreground: #d4d4d4;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #04395e;--vscode-editorSuggestWidget-highlightForeground: #2aaaff;--vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;--vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, .5);--vscode-tab-activeBackground: #1e1e1e;--vscode-tab-unfocusedActiveBackground: #1e1e1e;--vscode-tab-inactiveBackground: #2d2d2d;--vscode-tab-unfocusedInactiveBackground: #2d2d2d;--vscode-tab-activeForeground: #ffffff;--vscode-tab-inactiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, .25);--vscode-tab-border: #252526;--vscode-tab-lastPinnedBorder: rgba(204, 204, 204, .2);--vscode-tab-activeModifiedBorder: #3399cc;--vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, .25);--vscode-editorPane-background: #1e1e1e;--vscode-editorGroupHeader-tabsBackground: #252526;--vscode-editorGroupHeader-noTabsBackground: #1e1e1e;--vscode-editorGroup-border: #444444;--vscode-editorGroup-dropBackground: rgba(83, 89, 93, .5);--vscode-editorGroup-dropIntoPromptForeground: #cccccc;--vscode-editorGroup-dropIntoPromptBackground: #252526;--vscode-sideBySideEditor-horizontalBorder: #444444;--vscode-sideBySideEditor-verticalBorder: #444444;--vscode-panel-background: #1e1e1e;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #e7e7e7;--vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, .6);--vscode-panelTitle-activeBorder: #e7e7e7;--vscode-panel-dropBorder: #e7e7e7;--vscode-panelSection-dropBackground: rgba(83, 89, 93, .5);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #04395e;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #3794ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #7a6400;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #333333;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #252526;--vscode-sideBarTitle-foreground: #bbbbbb;--vscode-sideBar-dropBackground: rgba(83, 89, 93, .5);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(204, 204, 204, .2);--vscode-titleBar-activeForeground: #cccccc;--vscode-titleBar-inactiveForeground: rgba(204, 204, 204, .6);--vscode-titleBar-activeBackground: #3c3c3c;--vscode-titleBar-inactiveBackground: rgba(60, 60, 60, .6);--vscode-menubar-selectionForeground: #cccccc;--vscode-menubar-selectionBackground: rgba(90, 93, 94, .31);--vscode-notifications-foreground: #cccccc;--vscode-notifications-background: #252526;--vscode-notificationLink-foreground: #3794ff;--vscode-notificationCenterHeader-background: #303031;--vscode-notifications-border: #303031;--vscode-notificationsErrorIcon-foreground: #f14c4c;--vscode-notificationsWarningIcon-foreground: #cca700;--vscode-notificationsInfoIcon-foreground: #3794ff;--vscode-commandCenter-foreground: #cccccc;--vscode-commandCenter-activeForeground: #cccccc;--vscode-commandCenter-activeBackground: rgba(90, 93, 94, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, .5);--vscode-editorCommentsWidget-unresolvedBorder: #3794ff;--vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, .4);--vscode-editorGutter-commentRangeForeground: #37373d;--vscode-debugToolBar-background: #333333;--vscode-debugIcon-startForeground: #89d185;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, .2);--vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, .3);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .2);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #e7e7e7;--vscode-settings-modifiedItemIndicator: #0c7d9d;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #3c3c3c;--vscode-settings-dropdownForeground: #f0f0f0;--vscode-settings-dropdownBorder: #3c3c3c;--vscode-settings-dropdownListBorder: #454545;--vscode-settings-checkboxBackground: #3c3c3c;--vscode-settings-checkboxForeground: #f0f0f0;--vscode-settings-checkboxBorder: #3c3c3c;--vscode-settings-textInputBackground: #3c3c3c;--vscode-settings-textInputForeground: #cccccc;--vscode-settings-numberInputBackground: #3c3c3c;--vscode-settings-numberInputForeground: #cccccc;--vscode-settings-focusedRowBackground: rgba(42, 45, 46, .6);--vscode-settings-rowHoverBackground: rgba(42, 45, 46, .3);--vscode-settings-focusedRowBorder: rgba(255, 255, 255, .12);--vscode-terminal-foreground: #cccccc;--vscode-terminal-selectionBackground: #264f78;--vscode-terminal-inactiveSelectionBackground: #3a3d41;--vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, .25);--vscode-terminalCommandDecoration-successBackground: #1b81a8;--vscode-terminalCommandDecoration-errorBackground: #f14c4c;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #515c6a;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(83, 89, 93, .5);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #f14c4c;--vscode-testing-peekHeaderBackground: rgba(241, 76, 76, .1);--vscode-testing-message\.error\.decorationForeground: #f14c4c;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(212, 212, 212, .5);--vscode-welcomePage-tileBackground: #252526;--vscode-welcomePage-tileHoverBackground: #2c2c2d;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .36);--vscode-welcomePage-progress\.background: #3c3c3c;--vscode-welcomePage-progress\.foreground: #3794ff;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #420b0d;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(255, 255, 255, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #1b81a8;--vscode-editorGutter-addedBackground: #487e02;--vscode-editorGutter-deletedBackground: #f14c4c;--vscode-minimapGutter-modifiedBackground: #1b81a8;--vscode-minimapGutter-addedBackground: #487e02;--vscode-minimapGutter-deletedBackground: #f14c4c;--vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #37373d;--vscode-notebook-focusedEditorBorder: #007fd4;--vscode-notebookStatusSuccessIcon-foreground: #89d185;--vscode-notebookStatusErrorIcon-foreground: #f48771;--vscode-notebookStatusRunningIcon-foreground: #cccccc;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: #37373d;--vscode-notebook-selectedCellBorder: #37373d;--vscode-notebook-focusedCellBorder: #007fd4;--vscode-notebook-inactiveFocusedCellBorder: #37373d;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, .15);--vscode-notebook-cellInsertionIndicator: #007fd4;--vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, .04);--vscode-notebook-cellEditorBackground: #252526;--vscode-notebook-editorBackground: #1e1e1e;--vscode-keybindingTable-headerBackground: rgba(204, 204, 204, .04);--vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, .04);--vscode-scm-providerBorder: #454545;--vscode-debugTokenExpression-name: #c586c0;--vscode-debugTokenExpression-value: rgba(204, 204, 204, .6);--vscode-debugTokenExpression-string: #ce9178;--vscode-debugTokenExpression-boolean: #4e94ce;--vscode-debugTokenExpression-number: #b5cea8;--vscode-debugTokenExpression-error: #f48771;--vscode-debugView-exceptionLabelForeground: #cccccc;--vscode-debugView-exceptionLabelBackground: #6c2022;--vscode-debugView-stateLabelForeground: #cccccc;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #3794ff;--vscode-debugConsole-warningForeground: #cca700;--vscode-debugConsole-errorForeground: #f48771;--vscode-debugConsole-sourceForeground: #cccccc;--vscode-debugConsoleInputIcon-foreground: #cccccc;--vscode-debugIcon-pauseForeground: #75beff;--vscode-debugIcon-stopForeground: #f48771;--vscode-debugIcon-disconnectForeground: #f48771;--vscode-debugIcon-restartForeground: #89d185;--vscode-debugIcon-stepOverForeground: #75beff;--vscode-debugIcon-stepIntoForeground: #75beff;--vscode-debugIcon-stepOutForeground: #75beff;--vscode-debugIcon-continueForeground: #75beff;--vscode-debugIcon-stepBackForeground: #75beff;--vscode-extensionButton-prominentBackground: #0e639c;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #1177bb;--vscode-extensionIcon-starForeground: #ff8e00;--vscode-extensionIcon-verifiedForeground: #3794ff;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #d758b3;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #0dbc79;--vscode-terminal-ansiYellow: #e5e510;--vscode-terminal-ansiBlue: #2472c8;--vscode-terminal-ansiMagenta: #bc3fbc;--vscode-terminal-ansiCyan: #11a8cd;--vscode-terminal-ansiWhite: #e5e5e5;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #f14c4c;--vscode-terminal-ansiBrightGreen: #23d18b;--vscode-terminal-ansiBrightYellow: #f5f543;--vscode-terminal-ansiBrightBlue: #3b8eea;--vscode-terminal-ansiBrightMagenta: #d670d6;--vscode-terminal-ansiBrightCyan: #29b8db;--vscode-terminal-ansiBrightWhite: #e5e5e5;--vscode-interactive-activeCodeBorder: #3794ff;--vscode-interactive-inactiveCodeBorder: #37373d;--vscode-gitDecoration-addedResourceForeground: #81b88b;--vscode-gitDecoration-modifiedResourceForeground: #e2c08d;--vscode-gitDecoration-deletedResourceForeground: #c74e39;--vscode-gitDecoration-renamedResourceForeground: #73c991;--vscode-gitDecoration-untrackedResourceForeground: #73c991;--vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;--vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;--vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;--vscode-gitDecoration-conflictingResourceForeground: #e4676b;--vscode-gitDecoration-submoduleResourceForeground: #8db9e2}.test-error-container{position:relative;white-space:pre;flex:none;padding:0;background-color:var(--color-canvas-subtle);border-radius:6px;line-height:initial;margin-bottom:6px}.test-error-view{overflow:auto;padding:16px}.test-error-text{font-family:monospace}.test-result{flex:auto;display:flex;flex-direction:column;margin-bottom:24px}.test-result>div{flex:none}.test-result video,.test-result img.screenshot{flex:none;box-shadow:var(--box-shadow-thick);margin:24px auto;min-width:200px;max-width:80%}.test-result-path{padding:0 0 0 5px;color:var(--color-fg-muted)}.test-result-counter{border-radius:12px;color:var(--color-canvas-default);padding:2px 8px}:root.light-mode .test-result-counter{background:var(--color-scale-gray-5)}:root.dark-mode .test-result-counter{background:var(--color-scale-gray-3)}@media only screen and (max-width: 600px){.test-result{padding:0!important}}.test-file-test{line-height:32px;align-items:center;padding:2px 8px;overflow:hidden;text-overflow:ellipsis}.test-file-test:hover{background-color:var(--color-canvas-subtle)}.test-file-title{font-weight:600;font-size:16px}.test-file-details-row{padding:0 0 6px 8px;margin:0 0 0 15px;line-height:16px;font-weight:400;color:var(--color-fg-muted);display:flex;align-items:center}.test-file-details-row-items{display:flex;height:16px}.test-file-details-row-items>.link-badge{margin-top:-2px}.test-file-details-row-items>.trace-link{margin-top:-4px}.test-file-path{text-overflow:ellipsis;overflow:hidden;color:var(--color-fg-muted)}.test-file-path-link{margin-right:10px}.test-file-test-outcome-skipped{color:var(--color-fg-muted)}.test-file-test-status-icon{flex:none}.test-file-header-info{display:flex;align-items:center;gap:4px 8px;color:var(--color-fg-muted)}.test-file-header-br{flex-basis:100%;height:0}.test-file-no-files{margin-top:12px;color:var(--color-fg-muted);background-color:unset;font-weight:unset;border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px}#root{color:var(--color-fg-default);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}.metadata-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-fg-default)}.metadata-toggle-second-line{margin-top:8px;margin-left:8px}.metadata-view{border:1px solid var(--color-border-default);border-radius:6px;margin-top:12px}.metadata-view .metadata-section{margin:8px 10px 8px 32px}.metadata-view span:not(.copy-button-container),.metadata-view a{display:inline-block;line-height:24px}.metadata-properties{display:flex;flex-direction:column;align-items:normal;gap:8px}.metadata-properties>div{height:24px}.metadata-separator{height:1px;border-bottom:1px solid var(--color-border-default)}.metadata-view a{color:var(--color-fg-default)}.copyable-property{white-space:pre}.copyable-property>span{display:flex;align-items:center}
-</style>
-  </head>
-  <body>
-    <div id='root'></div>
-  </body>
-</html>
-<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
\ No newline at end of file
diff --git a/apps/web-client/playwright.config.ts b/apps/web-client/playwright.config.ts
deleted file mode 100644
index de662e39..00000000
--- a/apps/web-client/playwright.config.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-/**
- * EN: Playwright configuration for E2E tests
- * VI: Cấu hình Playwright cho E2E tests
- */
-export default defineConfig({
-  testDir: './e2e',
-  fullyParallel: true,
-  forbidOnly: !!process.env.CI,
-  retries: process.env.CI ? 2 : 0,
-  workers: process.env.CI ? 1 : undefined,
-  reporter: 'html',
-  use: {
-    baseURL: 'http://localhost:3000',
-    trace: 'on-first-retry',
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-  ],
-  webServer: {
-    command: 'npm run dev',
-    url: 'http://localhost:3000',
-    reuseExistingServer: !process.env.CI,
-  },
-});
diff --git a/apps/web-client/postcss.config.js b/apps/web-client/postcss.config.js
deleted file mode 100644
index 7454fd8d..00000000
--- a/apps/web-client/postcss.config.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * EN: PostCSS configuration for Tailwind CSS 4
- * VI: Cấu hình PostCSS cho Tailwind CSS 4
- */
-module.exports = {
-  plugins: {
-    '@tailwindcss/postcss': {},
-    autoprefixer: {},
-  },
-};
diff --git a/apps/web-client/public/.gitkeep b/apps/web-client/public/.gitkeep
deleted file mode 100644
index 580430c1..00000000
--- a/apps/web-client/public/.gitkeep
+++ /dev/null
@@ -1 +0,0 @@
-# Public assets
diff --git a/apps/web-client/public/brand-assets/icons/favicon.svg b/apps/web-client/public/brand-assets/icons/favicon.svg
deleted file mode 100644
index 183d8617..00000000
--- a/apps/web-client/public/brand-assets/icons/favicon.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    EN: Favicon - Simplified icon optimized for small sizes
-    VI: Favicon - Icon đơn giản hóa tối ưu cho kích thước nhỏ
-  -->
-  <defs>
-    <linearGradient id="faviconGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Simplified hexagon -->
-  <path d="M16 4 L25 10 L25 22 L16 28 L7 22 L7 10 Z"  
-        fill="url(#faviconGradient)"/>
-  
-  <!-- Center dot -->
-  <circle cx="16" cy="16" r="3" fill="#FFFFFF"/>
-</svg>
diff --git a/apps/web-client/public/brand-assets/illustrations/empty-state.svg b/apps/web-client/public/brand-assets/illustrations/empty-state.svg
deleted file mode 100644
index 92884489..00000000
--- a/apps/web-client/public/brand-assets/illustrations/empty-state.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<svg width="400" height="300" viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    EN: Empty State Illustration - Minimalist design with brand colors
-    VI: Minh họa Empty State - Thiết kế tối giản với màu thương hiệu
-  -->
-  <defs>
-    <linearGradient id="emptyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:0.2" />
-      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:0.2" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Background circle -->
-  <circle cx="200" cy="150" r="120" fill="url(#emptyGradient)"/>
-  
-  <!-- Document icon -->
-  <g transform="translate(150, 100)">
-    <!-- Main rectangle -->
-    <rect x="0" y="0" width="100" height="120" rx="8" 
-          fill="none" 
-          stroke="currentColor" 
-          stroke-width="3" 
-          opacity="0.3"/>
-    
-    <!-- Lines representing text -->
-    <line x1="15" y1="25" x2="85" y2="25" 
-          stroke="currentColor" 
-          stroke-width="2" 
-          opacity="0.2"/>
-    <line x1="15" y1="45" x2="70" y2="45" 
-          stroke="currentColor" 
-          stroke-width="2" 
-          opacity="0.2"/>
-    <line x1="15" y1="65" x2="85" y2="65" 
-          stroke="currentColor" 
-          stroke-width="2" 
-          opacity="0.2"/>
-    <line x1="15" y1="85" x2="60" y2="85" 
-          stroke="currentColor" 
-          stroke-width="2" 
-          opacity="0.2"/>
-  </g>
-  
-  <!-- Plus icon overlay -->
-  <g transform="translate(200, 150)">
-    <circle cx="35" cy="35" r="25" fill="#3B82F6"/>
-    <line x1="35" y1="25" x2="35" y2="45" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/>
-    <line x1="25" y1="35" x2="45" y2="35" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/>
-  </g>
-</svg>
diff --git a/apps/web-client/public/brand-assets/illustrations/error-state.svg b/apps/web-client/public/brand-assets/illustrations/error-state.svg
deleted file mode 100644
index da0d6abb..00000000
--- a/apps/web-client/public/brand-assets/illustrations/error-state.svg
+++ /dev/null
@@ -1,33 +0,0 @@
-<svg width="400" height="300" viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    EN: Error State Illustration - Alert triangle with brand styling
-    VI: Minh họa Error State - Tam giác cảnh báo với style thương hiệu
-  -->
-  
-  <!-- Background circle with error color -->
-  <circle cx="200" cy="150" r="120" 
-          fill="#EF4444" 
-          opacity="0.1"/>
-  
-  <!-- Alert triangle -->
-  <g transform="translate(200, 150)">
-    <!-- Triangle outline -->
-    <path d="M 0,-70 L 60,50 L -60,50 Z" 
-          fill="none" 
-          stroke="#EF4444" 
-          stroke-width="4" 
-          stroke-linejoin="round"/>
-    
-    <!-- Exclamation mark -->
-    <line x1="0" y1="-30" x2="0" y2="10" 
-          stroke="#EF4444" 
-          stroke-width="6" 
-          stroke-linecap="round"/>
-    <circle cx="0" cy="30" r="4" fill="#EF4444"/>
-  </g>
-  
-  <!-- Decorative elements -->
-  <circle cx="120" cy="80" r="8" fill="#EF4444" opacity="0.2"/>
-  <circle cx="280" cy="220" r="12" fill="#EF4444" opacity="0.2"/>
-  <circle cx="290" cy="90" r="6" fill="#EF4444" opacity="0.2"/>
-</svg>
diff --git a/apps/web-client/public/brand-assets/logo/logo-full.svg b/apps/web-client/public/brand-assets/logo/logo-full.svg
deleted file mode 100644
index c25659f9..00000000
--- a/apps/web-client/public/brand-assets/logo/logo-full.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<svg width="280" height="48" viewBox="0 0 280 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    EN: GoodGo Platform Full Logo - Icon + Wordmark
-    VI: Logo đầy đủ GoodGo Platform - Icon + Wordmark
-  -->
-  <defs>
-    <linearGradient id="iconGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
-      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Icon (scaled to 48x48) -->
-  <g transform="translate(0, 0)">
-    <!-- Main hexagon -->
-    <path d="M24 6 L37.5 15 L37.5 33 L24 42 L10.5 33 L10.5 15 Z" 
-          fill="url(#iconGradient)" 
-          opacity="0.9"/>
-    
-    <!-- Inner hexagon -->
-    <path d="M24 13.5 L31.5 18.75 L31.5 29.25 L24 34.5 L16.5 29.25 L16.5 18.75 Z" 
-          fill="#FFFFFF" 
-          opacity="0.2"/>
-    
-    <!-- Center dot -->
-    <circle cx="24" cy="24" r="3" fill="#FFFFFF"/>
-  </g>
-  
-  <!-- Wordmark -->
-  <g transform="translate(60, 0)">
-    <!-- GoodGo text -->
-    <text x="0" y="32" 
-          font-family="Inter, sans-serif" 
-          font-size="28" 
-          font-weight="700" 
-          fill="url(#textGradient)">
-      GoodGo
-    </text>
-    
-    <!-- Platform text -->
-    <text x="115" y="32" 
-          font-family="Inter, sans-serif" 
-          font-size="18" 
-          font-weight="400" 
-          fill="currentColor"
-          opacity="0.6">
-      Platform
-    </text>
-  </g>
-</svg>
diff --git a/apps/web-client/public/brand-assets/logo/logo-icon.svg b/apps/web-client/public/brand-assets/logo/logo-icon.svg
deleted file mode 100644
index 5fa21ac2..00000000
--- a/apps/web-client/public/brand-assets/logo/logo-icon.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!-- 
-    EN: GoodGo Platform Logo Icon - Geometric minimalist design
-    VI: Logo Icon GoodGo Platform - Thiết kế hình học tối giản
-    
-    Design concept: Overlapping hexagons representing microservices architecture
-    Màu sắc: Brand gradient (Blue to Purple)
-  -->
-  <defs>
-    <linearGradient id="brandGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Main hexagon -->
-  <path d="M32 8 L50 20 L50 44 L32 56 L14 44 L14 20 Z" 
-        fill="url(#brandGradient)" 
-        opacity="0.9"/>
-  
-  <!-- Inner hexagon -->
-  <path d="M32 18 L42 25 L42 39 L32 46 L22 39 L22 25 Z" 
-        fill="#FFFFFF" 
-        opacity="0.2"/>
-  
-  <!-- Center dot -->
-  <circle cx="32" cy="32" r="4" fill="#FFFFFF"/>
-</svg>
diff --git a/apps/web-client/public/brand-assets/logo/logo-wordmark.svg b/apps/web-client/public/brand-assets/logo/logo-wordmark.svg
deleted file mode 100644
index d754c4de..00000000
--- a/apps/web-client/public/brand-assets/logo/logo-wordmark.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<svg width="200" height="40" viewBox="0 0 200 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    EN: GoodGo Platform Wordmark - Clean typography
-    VI: Wordmark GoodGo Platform - Typography sạch sẽ
-  -->
-  <defs>
-    <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
-      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- GoodGo text -->
-  <text x="0" y="28" 
-        font-family="Inter, sans-serif" 
-        font-size="24" 
-        font-weight="700" 
-        fill="url(#textGradient)">
-    GoodGo
-  </text>
-  
-  <!-- Platform text -->
-  <text x="100" y="28" 
-        font-family="Inter, sans-serif" 
-        font-size="16" 
-        font-weight="400" 
-        fill="currentColor"
-        opacity="0.6">
-    Platform
-  </text>
-</svg>
diff --git a/apps/web-client/public/images/home/ai-blockchain.png b/apps/web-client/public/images/home/ai-blockchain.png
deleted file mode 100644
index 43de1eee..00000000
Binary files a/apps/web-client/public/images/home/ai-blockchain.png and /dev/null differ
diff --git a/apps/web-client/public/images/home/announcement-bg.png b/apps/web-client/public/images/home/announcement-bg.png
deleted file mode 100644
index e011a2e2..00000000
Binary files a/apps/web-client/public/images/home/announcement-bg.png and /dev/null differ
diff --git a/apps/web-client/public/images/home/marketing-ads.png b/apps/web-client/public/images/home/marketing-ads.png
deleted file mode 100644
index 50274432..00000000
Binary files a/apps/web-client/public/images/home/marketing-ads.png and /dev/null differ
diff --git a/apps/web-client/public/images/home/pos-system.png b/apps/web-client/public/images/home/pos-system.png
deleted file mode 100644
index e1d9aa6a..00000000
Binary files a/apps/web-client/public/images/home/pos-system.png and /dev/null differ
diff --git a/apps/web-client/public/images/home/reward-apps.png b/apps/web-client/public/images/home/reward-apps.png
deleted file mode 100644
index fde94595..00000000
Binary files a/apps/web-client/public/images/home/reward-apps.png and /dev/null differ
diff --git a/apps/web-client/public/manifest.json b/apps/web-client/public/manifest.json
deleted file mode 100644
index 944da3b9..00000000
--- a/apps/web-client/public/manifest.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-    "name": "GoodGo Platform",
-    "short_name": "GoodGo",
-    "description": "Enterprise Microservices Platform - Build, deploy, and scale with confidence",
-    "start_url": "/",
-    "display": "standalone",
-    "background_color": "#000000",
-    "theme_color": "#3B82F6",
-    "orientation": "portrait-primary",
-    "icons": [
-        {
-            "src": "/brand-assets/icons/favicon.svg",
-            "sizes": "any",
-            "type": "image/svg+xml",
-            "purpose": "any maskable"
-        }
-    ],
-    "categories": [
-        "developer tools",
-        "productivity"
-    ],
-    "lang": "en-US"
-}
\ No newline at end of file
diff --git a/apps/web-client/src/__tests__/auth-flow.integration.test.tsx b/apps/web-client/src/__tests__/auth-flow.integration.test.tsx
deleted file mode 100644
index e8c0f5fa..00000000
--- a/apps/web-client/src/__tests__/auth-flow.integration.test.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import LoginPage from '../app/(auth)/login/page';
-import { useAuthStore } from '../stores/auth-store';
-
-// Mock next/navigation
-vi.mock('next/navigation', () => ({
-  useRouter: () => ({
-    push: vi.fn(),
-  }),
-}));
-
-// Mock useTranslation
-vi.mock('../shared/hooks/use-translation', () => ({
-  useTranslation: () => ({
-    t: (key: string) => key,
-  }),
-}));
-
-// Mock auth store
-vi.mock('../stores/auth-store', () => ({
-  useAuthStore: vi.fn(),
-}));
-
-describe('Auth Flow Integration', () => {
-  let queryClient: QueryClient;
-  let mockAuthStore: any;
-
-  beforeEach(() => {
-    queryClient = new QueryClient({
-      defaultOptions: {
-        queries: { retry: false },
-        mutations: { retry: false },
-      },
-    });
-
-    mockAuthStore = {
-      login: vi.fn(),
-      isLoading: false,
-      user: null,
-      isAuthenticated: false,
-    };
-
-    (useAuthStore as any).mockReturnValue(mockAuthStore);
-  });
-
-  const renderLoginPage = () => {
-    return render(
-      <QueryClientProvider client={queryClient}>
-        <LoginPage />
-      </QueryClientProvider>
-    );
-  };
-
-  describe('Login Page', () => {
-    it('renders login form with required fields', () => {
-      renderLoginPage();
-
-      expect(screen.getByLabelText(/email/i)).toBeInTheDocument();
-      expect(screen.getByLabelText(/password/i)).toBeInTheDocument();
-      expect(screen.getByRole('button', { name: /login/i })).toBeInTheDocument();
-      expect(screen.getByText(/remember me/i)).toBeInTheDocument();
-    });
-
-    it('shows validation errors for empty fields', async () => {
-      renderLoginPage();
-
-      const submitButton = screen.getByRole('button', { name: /login/i });
-      fireEvent.click(submitButton);
-
-      await waitFor(() => {
-        expect(screen.getByText(/validation\.emailRequired/i)).toBeInTheDocument();
-        expect(screen.getByText(/validation\.password/i)).toBeInTheDocument();
-      });
-    });
-
-    it('shows validation error for invalid email', async () => {
-      renderLoginPage();
-
-      const emailInput = screen.getByLabelText(/email/i);
-      const passwordInput = screen.getByLabelText(/password/i);
-      const submitButton = screen.getByRole('button', { name: /login/i });
-
-      fireEvent.change(emailInput, { target: { value: 'invalid-email' } });
-      fireEvent.change(passwordInput, { target: { value: 'password123' } });
-      fireEvent.click(submitButton);
-
-      await waitFor(() => {
-        expect(screen.getByText(/validation\.email/i)).toBeInTheDocument();
-      });
-    });
-
-    it('calls login function on valid form submission', async () => {
-      mockAuthStore.login.mockResolvedValue(undefined);
-
-      renderLoginPage();
-
-      const emailInput = screen.getByLabelText(/email/i);
-      const passwordInput = screen.getByLabelText(/password/i);
-      const submitButton = screen.getByRole('button', { name: /login/i });
-
-      fireEvent.change(emailInput, { target: { value: 'test@example.com' } });
-      fireEvent.change(passwordInput, { target: { value: 'password123' } });
-      fireEvent.click(submitButton);
-
-      await waitFor(() => {
-        expect(mockAuthStore.login).toHaveBeenCalledWith('test@example.com', 'password123');
-      });
-    });
-
-    it('shows loading state during login', async () => {
-      mockAuthStore.isLoading = true;
-      mockAuthStore.login.mockImplementation(() => new Promise(() => {})); // Never resolves
-
-      renderLoginPage();
-
-      const emailInput = screen.getByLabelText(/email/i);
-      const passwordInput = screen.getByLabelText(/password/i);
-      const submitButton = screen.getByRole('button', { name: /login/i });
-
-      fireEvent.change(emailInput, { target: { value: 'test@example.com' } });
-      fireEvent.change(passwordInput, { target: { value: 'password123' } });
-      fireEvent.click(submitButton);
-
-      expect(screen.getByText(/auth\.login\.loginButtonLoading/i)).toBeInTheDocument();
-      expect(submitButton).toBeDisabled();
-    });
-
-    it('shows error message on login failure', async () => {
-      const errorMessage = 'Invalid credentials';
-      mockAuthStore.login.mockRejectedValue(new Error(errorMessage));
-
-      renderLoginPage();
-
-      const emailInput = screen.getByLabelText(/email/i);
-      const passwordInput = screen.getByLabelText(/password/i);
-      const submitButton = screen.getByRole('button', { name: /login/i });
-
-      fireEvent.change(emailInput, { target: { value: 'test@example.com' } });
-      fireEvent.change(passwordInput, { target: { value: 'password123' } });
-      fireEvent.click(submitButton);
-
-      await waitFor(() => {
-        expect(screen.getByText(errorMessage)).toBeInTheDocument();
-      });
-    });
-  });
-});
\ No newline at end of file
diff --git a/apps/web-client/src/__tests__/users-components.smoke.test.tsx b/apps/web-client/src/__tests__/users-components.smoke.test.tsx
deleted file mode 100644
index e935fa1e..00000000
--- a/apps/web-client/src/__tests__/users-components.smoke.test.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import { UsersTable } from '../features/shared/components/users/UsersTable';
-import { UserCard } from '../features/shared/components/users/UserCard';
-import { UserForm } from '../features/shared/components/users/UserForm';
-
-/**
- * EN: Smoke tests for users components
- * VI: Smoke tests cho users components
- *
- * These tests ensure components render without crashing and have basic functionality.
- */
-describe('Users Components - Smoke Tests', () => {
-  const mockUser = {
-    id: '1',
-    email: 'test@example.com',
-    role: 'USER',
-    isActive: true,
-    createdAt: '2024-01-01T00:00:00Z',
-    updatedAt: '2024-01-01T00:00:00Z',
-  };
-
-  const mockUsers = [mockUser];
-
-  describe('UsersTable', () => {
-    it('renders without crashing', () => {
-      render(<UsersTable users={mockUsers} />);
-      expect(screen.getByText('test@example.com')).toBeInTheDocument();
-    });
-
-    it('renders loading state', () => {
-      render(<UsersTable users={[]} loading={true} />);
-      expect(screen.getByText('Loading users...')).toBeInTheDocument();
-    });
-
-    it('renders empty state', () => {
-      render(<UsersTable users={[]} />);
-      expect(screen.getByText('No users found')).toBeInTheDocument();
-    });
-
-    it('renders bulk actions when users selected', () => {
-      // This would require more complex setup with user interactions
-      // For smoke test, just ensure it renders
-      render(<UsersTable users={mockUsers} showBulkActions />);
-      expect(screen.getByText('test@example.com')).toBeInTheDocument();
-    });
-  });
-
-  describe('UserCard', () => {
-    it('renders user information', () => {
-      render(<UserCard user={mockUser} />);
-      expect(screen.getByText('test@example.com')).toBeInTheDocument();
-      expect(screen.getByText('USER')).toBeInTheDocument();
-      expect(screen.getByText('Active')).toBeInTheDocument();
-    });
-
-    it('renders compact mode', () => {
-      render(<UserCard user={mockUser} compact />);
-      expect(screen.getByText('test@example.com')).toBeInTheDocument();
-    });
-
-    it('shows admin actions when enabled', () => {
-      render(<UserCard user={mockUser} showAdminActions />);
-      expect(screen.getByText('Edit')).toBeInTheDocument();
-    });
-  });
-
-  describe('UserForm', () => {
-    it('renders create form', () => {
-      render(
-        <UserForm
-          isCreate
-          onSubmit={() => {}}
-          onCancel={() => {}}
-        />
-      );
-      expect(screen.getByText('Create New User')).toBeInTheDocument();
-      expect(screen.getByLabelText(/email/i)).toBeInTheDocument();
-      expect(screen.getByLabelText(/password/i)).toBeInTheDocument();
-    });
-
-    it('renders edit form', () => {
-      render(
-        <UserForm
-          user={mockUser}
-          onSubmit={() => {}}
-          onCancel={() => {}}
-        />
-      );
-      expect(screen.getByText('Edit User')).toBeInTheDocument();
-      expect(screen.getByDisplayValue('test@example.com')).toBeInTheDocument();
-    });
-
-    it('shows validation errors', async () => {
-      render(
-        <UserForm
-          isCreate
-          onSubmit={() => {}}
-          onCancel={() => {}}
-        />
-      );
-
-      const submitButton = screen.getByRole('button', { name: /create user/i });
-      submitButton.click();
-
-      // Note: Form validation requires react-hook-form setup
-      // This is just a basic smoke test
-      expect(submitButton).toBeInTheDocument();
-    });
-  });
-});
\ No newline at end of file
diff --git a/apps/web-client/src/app/(auth)/forgot-password/page.tsx b/apps/web-client/src/app/(auth)/forgot-password/page.tsx
deleted file mode 100644
index 964a2cc4..00000000
--- a/apps/web-client/src/app/(auth)/forgot-password/page.tsx
+++ /dev/null
@@ -1,299 +0,0 @@
-'use client';
-
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-import Link from 'next/link';
-import { useState } from 'react';
-import { authApi } from '@/services/api/auth.api';
-import { Button } from '@/features/shared/components/ui/button';
-import { Input } from '@/features/shared/components/ui/input';
-import { useTranslations } from 'next-intl';
-import { AuthControls } from '@/features/shared/components/layout/auth-controls';
-
-/**
- * EN: Create forgot password schema with translated messages
- * VI: Tạo forgot password schema với thông báo đã dịch
- */
-function createForgotPasswordSchema(t: (key: string) => string) {
-  return z.object({
-    email: z
-      .string()
-      .min(1, t('validation.emailRequired'))
-      .email(t('validation.email')),
-  });
-}
-
-
-/**
- * EN: Forgot Password page component - allows users to request password reset link
- * VI: Component trang quên mật khẩu - cho phép người dùng yêu cầu link đặt lại mật khẩu
- *
- * Features:
- * - Email input with real-time validation
- * - Error messages below inputs
- * - Loading state on button
- * - Success state with confirmation message
- * - Link to check email
- * - Back to login link
- *
- * Flow:
- * 1. Enter email → Send reset link
- * 2. Check email → Click link
- * 3. Enter new password → Confirm
- * 4. Success → Redirect to login
- */
-export default function ForgotPasswordPage() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-
-  // EN: Success state - shows confirmation after email is sent
-  // VI: Trạng thái thành công - hiển thị xác nhận sau khi email được gửi
-  const [isSuccess, setIsSuccess] = useState(false);
-  const [submittedEmail, setSubmittedEmail] = useState('');
-
-  // EN: General error state for API errors
-  // VI: Trạng thái lỗi chung cho lỗi API
-  const [apiError, setApiError] = useState<string>('');
-
-  // EN: Create schema with translations / VI: Tạo schema với translations
-  const forgotPasswordSchema = createForgotPasswordSchema(t);
-  type ForgotPasswordFormData = z.infer<typeof forgotPasswordSchema>;
-
-  // EN: React Hook Form setup with Zod resolver
-  // VI: Setup React Hook Form với Zod resolver
-  const {
-    register,
-    handleSubmit,
-    setValue,
-    formState: { errors, isSubmitting },
-  } = useForm<ForgotPasswordFormData>({
-    resolver: zodResolver(forgotPasswordSchema),
-    defaultValues: {
-      email: '',
-    },
-  });
-
-  /**
-   * EN: Handle form submission for forgot password
-   * VI: Xử lý submit form để quên mật khẩu
-   *
-   * @param data - Form data validated by Zod / Dữ liệu form đã được validate bởi Zod
-   */
-  const onSubmit = async (data: ForgotPasswordFormData) => {
-    setApiError('');
-    try {
-      // EN: Request password reset link via API
-      // VI: Yêu cầu link đặt lại mật khẩu qua API
-      const response = await authApi.forgotPassword(data.email);
-
-      if (response.success) {
-        // EN: Show success message and store email for display
-        // VI: Hiển thị thông báo thành công và lưu email để hiển thị
-        setIsSuccess(true);
-        setSubmittedEmail(data.email);
-      } else {
-        setApiError(
-          response.error?.message || t('auth.forgotPassword.failedToSend')
-        );
-      }
-    } catch (err: any) {
-      // EN: Set error message from API response
-      // VI: Đặt thông báo lỗi từ phản hồi API
-      setApiError(err.message || t('errors.generic'));
-    }
-  };
-
-  return (
-    // EN: Centered forgot password form layout with cosmic background and glassmorphism
-    // VI: Layout form quên mật khẩu với nền vũ trụ và hiệu ứng kínhmorphism
-    <main
-      role="main"
-      aria-label={t('auth.forgotPassword.title')}
-      className="min-h-screen flex items-center justify-center relative overflow-hidden bg-bg-primary py-12 px-4 sm:px-6 lg:px-8"
-    >
-      {/* EN: X.ai Minimal Design - No cosmic background */}
-      {/* VI: X.ai Minimal Design - Không có nền vũ trụ */}
-
-      <AuthControls />
-
-      <div className="w-full max-w-md md:max-w-[400px] space-y-8 relative z-10 glass-appear">
-        <div className="text-center space-y-4">
-          <div className="flex justify-center">
-            <div className="p-3 rounded-2xl bg-accent-primary/5 border border-accent-primary/10 shadow-glass-sm">
-              {/* EN: X.ai Minimal - Static icon (no floating) */}
-              {/* VI: X.ai Minimal - Icon tĩnh (không float) */}
-              <svg
-                width="40"
-                height="40"
-                viewBox="0 0 24 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                className="text-text-primary"
-              >
-                <path
-                  d="M12 2L14.4 9.6H22L15.8 14.2L18.2 21.8L12 17.2L5.8 21.8L8.2 14.2L2 9.6H9.6L12 2Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </div>
-          <h1 className="text-4xl font-bold tracking-tight text-text-primary mb-2">
-            {t('auth.forgotPassword.title')}
-          </h1>
-          <p className="text-text-secondary">
-            {isSuccess
-              ? t('auth.forgotPassword.checkEmail')
-              : t('auth.forgotPassword.description')}
-          </p>
-        </div>
-
-        <div className="glass-card p-8 shadow-glass-xl border-border-primary">
-          {isSuccess ? (
-            // EN: Success state - show confirmation message
-            // VI: Trạng thái thành công - hiển thị thông báo xác nhận
-            <div className="space-y-6 animate-in fade-in zoom-in duration-500">
-              <div
-                className="p-4 rounded-xl bg-accent-success/10 border border-accent-success/20 text-accent-success flex items-center gap-3"
-                role="alert"
-              >
-                <svg
-                  className="h-6 w-6 flex-shrink-0"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke="currentColor"
-                  aria-hidden="true"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M5 13l4 4L19 7"
-                  />
-                </svg>
-                <span className="text-sm font-semibold">
-                  {t('auth.forgotPassword.resetLinkSent')}
-                </span>
-              </div>
-
-              <div className="space-y-4 text-sm text-text-secondary leading-relaxed">
-                <p>
-                  {t('auth.forgotPassword.resetLinkSentDetail', {
-                    email: submittedEmail,
-                  })}
-                </p>
-                <div className="pt-4 border-t border-glass-subtle">
-                  <p className="text-text-tertiary">
-                    {t('auth.forgotPassword.checkInbox')}
-                  </p>
-                </div>
-              </div>
-
-              <Button
-                variant="brand"
-                size="lg"
-                className="w-full mt-4"
-                onPress={() => (window.location.href = '/login')}
-              >
-                {t('auth.forgotPassword.backToLogin')}
-              </Button>
-
-              <button
-                type="button"
-                className="w-full text-sm text-text-tertiary hover:text-text-primary transition-colors"
-                onClick={() => {
-                  setIsSuccess(false);
-                  setSubmittedEmail('');
-                }}
-              >
-                {t('auth.forgotPassword.sendToAnotherEmail')}
-              </button>
-            </div>
-          ) : (
-            // EN: Form state - email input and submit
-            // VI: Trạng thái form - input email và submit
-            <form className="space-y-6" onSubmit={handleSubmit(onSubmit)}>
-              {/* EN: API Error message display / VI: Hiển thị thông báo lỗi API */}
-              {apiError && (
-                <div
-                  className="p-3 rounded-lg bg-accent-error/10 border border-accent-error/20 text-accent-error text-sm flex items-center gap-2 animate-in fade-in duration-quick"
-                  role="alert"
-                >
-                  <svg
-                    className="h-4 w-4 flex-shrink-0"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    aria-hidden="true"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                    />
-                  </svg>
-                  <span>{apiError}</span>
-                </div>
-              )}
-
-              <Input
-                type="email"
-                variant="solid"
-                label={t('auth.forgotPassword.email')}
-                placeholder="you@example.com"
-                isInvalid={!!errors.email}
-                errorMessage={errors.email?.message}
-                name={register('email').name}
-                onBlur={register('email').onBlur}
-                onChange={(value) => {
-                  // EN: React Aria onChange receives value string, not event
-                  // VI: React Aria onChange nhận value string, không phải event
-                  setValue('email', value);
-                }}
-                autoComplete="email"
-                autoFocus
-                aria-required="true"
-              />
-
-              <Button
-                type="submit"
-                variant="brand"
-                size="lg"
-                className="w-full mt-4"
-                isLoading={isSubmitting}
-                isDisabled={isSubmitting}
-              >
-                {isSubmitting
-                  ? t('auth.forgotPassword.sending')
-                  : t('auth.forgotPassword.sendResetLink')}
-              </Button>
-
-              <div className="text-center pt-4 border-t border-border-primary/50">
-                <Link
-                  href="/login"
-                  className="inline-flex items-center justify-center gap-2 px-6 py-2.5 rounded-xl border border-border-primary bg-bg-secondary text-sm font-semibold text-text-primary hover:bg-bg-tertiary hover:border-border-secondary transition-all group"
-                >
-                  <svg
-                    className="h-4 w-4 transform group-hover:-translate-x-1 transition-transform"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M15 19l-7-7 7-7"
-                    />
-                  </svg>
-                  {t('auth.forgotPassword.backToLogin')}
-                </Link>
-              </div>
-            </form>
-          )}
-        </div>
-      </div>
-    </main>
-  );
-}
diff --git a/apps/web-client/src/app/(auth)/login/page.tsx b/apps/web-client/src/app/(auth)/login/page.tsx
deleted file mode 100644
index 923bbae7..00000000
--- a/apps/web-client/src/app/(auth)/login/page.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-'use client';
-
-import { useForm, Controller } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-import { useRouter } from 'next/navigation';
-import Link from 'next/link';
-import { useState } from 'react';
-import { useAuthStore } from '@/stores/auth-store';
-import { Button } from '@/features/shared/components/ui/button';
-import { Input } from '@/features/shared/components/ui/input';
-import { useTranslations } from 'next-intl';
-import { AuthControls } from '@/features/shared/components/layout/auth-controls';
-import { AuthCard } from '@/features/auth/components/auth-card';
-
-/**
- * EN: Create login schema with translated messages
- * VI: Tạo login schema với thông báo đã dịch
- */
-function createLoginSchema(t: (key: string) => string) {
-  return z.object({
-    email: z
-      .string()
-      .min(1, t('validation.emailRequired'))
-      .email(t('validation.email')),
-    password: z
-      .string()
-      .min(1, t('validation.password'))
-      .min(8, t('validation.passwordMin')),
-    rememberMe: z.boolean().optional(),
-  });
-}
-
-/**
- * EN: LoginFormData type - will be inferred from schema in component
- * VI: Kiểu LoginFormData - sẽ được suy luận từ schema trong component
- */
-
-/**
- * EN: Login page component for user authentication
- * VI: Component trang đăng nhập để xác thực người dùng
- *
- * Features:
- * - Email/password inputs with validation
- * - Real-time error messages
- * - Remember me checkbox
- * - Forgot password link
- * - Loading state on button
- * - Error handling
- */
-export default function LoginPage() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-
-  // EN: Next.js router for navigation
-  // VI: Next.js router để điều hướng
-  const router = useRouter();
-
-  // EN: Auth store hooks for login functionality
-  // VI: Auth store hooks cho chức năng đăng nhập
-  const { login, isLoading } = useAuthStore();
-
-  // EN: General error state for API errors
-  // VI: Trạng thái lỗi chung cho lỗi API
-  const [apiError, setApiError] = useState<string>('');
-
-  // EN: Create schema with translations / VI: Tạo schema với translations
-  const loginSchema = createLoginSchema(t);
-  type LoginFormData = z.infer<typeof loginSchema>;
-
-  // EN: React Hook Form setup with Zod resolver
-  // VI: Setup React Hook Form với Zod resolver
-  const {
-    control,
-    handleSubmit,
-    formState: { errors, isSubmitting },
-  } = useForm<LoginFormData>({
-    resolver: zodResolver(loginSchema),
-    defaultValues: {
-      email: '',
-      password: '',
-      rememberMe: false,
-    },
-  });
-
-  /**
-   * EN: Handle form submission for login
-   * VI: Xử lý submit form để đăng nhập
-   *
-   * @param data - Form data validated by Zod / Dữ liệu form đã được validate bởi Zod
-   */
-  const onSubmit = async (data: LoginFormData) => {
-    setApiError('');
-    try {
-      // EN: Attempt login through auth store
-      // VI: Thử đăng nhập thông qua auth store
-      await login(data.email, data.password);
-      // EN: Redirect to dashboard on successful login
-      // VI: Chuyển hướng về dashboard khi đăng nhập thành công
-      router.push('/dashboard');
-    } catch (err: any) {
-      // EN: Set error message from API response
-      // VI: Đặt thông báo lỗi từ phản hồi API
-      setApiError(err.message || t('auth.login.loginFailed'));
-    }
-  };
-
-  return (
-    <>
-      <AuthControls />
-      <AuthCard
-        title={t('auth.login.title')}
-        description={t('auth.login.description')}
-        footer={
-          <span>
-            {t('auth.login.noAccount')}{' '}
-            <Link
-              href="/register"
-              className="text-accent-primary hover:text-accent-primary-hover font-medium transition-colors"
-            >
-              {t('auth.login.signUp')}
-            </Link>
-          </span>
-        }
-      >
-        <form className="space-y-6" onSubmit={handleSubmit(onSubmit)}>
-          {/* EN: API Error message display / VI: Hiển thị thông báo lỗi API */}
-          {apiError && (
-            <div
-              className="p-3 rounded-lg bg-accent-error/10 border border-accent-error/20 text-accent-error text-sm flex items-center gap-2 animate-in fade-in duration-quick"
-              role="alert"
-            >
-              <svg
-                className="h-4 w-4 flex-shrink-0"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                />
-              </svg>
-              <span>{apiError}</span>
-            </div>
-          )}
-
-          <div className="space-y-4">
-            {/* EN: Email input field / VI: Trường nhập email */}
-            <Controller
-              name="email"
-              control={control}
-              render={({ field }) => (
-                <Input
-                  type="email"
-                  variant="solid"
-                  label={t('auth.login.email')}
-                  placeholder="you@example.com"
-                  isInvalid={!!errors.email}
-                  errorMessage={errors.email?.message}
-                  value={field.value}
-                  onChange={field.onChange}
-                  onBlur={field.onBlur}
-                  autoComplete="email"
-                  aria-required="true"
-                />
-              )}
-            />
-
-            {/* EN: Password input field / VI: Trường nhập mật khẩu */}
-            <div className="space-y-1">
-              <Controller
-                name="password"
-                control={control}
-                render={({ field }) => (
-                  <Input
-                    type="password"
-                    variant="solid"
-                    label={t('auth.login.password')}
-                    placeholder={t('auth.login.password')}
-                    isInvalid={!!errors.password}
-                    errorMessage={errors.password?.message}
-                    value={field.value}
-                    onChange={field.onChange}
-                    onBlur={field.onBlur}
-                    autoComplete="current-password"
-                    aria-required="true"
-                  />
-                )}
-              />
-
-              <div className="flex items-center justify-between pt-2">
-                <label className="flex items-center gap-2 cursor-pointer group">
-                  <Controller
-                    name="rememberMe"
-                    control={control}
-                    render={({ field }) => (
-                      <input
-                        type="checkbox"
-                        checked={field.value}
-                        onChange={field.onChange}
-                        onBlur={field.onBlur}
-                        className="w-4 h-4 rounded border-border-primary bg-bg-secondary text-accent-primary focus:ring-2 focus:ring-accent-primary focus:ring-offset-2 focus:ring-offset-bg-primary cursor-pointer transition-all"
-                      />
-                    )}
-                  />
-                  <span className="text-sm text-text-secondary group-hover:text-text-primary transition-colors">
-                    {t('auth.login.rememberMe')}
-                  </span>
-                </label>
-
-                <Link
-                  href="/forgot-password"
-                  className="text-sm font-medium text-accent-primary hover:text-accent-primary-hover transition-colors"
-                >
-                  {t('auth.login.forgotPassword')}
-                </Link>
-              </div>
-            </div>
-          </div>
-
-          <Button
-            type="submit"
-            variant="brand"
-            size="lg"
-            className="w-full mt-4"
-            isLoading={isLoading || isSubmitting}
-            isDisabled={isLoading || isSubmitting}
-          >
-            {isLoading || isSubmitting
-              ? t('auth.login.signingIn')
-              : t('auth.login.title')}
-          </Button>
-        </form>
-      </AuthCard>
-    </>
-  );
-}
diff --git a/apps/web-client/src/app/(auth)/register/page.tsx b/apps/web-client/src/app/(auth)/register/page.tsx
deleted file mode 100644
index aa7f0163..00000000
--- a/apps/web-client/src/app/(auth)/register/page.tsx
+++ /dev/null
@@ -1,444 +0,0 @@
-'use client';
-
-import { useForm, Controller } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-import { useRouter } from 'next/navigation';
-import Link from 'next/link';
-import { useState, useMemo } from 'react';
-import { useAuthStore } from '@/stores/auth-store';
-import { Button } from '@/features/shared/components/ui/button';
-import { Input } from '@/features/shared/components/ui/input';
-import { AuthCard } from '@/features/auth/components/auth-card';
-import { useTranslations } from 'next-intl';
-import { AuthControls } from '@/features/shared/components/layout/auth-controls';
-import { cn } from '@/shared/utils';
-
-/**
- * EN: Create register schema with translated messages
- * VI: Tạo register schema với thông báo đã dịch
- */
-function createRegisterSchema(t: (key: string) => string) {
-  return z
-    .object({
-      fullName: z
-        .string()
-        .min(1, t('validation.fullNameRequired'))
-        .min(2, t('validation.fullNameMin'))
-        .max(100, t('validation.fullNameMax')),
-      email: z
-        .string()
-        .min(1, t('validation.emailRequired'))
-        .email(t('validation.email')),
-      password: z
-        .string()
-        .min(1, t('validation.password'))
-        .min(8, t('validation.passwordMin'))
-        .regex(/[A-Z]/, t('validation.passwordUppercase'))
-        .regex(/[a-z]/, t('validation.passwordLowercase'))
-        .regex(/[0-9]/, t('validation.passwordNumber'))
-        .regex(/[^A-Za-z0-9]/, t('validation.passwordSpecial')),
-      confirmPassword: z
-        .string()
-        .min(1, t('validation.passwordConfirmRequired')),
-      terms: z.boolean().refine((val) => val === true, {
-        message: t('validation.termsRequired'),
-      }),
-    })
-    .refine((data) => data.password === data.confirmPassword, {
-      message: t('validation.passwordConfirm'),
-      path: ['confirmPassword'],
-    });
-}
-
-
-/**
- * EN: Password strength levels
- * VI: Các mức độ mạnh của mật khẩu
- */
-type PasswordStrength = 'weak' | 'fair' | 'good' | 'strong';
-
-/**
- * EN: Calculate password strength based on criteria
- * VI: Tính toán độ mạnh mật khẩu dựa trên các tiêu chí
- *
- * @param password - Password to evaluate / Mật khẩu cần đánh giá
- * @returns Password strength level / Mức độ mạnh mật khẩu
- */
-function calculatePasswordStrength(password: string): {
-  strength: PasswordStrength;
-  percentage: number;
-  feedback: string;
-} {
-  if (!password) {
-    return { strength: 'weak', percentage: 0, feedback: '' };
-  }
-
-  let score = 0;
-  const checks = {
-    length: password.length >= 8,
-    uppercase: /[A-Z]/.test(password),
-    lowercase: /[a-z]/.test(password),
-    number: /[0-9]/.test(password),
-    special: /[^A-Za-z0-9]/.test(password),
-  };
-
-  // EN: Calculate score based on criteria / VI: Tính điểm dựa trên tiêu chí
-  if (checks.length) score += 20;
-  if (checks.uppercase) score += 20;
-  if (checks.lowercase) score += 20;
-  if (checks.number) score += 20;
-  if (checks.special) score += 20;
-
-  // EN: Additional points for length / VI: Điểm thêm cho độ dài
-  if (password.length >= 12) score += 10;
-  if (password.length >= 16) score += 10;
-
-  // EN: Cap at 100% / VI: Giới hạn ở 100%
-  score = Math.min(score, 100);
-
-  let strength: PasswordStrength;
-  let feedback: string;
-
-  // EN: This will be translated in the component / VI: Sẽ được dịch trong component
-  if (score < 25) {
-    strength = 'weak';
-    feedback = 'weak';
-  } else if (score < 50) {
-    strength = 'fair';
-    feedback = 'fair';
-  } else if (score < 75) {
-    strength = 'good';
-    feedback = 'good';
-  } else {
-    strength = 'strong';
-    feedback = 'strong';
-  }
-
-  return { strength, percentage: score, feedback };
-}
-
-/**
- * EN: Register page component for user registration
- * VI: Component trang đăng ký để đăng ký người dùng
- *
- * Features:
- * - Full name, email, password, confirm password inputs
- * - Password strength indicator with visual feedback
- * - Terms & conditions checkbox
- * - Real-time validation
- * - Error handling
- */
-export default function RegisterPage() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-
-  // EN: Next.js router for navigation
-  // VI: Next.js router để điều hướng
-  const router = useRouter();
-
-  // EN: Auth store hooks for registration functionality
-  // VI: Auth store hooks cho chức năng đăng ký
-  const { register: registerUser, isLoading } = useAuthStore();
-
-  // EN: General error state for API errors
-  // VI: Trạng thái lỗi chung cho lỗi API
-  const [apiError, setApiError] = useState<string>('');
-
-  // EN: Create schema with translations / VI: Tạo schema với translations
-  const registerSchema = createRegisterSchema(t);
-  type RegisterFormData = z.infer<typeof registerSchema>;
-
-  // EN: React Hook Form setup with Zod resolver
-  // VI: Setup React Hook Form với Zod resolver
-  const {
-    control,
-    handleSubmit,
-    watch,
-    formState: { errors, isSubmitting },
-  } = useForm<RegisterFormData>({
-    resolver: zodResolver(registerSchema),
-    defaultValues: {
-      fullName: '',
-      email: '',
-      password: '',
-      confirmPassword: '',
-      terms: false,
-    },
-  });
-
-  // EN: Watch password field for strength calculation
-  // VI: Theo dõi trường password để tính độ mạnh
-  const password = watch('password');
-
-  // EN: Calculate password strength
-  // VI: Tính toán độ mạnh mật khẩu
-  const passwordStrength = useMemo(
-    () => calculatePasswordStrength(password || ''),
-    [password]
-  );
-
-  /**
-   * EN: Handle form submission for registration
-   * VI: Xử lý submit form để đăng ký
-   *
-   * @param data - Form data validated by Zod / Dữ liệu form đã được validate bởi Zod
-   * Note: fullName is collected for UX but not sent to API (backend generates username from email)
-   * Ghi chú: fullName được thu thập cho UX nhưng không gửi đến API (backend tạo username từ email)
-   */
-  const onSubmit = async (data: RegisterFormData) => {
-    setApiError('');
-    try {
-      // EN: Attempt registration through auth store
-      // VI: Thử đăng ký thông qua auth store
-      // Note: RegisterDto only accepts email, password, confirmPassword
-      // Ghi chú: RegisterDto chỉ chấp nhận email, password, confirmPassword
-      await registerUser(data.email, data.password, data.confirmPassword);
-      // EN: Redirect to home page on successful registration
-      // VI: Chuyển hướng về trang chủ khi đăng ký thành công
-      router.push('/dashboard');
-    } catch (err: any) {
-      // EN: Set error message from API response
-      // VI: Đặt thông báo lỗi từ phản hồi API
-      setApiError(err.message || t('auth.register.registrationFailed'));
-    }
-  };
-
-  // EN: Get color for password strength indicator
-  // VI: Lấy màu cho chỉ báo độ mạnh mật khẩu
-  const getStrengthColor = (strength: PasswordStrength) => {
-    switch (strength) {
-      case 'weak':
-        return 'bg-accent-error'; // Red
-      case 'fair':
-        return 'bg-accent-warning'; // Amber
-      case 'good':
-        return 'bg-accent-warning'; // Yellow (using warning for good)
-      case 'strong':
-        return 'bg-accent-success'; // Green
-      default:
-        return 'bg-border-primary';
-    }
-  };
-
-  return (
-    <>
-      <AuthControls />
-      <AuthCard
-        title={t('auth.register.createAccount')}
-        description={t('auth.register.signUpToStart')}
-        footer={
-          <span>
-            {t('auth.register.alreadyHaveAccount')}{' '}
-            <Link
-              href="/login"
-              className="text-accent-primary hover:text-accent-primary-hover font-medium transition-colors"
-            >
-              {t('auth.register.signIn')}
-            </Link>
-          </span>
-        }
-      >
-        <form className="space-y-6" onSubmit={handleSubmit(onSubmit)}>
-          {/* EN: API Error message display / VI: Hiển thị thông báo lỗi API */}
-          {apiError && (
-            <div
-              className="p-3 rounded-lg bg-accent-error/10 border border-accent-error/20 text-accent-error text-sm flex items-center gap-2 animate-in fade-in duration-quick"
-              role="alert"
-            >
-              <svg
-                className="h-4 w-4 flex-shrink-0"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                />
-              </svg>
-              <span>{apiError}</span>
-            </div>
-          )}
-
-          <div className="space-y-4">
-            {/* EN: Full name input field / VI: Trường nhập họ tên */}
-            <Controller
-              name="fullName"
-              control={control}
-              render={({ field }) => (
-                <Input
-                  type="text"
-                  variant="solid"
-                  label={t('auth.register.fullName')}
-                  placeholder="John Doe"
-                  isInvalid={!!errors.fullName}
-                  errorMessage={errors.fullName?.message}
-                  value={field.value}
-                  onChange={field.onChange}
-                  onBlur={field.onBlur}
-                  autoComplete="name"
-                  aria-required="true"
-                />
-              )}
-            />
-
-            {/* EN: Email input field / VI: Trường nhập email */}
-            <Controller
-              name="email"
-              control={control}
-              render={({ field }) => (
-                <Input
-                  type="email"
-                  variant="solid"
-                  label={t('auth.register.email')}
-                  placeholder="you@example.com"
-                  isInvalid={!!errors.email}
-                  errorMessage={errors.email?.message}
-                  value={field.value}
-                  onChange={field.onChange}
-                  onBlur={field.onBlur}
-                  autoComplete="email"
-                  aria-required="true"
-                />
-              )}
-            />
-
-            {/* EN: Password input field / VI: Trường nhập mật khẩu */}
-            <div className="space-y-2">
-              <Controller
-                name="password"
-                control={control}
-                render={({ field }) => (
-                  <Input
-                    type="password"
-                    variant="solid"
-                    label={t('auth.register.password')}
-                    placeholder={t('auth.register.createStrongPassword')}
-                    isInvalid={!!errors.password}
-                    errorMessage={errors.password?.message}
-                    value={field.value}
-                    onChange={field.onChange}
-                    onBlur={field.onBlur}
-                    autoComplete="new-password"
-                    aria-required="true"
-                  />
-                )}
-              />
-
-              {/* EN: Password strength indicator / VI: Chỉ báo độ mạnh mật khẩu */}
-              {password && (
-                <div className="space-y-2 px-1">
-                  <div className="flex gap-1.5">
-                    {[1, 2, 3, 4].map((step) => (
-                      <div
-                        key={step}
-                        className={cn(
-                          'h-1 flex-1 rounded-full transition-all duration-500',
-                          passwordStrength.percentage >= step * 25
-                            ? getStrengthColor(passwordStrength.strength)
-                            : 'bg-bg-tertiary'
-                        )}
-                      />
-                    ))}
-                  </div>
-                  <p
-                    className={cn(
-                      'text-[10px] uppercase tracking-wider font-semibold',
-                      passwordStrength.strength === 'weak'
-                        ? 'text-accent-error'
-                        : passwordStrength.strength === 'strong'
-                          ? 'text-accent-success'
-                          : 'text-accent-warning'
-                    )}
-                  >
-                    {t(`auth.register.${passwordStrength.feedback}`)}
-                  </p>
-                </div>
-              )}
-            </div>
-
-            {/* EN: Confirm password input field / VI: Trường xác nhận mật khẩu */}
-            <Controller
-              name="confirmPassword"
-              control={control}
-              render={({ field }) => (
-                <Input
-                  type="password"
-                  variant="solid"
-                  label={t('auth.register.confirmPassword')}
-                  placeholder={t('auth.register.reEnterPassword')}
-                  isInvalid={!!errors.confirmPassword}
-                  errorMessage={errors.confirmPassword?.message}
-                  value={field.value}
-                  onChange={field.onChange}
-                  onBlur={field.onBlur}
-                  autoComplete="new-password"
-                  aria-required="true"
-                />
-              )}
-            />
-
-            {/* EN: Terms and conditions checkbox / VI: Checkbox điều khoản và điều kiện */}
-            <Controller
-              name="terms"
-              control={control}
-              render={({ field }) => (
-                <div className="space-y-2 pt-2">
-                  <label className="flex items-start gap-2 cursor-pointer group">
-                    <input
-                      type="checkbox"
-                      checked={field.value}
-                      onChange={field.onChange}
-                      onBlur={field.onBlur}
-                      className="mt-1 w-4 h-4 rounded border-border-primary bg-bg-secondary text-accent-primary focus:ring-2 focus:ring-accent-primary focus:ring-offset-2 focus:ring-offset-bg-primary cursor-pointer flex-shrink-0 transition-all"
-                      aria-required="true"
-                      aria-invalid={errors.terms ? 'true' : 'false'}
-                    />
-                    <span className="text-sm text-text-secondary group-hover:text-text-primary transition-colors">
-                      {t('auth.register.agreeToTerms')}{' '}
-                      <Link
-                        href="/terms"
-                        className="text-accent-primary hover:text-accent-primary-hover font-medium transition-colors"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        {t('auth.register.termsAndConditions')}
-                      </Link>
-                    </span>
-                  </label>
-                  {errors.terms && (
-                    <p
-                      className="text-sm text-accent-error flex items-center gap-1 ml-6 animate-in fade-in duration-quick"
-                      role="alert"
-                    >
-                      <span>{errors.terms.message}</span>
-                    </p>
-                  )}
-                </div>
-              )}
-            />
-          </div>
-
-          {/* EN: Submit button with loading state / VI: Nút submit với trạng thái loading */}
-          <Button
-            type="submit"
-            variant="brand"
-            size="lg"
-            fullWidth
-            className="mt-2"
-            isLoading={isLoading || isSubmitting}
-            isDisabled={isLoading || isSubmitting}
-          >
-            {isLoading || isSubmitting
-              ? t('auth.register.signingUp')
-              : t('auth.register.title')}
-          </Button>
-        </form>
-      </AuthCard>
-    </>
-  );
-}
diff --git a/apps/web-client/src/app/(dashboard)/account/mockup.tsx b/apps/web-client/src/app/(dashboard)/account/mockup.tsx
deleted file mode 100644
index 430b91e2..00000000
--- a/apps/web-client/src/app/(dashboard)/account/mockup.tsx
+++ /dev/null
@@ -1,601 +0,0 @@
-'use client';
-
-/**
- * EN: Account Mockup Component
- * VI: Component Mockup Tài khoản
- *
- * This is a visual mockup/demo component for the client account page.
- * It showcases the account overview, profile information, statistics, and quick actions.
- *
- * Đây là component mockup/demo cho trang tài khoản client.
- * Nó minh họa tổng quan tài khoản, thông tin profile, thống kê, và các hành động nhanh.
- */
-
-import Link from 'next/link';
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-} from '@/features/shared/components/ui/card';
-import { Button } from '@/features/shared/components/ui/button';
-import {
-  Avatar,
-  AvatarImage,
-  AvatarFallback,
-} from '@/features/shared/components/ui/avatar';
-import {
-  User,
-  Mail,
-  Calendar,
-  Shield,
-  Activity,
-  TrendingUp,
-  MessageSquare,
-  Settings,
-  CreditCard,
-  Bell,
-  CheckCircle2,
-  Clock,
-  BarChart3,
-  Zap,
-} from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Account Statistics Card
- * VI: Card Thống kê Tài khoản
- */
-function AccountStatsCard() {
-  const t = useTranslations();
-
-  const stats = [
-    {
-      label: t('account.stats.totalChats', { defaultValue: 'Total Chats' }),
-      value: '1,234',
-      change: '+12%',
-      trend: 'up',
-      icon: MessageSquare,
-      color: 'text-accent-primary',
-    },
-    {
-      label: t('account.stats.activeSessions', { defaultValue: 'Active Sessions' }),
-      value: '5',
-      change: '+2',
-      trend: 'up',
-      icon: Activity,
-      color: 'text-accent-success',
-    },
-    {
-      label: t('account.stats.apiCalls', { defaultValue: 'API Calls (This Month)' }),
-      value: '45.2K',
-      change: '+8%',
-      trend: 'up',
-      icon: TrendingUp,
-      color: 'text-accent-info',
-    },
-    {
-      label: t('account.stats.uptime', { defaultValue: 'Uptime' }),
-      value: '99.9%',
-      change: 'Stable',
-      trend: 'stable',
-      icon: BarChart3,
-      color: 'text-accent-success',
-    },
-  ];
-
-  return (
-    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
-      {stats.map((stat, index) => {
-        const Icon = stat.icon;
-        return (
-          <Card key={index} hover bordered>
-            <CardContent className="p-6">
-              <div className="flex items-center justify-between">
-                <div className="flex-1">
-                  <p className="text-sm font-medium text-text-secondary">
-                    {stat.label}
-                  </p>
-                  <p className="mt-2 text-2xl font-bold text-text-primary">
-                    {stat.value}
-                  </p>
-                  <div className="mt-2 flex items-center gap-1">
-                    {stat.trend === 'up' && (
-                      <span className="text-xs font-medium text-accent-success">
-                        {stat.change}
-                      </span>
-                    )}
-                    {stat.trend === 'stable' && (
-                      <span className="text-xs font-medium text-text-tertiary">
-                        {stat.change}
-                      </span>
-                    )}
-                    <span className="text-xs text-text-tertiary">
-                      {t('account.stats.vsLastMonth', { defaultValue: 'vs last month' })}
-                    </span>
-                  </div>
-                </div>
-                <div className={`rounded-lg bg-bg-tertiary p-3 ${stat.color}`}>
-                  <Icon className="h-6 w-6" />
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-        );
-      })}
-    </div>
-  );
-}
-
-/**
- * EN: Quick Actions Card
- * VI: Card Hành động Nhanh
- */
-function QuickActionsCard() {
-  const t = useTranslations();
-
-  const actions = [
-    {
-      label: t('account.actions.updateProfile', { defaultValue: 'Update Profile' }),
-      icon: User,
-      href: '/settings/profile',
-      color: 'text-accent-primary',
-    },
-    {
-      label: t('account.actions.manageApiKeys', { defaultValue: 'Manage API Keys' }),
-      icon: Shield,
-      href: '/settings/api-keys',
-      color: 'text-accent-warning',
-    },
-    {
-      label: t('account.actions.billing', { defaultValue: 'Billing & Subscription' }),
-      icon: CreditCard,
-      href: '/settings/billing',
-      color: 'text-accent-info',
-    },
-    {
-      label: t('account.actions.notifications', { defaultValue: 'Notification Settings' }),
-      icon: Bell,
-      href: '/settings/notifications',
-      color: 'text-accent-secondary',
-    },
-  ];
-
-  return (
-    <Card hover>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <Zap className="h-5 w-5 text-accent-primary" />
-          {t('account.quickActions', { defaultValue: 'Quick Actions' })}
-        </CardTitle>
-        <CardDescription>
-          {t('account.quickActionsDescription', {
-            defaultValue: 'Common account management tasks',
-          })}
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
-          {actions.map((action, index) => {
-            const Icon = action.icon;
-            return (
-              <Link
-                key={index}
-                href={action.href}
-                className={cn(
-                  'inline-flex items-center justify-start gap-3 rounded-md font-medium transition-all duration-[150ms] ease-out h-auto py-3 px-4',
-                  'bg-chat-ai-bubble text-chat-ai-text hover:bg-bg-tertiary hover:scale-[1.02] active:scale-[0.98]',
-                  'border border-border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-primary'
-                )}
-              >
-                <Icon className={`h-5 w-5 ${action.color}`} />
-                <span>{action.label}</span>
-              </Link>
-            );
-          })}
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
-
-/**
- * EN: Account Information Card
- * VI: Card Thông tin Tài khoản
- */
-function AccountInfoCard() {
-  const t = useTranslations();
-
-  // EN: Mock user data / VI: Dữ liệu user mẫu
-  const userData = {
-    name: 'John Doe',
-    email: 'john.doe@example.com',
-    username: 'johndoe',
-    memberSince: 'January 2024',
-    emailVerified: true,
-    phoneVerified: false,
-    plan: 'Pro',
-    avatarUrl: null,
-  };
-
-  const infoItems = [
-    {
-      label: t('account.info.email', { defaultValue: 'Email' }),
-      value: userData.email,
-      verified: userData.emailVerified,
-      icon: Mail,
-    },
-    {
-      label: t('account.info.username', { defaultValue: 'Username' }),
-      value: userData.username,
-      verified: false,
-      icon: User,
-    },
-    {
-      label: t('account.info.memberSince', { defaultValue: 'Member Since' }),
-      value: userData.memberSince,
-      verified: false,
-      icon: Calendar,
-    },
-    {
-      label: t('account.info.plan', { defaultValue: 'Plan' }),
-      value: userData.plan,
-      verified: false,
-      icon: Shield,
-    },
-  ];
-
-  return (
-    <Card hover>
-      <CardHeader>
-        <CardTitle>{t('account.info.title', { defaultValue: 'Account Information' })}</CardTitle>
-        <CardDescription>
-          {t('account.info.description', {
-            defaultValue: 'Your account details and verification status',
-          })}
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        {/* EN: Avatar and Name Section / VI: Phần Avatar và Tên */}
-        <div className="mb-6 flex items-center gap-4 border-b border-border-primary pb-6">
-          <Avatar size="xl" className="h-20 w-20">
-            {userData.avatarUrl && (
-              <AvatarImage src={userData.avatarUrl} alt={userData.name} />
-            )}
-            <AvatarFallback>
-              {userData.name
-                .split(' ')
-                .map((n) => n[0])
-                .join('')
-                .toUpperCase()}
-            </AvatarFallback>
-          </Avatar>
-          <div className="flex-1">
-            <h3 className="text-xl font-semibold text-text-primary">{userData.name}</h3>
-            <p className="text-sm text-text-secondary">{userData.email}</p>
-            <div className="mt-2 flex items-center gap-2">
-              {userData.emailVerified && (
-                <span className="inline-flex items-center gap-1 rounded-full bg-accent-success/10 px-2 py-1 text-xs font-medium text-accent-success">
-                  <CheckCircle2 className="h-3 w-3" />
-                  {t('account.verified', { defaultValue: 'Verified' })}
-                </span>
-              )}
-              <span className="inline-flex items-center gap-1 rounded-full bg-accent-primary/10 px-2 py-1 text-xs font-medium text-accent-primary">
-                {userData.plan}
-              </span>
-            </div>
-          </div>
-          <Link
-            href="/settings/profile"
-            className={cn(
-              'inline-flex items-center justify-center rounded-md font-medium transition-all duration-[150ms] ease-out',
-              'bg-chat-ai-bubble text-chat-ai-text hover:bg-bg-tertiary hover:scale-[1.02] active:scale-[0.98]',
-              'border border-border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-primary',
-              'h-10 px-4 text-base'
-            )}
-          >
-            {t('account.editProfile', { defaultValue: 'Edit Profile' })}
-          </Link>
-        </div>
-
-        {/* EN: Information Grid / VI: Lưới Thông tin */}
-        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
-          {infoItems.map((item, index) => {
-            const Icon = item.icon;
-            return (
-              <div
-                key={index}
-                className="flex items-start gap-3 rounded-lg bg-bg-tertiary p-4"
-              >
-                <div className="rounded-lg bg-bg-elevated p-2 text-text-tertiary">
-                  <Icon className="h-5 w-5" />
-                </div>
-                <div className="flex-1">
-                  <p className="text-sm font-medium text-text-secondary">{item.label}</p>
-                  <p className="mt-1 text-base text-text-primary">{item.value}</p>
-                  {item.verified && (
-                    <div className="mt-1 flex items-center gap-1 text-xs text-accent-success">
-                      <CheckCircle2 className="h-3 w-3" />
-                      <span>{t('account.verified', { defaultValue: 'Verified' })}</span>
-                    </div>
-                  )}
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
-
-/**
- * EN: Recent Activity Card
- * VI: Card Hoạt động Gần đây
- */
-function RecentActivityCard() {
-  const t = useTranslations();
-
-  // EN: Mock activity data / VI: Dữ liệu hoạt động mẫu
-  const activities = [
-    {
-      type: 'api_key_created',
-      message: t('account.activity.apiKeyCreated', {
-        defaultValue: 'Created new API key',
-      }),
-      time: '2 hours ago',
-      icon: Shield,
-      color: 'text-accent-success',
-    },
-    {
-      type: 'profile_updated',
-      message: t('account.activity.profileUpdated', {
-        defaultValue: 'Updated profile information',
-      }),
-      time: '1 day ago',
-      icon: User,
-      color: 'text-accent-primary',
-    },
-    {
-      type: 'chat_created',
-      message: t('account.activity.chatCreated', {
-        defaultValue: 'Started new conversation',
-      }),
-      time: '2 days ago',
-      icon: MessageSquare,
-      color: 'text-accent-info',
-    },
-    {
-      type: 'settings_changed',
-      message: t('account.activity.settingsChanged', {
-        defaultValue: 'Changed notification preferences',
-      }),
-      time: '3 days ago',
-      icon: Settings,
-      color: 'text-accent-warning',
-    },
-  ];
-
-  return (
-    <Card hover>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <Activity className="h-5 w-5 text-accent-primary" />
-          {t('account.recentActivity', { defaultValue: 'Recent Activity' })}
-        </CardTitle>
-        <CardDescription>
-          {t('account.recentActivityDescription', {
-            defaultValue: 'Your recent account activities and changes',
-          })}
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        <div className="space-y-4">
-          {activities.map((activity, index) => {
-            const Icon = activity.icon;
-            return (
-              <div
-                key={index}
-                className="flex items-start gap-4 rounded-lg border border-border-primary bg-bg-tertiary p-4 transition-all hover:border-border-secondary"
-              >
-                <div className={`rounded-lg bg-bg-elevated p-2 ${activity.color}`}>
-                  <Icon className="h-5 w-5" />
-                </div>
-                <div className="flex-1">
-                  <p className="text-sm font-medium text-text-primary">
-                    {activity.message}
-                  </p>
-                  <div className="mt-1 flex items-center gap-2 text-xs text-text-tertiary">
-                    <Clock className="h-3 w-3" />
-                    <span>{activity.time}</span>
-                  </div>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-        <div className="mt-4">
-          <Button variant="ghost" size="sm" className="w-full">
-            {t('account.viewAllActivity', { defaultValue: 'View All Activity' })}
-          </Button>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
-
-/**
- * EN: Account Security Status Card
- * VI: Card Trạng thái Bảo mật Tài khoản
- */
-function SecurityStatusCard() {
-  const t = useTranslations();
-
-  const securityItems = [
-    {
-      label: t('account.security.emailVerified', { defaultValue: 'Email Verified' }),
-      status: true,
-      icon: CheckCircle2,
-    },
-    {
-      label: t('account.security.twoFactorEnabled', { defaultValue: 'Two-Factor Authentication' }),
-      status: false,
-      icon: Shield,
-    },
-    {
-      label: t('account.security.phoneVerified', { defaultValue: 'Phone Verified' }),
-      status: false,
-      icon: CheckCircle2,
-    },
-    {
-      label: t('account.security.recoveryCodes', {
-        defaultValue: 'Recovery Codes Generated',
-      }),
-      status: true,
-      icon: Shield,
-    },
-  ];
-
-  const completedCount = securityItems.filter((item) => item.status).length;
-  const totalCount = securityItems.length;
-  const percentage = (completedCount / totalCount) * 100;
-
-  return (
-    <Card hover>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <Shield className="h-5 w-5 text-accent-primary" />
-          {t('account.security.title', { defaultValue: 'Security Status' })}
-        </CardTitle>
-        <CardDescription>
-          {t('account.security.description', {
-            defaultValue: 'Your account security settings and recommendations',
-          })}
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        {/* EN: Security Score / VI: Điểm Bảo mật */}
-        <div className="mb-6">
-          <div className="mb-2 flex items-center justify-between">
-            <span className="text-sm font-medium text-text-secondary">
-              {t('account.security.score', { defaultValue: 'Security Score' })}
-            </span>
-            <span className="text-sm font-bold text-text-primary">
-              {completedCount}/{totalCount}
-            </span>
-          </div>
-          <div className="h-2 w-full overflow-hidden rounded-full bg-bg-tertiary">
-            <div
-              className="h-full rounded-full bg-accent-primary transition-all duration-500"
-              style={{ width: `${percentage}%` }}
-            />
-          </div>
-          <p className="mt-2 text-xs text-text-tertiary">
-            {percentage === 100
-              ? t('account.security.excellent', {
-                  defaultValue: 'Excellent! Your account is well secured.',
-                })
-              : t('account.security.improve', {
-                  defaultValue: 'Complete remaining items to improve security.',
-                })}
-          </p>
-        </div>
-
-        {/* EN: Security Items List / VI: Danh sách Mục Bảo mật */}
-        <div className="space-y-3">
-          {securityItems.map((item, index) => {
-            const Icon = item.icon;
-            return (
-              <div
-                key={index}
-                className="flex items-center justify-between rounded-lg border border-border-primary bg-bg-tertiary p-3"
-              >
-                <div className="flex items-center gap-3">
-                  <Icon
-                    className={`h-5 w-5 ${
-                      item.status ? 'text-accent-success' : 'text-text-tertiary'
-                    }`}
-                  />
-                  <span className="text-sm font-medium text-text-primary">
-                    {item.label}
-                  </span>
-                </div>
-                {item.status ? (
-                  <span className="inline-flex items-center gap-1 rounded-full bg-accent-success/10 px-2 py-1 text-xs font-medium text-accent-success">
-                    <CheckCircle2 className="h-3 w-3" />
-                    {t('account.security.enabled', { defaultValue: 'Enabled' })}
-                  </span>
-                ) : (
-                  <Link
-                    href="/settings/security"
-                    className={cn(
-                      'inline-flex items-center justify-center rounded-md font-medium transition-all duration-[150ms] ease-out',
-                      'text-text-secondary hover:bg-bg-tertiary hover:text-text-primary active:bg-bg-elevated',
-                      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-primary',
-                      'h-8 px-3 text-sm'
-                    )}
-                  >
-                    {t('account.security.enable', { defaultValue: 'Enable' })}
-                  </Link>
-                )}
-              </div>
-            );
-          })}
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
-
-/**
- * EN: Main Account Mockup Page
- * VI: Trang Mockup Tài khoản Chính
- */
-export default function AccountMockupPage() {
-  const t = useTranslations();
-
-  return (
-    <div className="min-h-screen bg-bg-primary">
-      {/* EN: Page Header / VI: Header Trang */}
-      <div className="border-b border-border-primary bg-bg-secondary">
-        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <div className="py-8">
-            <h1 className="text-3xl font-bold text-text-primary">
-              {t('account.title', { defaultValue: 'My Account' })}
-            </h1>
-            <p className="mt-2 text-sm text-text-tertiary">
-              {t('account.description', {
-                defaultValue: 'Manage your account settings, view statistics, and monitor activity',
-              })}
-            </p>
-          </div>
-        </div>
-      </div>
-
-      {/* EN: Main Content / VI: Nội dung Chính */}
-      <div className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
-        <div className="space-y-8">
-          {/* EN: Statistics Cards / VI: Cards Thống kê */}
-          <AccountStatsCard />
-
-          {/* EN: Main Grid Layout / VI: Bố cục Lưới Chính */}
-          <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
-            {/* EN: Left Column - Account Info / VI: Cột Trái - Thông tin Tài khoản */}
-            <div className="lg:col-span-2 space-y-8">
-              <AccountInfoCard />
-              <RecentActivityCard />
-            </div>
-
-            {/* EN: Right Column - Quick Actions & Security / VI: Cột Phải - Hành động Nhanh & Bảo mật */}
-            <div className="space-y-8">
-              <QuickActionsCard />
-              <SecurityStatusCard />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/apps/web-client/src/app/(dashboard)/account/page.tsx b/apps/web-client/src/app/(dashboard)/account/page.tsx
deleted file mode 100644
index 0c68b7cf..00000000
--- a/apps/web-client/src/app/(dashboard)/account/page.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import AccountMockupPage from './mockup';
-
-/**
- * EN: Account Page - Displays account overview and management
- * VI: Trang Tài khoản - Hiển thị tổng quan và quản lý tài khoản
- *
- * This page shows:
- * - Account statistics (chats, sessions, API calls, uptime)
- * - Account information (profile, email, username, plan)
- * - Quick actions (update profile, manage API keys, billing, notifications)
- * - Recent activity feed
- * - Security status and recommendations
- *
- * Trang này hiển thị:
- * - Thống kê tài khoản (chats, sessions, API calls, uptime)
- * - Thông tin tài khoản (profile, email, username, plan)
- * - Hành động nhanh (cập nhật profile, quản lý API keys, billing, notifications)
- * - Feed hoạt động gần đây
- * - Trạng thái bảo mật và khuyến nghị
- */
-export default function AccountPage() {
-  return <AccountMockupPage />;
-}
diff --git a/apps/web-client/src/app/(dashboard)/chat/page.tsx b/apps/web-client/src/app/(dashboard)/chat/page.tsx
deleted file mode 100644
index 65432031..00000000
--- a/apps/web-client/src/app/(dashboard)/chat/page.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { ChatLayout } from '@/features/chat/chat-layout';
-import { ConversationSidebar } from '@/features/chat/conversation-sidebar';
-import { MessageBubble } from '@/features/chat/message-bubble';
-import { ChatInput } from '@/features/chat/chat-input';
-// EN: Lazy load typing indicator / VI: Lazy load typing indicator
-const TypingIndicator = React.lazy(() => import('@/features/chat/typing-indicator').then(m => ({ default: m.TypingIndicator })));
-import { LiveRegion } from '@/features/shared/components/accessibility/live-region';
-import { useKeyboardShortcuts, CHAT_SHORTCUTS } from '@/shared/hooks/use-keyboard-shortcuts';
-import { useChatStore, MessageSender } from '@/stores/chat-store';
-import { useTranslations } from 'next-intl';
-
-/**
- * EN: Chat page component - Main chat interface
- * VI: Component trang chat - Giao diện chat chính
- *
- * Features:
- * - Chat layout with sidebar and main area
- * - Message display with user/AI variants
- * - Chat input with auto-resize
- * - Typing indicator
- * - Keyboard shortcuts
- * - Screen reader announcements
- *
- * Tính năng:
- * - Layout chat với sidebar và khu vực chính
- * - Hiển thị tin nhắn với các biến thể user/AI
- * - Input chat với auto-resize
- * - Typing indicator
- * - Phím tắt bàn phím
- * - Thông báo screen reader
- */
-export default function ChatPage() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-
-  const [sidebarVisible, setSidebarVisible] = React.useState(true);
-  const [announcement, setAnnouncement] = React.useState<string>('');
-
-  // EN: Get chat state from store / VI: Lấy state chat từ store
-  const {
-    messages,
-    conversations,
-    currentConversationId,
-    sendMessage,
-    selectConversation,
-    createConversation,
-  } = useChatStore();
-
-  // EN: Get current conversation messages / VI: Lấy tin nhắn của conversation hiện tại
-  const currentMessages = React.useMemo(() => {
-    if (!currentConversationId) return [];
-    return messages[currentConversationId] || [];
-  }, [messages, currentConversationId]);
-
-  // EN: Handle send message / VI: Xử lý gửi tin nhắn
-  const handleSend = async (content: string) => {
-    let conversationId = currentConversationId;
-    if (!conversationId) {
-      // EN: Create new conversation if none selected / VI: Tạo conversation mới nếu chưa chọn
-      conversationId = createConversation();
-    }
-    try {
-      await sendMessage(conversationId, content);
-      setAnnouncement(t('chat.messageSent'));
-    } catch (error) {
-      setAnnouncement(t('chat.messageSendFailed'));
-    }
-  };
-
-  // EN: Handle new chat / VI: Xử lý chat mới
-  const handleNewChat = () => {
-    createConversation();
-    setAnnouncement(t('chat.newConversationCreated'));
-  };
-
-  // EN: Handle select conversation / VI: Xử lý chọn conversation
-  const handleSelectConversation = (conversationId: string) => {
-    selectConversation(conversationId);
-    setAnnouncement(t('chat.switchedToConversation'));
-  };
-
-  // EN: Keyboard shortcuts / VI: Phím tắt bàn phím
-  useKeyboardShortcuts([
-    {
-      key: CHAT_SHORTCUTS.NEW_CHAT,
-      handler: () => handleNewChat(),
-      description: t('chat.newChat'),
-      preventDefault: true,
-    },
-    {
-      key: CHAT_SHORTCUTS.SEARCH,
-      handler: () => {
-        // EN: Focus search input / VI: Focus input tìm kiếm
-        const searchInput = document.querySelector('input[type="search"]') as HTMLInputElement;
-        searchInput?.focus();
-      },
-      description: t('chat.openSearch'),
-      preventDefault: true,
-    },
-  ]);
-
-  return (
-    <>
-      <LiveRegion message={announcement} priority="polite" />
-      <ChatLayout
-        sidebar={
-          <ConversationSidebar
-            conversations={conversations.map((conv) => ({
-              id: conv.id,
-              title: conv.title,
-              lastMessage: conv.lastMessage?.content,
-              lastMessageAt: conv.lastMessage ? new Date(conv.lastMessage.createdAt) : undefined,
-              isSelected: conv.id === currentConversationId,
-            }))}
-            selectedConversationId={currentConversationId || undefined}
-            onSelectConversation={handleSelectConversation}
-            onNewChat={handleNewChat}
-          />
-        }
-        sidebarVisible={sidebarVisible}
-        onSidebarToggle={setSidebarVisible}
-      >
-        {/* EN: Messages container / VI: Container tin nhắn */}
-        <div className="flex-1 overflow-y-auto p-4 space-y-4" role="log" aria-label={t('chat.messages')}>
-          {currentMessages.length === 0 ? (
-            <div className="flex flex-col items-center justify-center h-full text-center">
-              <p className="text-text-tertiary text-lg mb-2">
-                {t('chat.startConversation')}
-              </p>
-              <p className="text-text-tertiary text-sm">
-                {t('chat.startConversationDesc')}
-              </p>
-            </div>
-          ) : (
-            currentMessages.map((message) => (
-              <MessageBubble
-                key={message.id}
-                sender={message.sender === MessageSender.USER ? 'user' : message.sender === MessageSender.ASSISTANT ? 'ai' : 'system'}
-                content={message.content}
-                timestamp={new Date(message.createdAt)}
-                showActions
-                onCopy={() => {
-                  navigator.clipboard.writeText(message.content);
-                  setAnnouncement(t('chat.messageCopied'));
-                }}
-              />
-            ))
-          )}
-          {/* EN: Typing indicator / VI: Typing indicator */}
-          {(() => {
-            const { typingUsers } = useChatStore.getState();
-            return Object.values(typingUsers).some((typing) => typing) ? (
-              <React.Suspense fallback={<div className="px-4 py-3" aria-label={t('chat.loadingTypingIndicator')} />}>
-                <TypingIndicator />
-              </React.Suspense>
-            ) : null;
-          })()}
-        </div>
-
-        {/* EN: Chat input / VI: Chat input */}
-        <ChatInput
-          onSend={handleSend}
-          placeholder={t('chat.typeMessage')}
-        />
-      </ChatLayout>
-    </>
-  );
-}
diff --git a/apps/web-client/src/app/(dashboard)/settings/api-keys/page.tsx b/apps/web-client/src/app/(dashboard)/settings/api-keys/page.tsx
deleted file mode 100644
index 9bc17086..00000000
--- a/apps/web-client/src/app/(dashboard)/settings/api-keys/page.tsx
+++ /dev/null
@@ -1,586 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-import { Button } from '@/features/shared/components/ui/button';
-import { Input } from '@/features/shared/components/ui/input';
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-} from '@/features/shared/components/ui/card';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/features/shared/components/ui/dialog';
-import {
-  Key,
-  Plus,
-  Trash2,
-  Copy,
-  Check,
-  Eye,
-  EyeOff,
-  AlertCircle,
-  CheckCircle2,
-} from 'lucide-react';
-import { useTranslations } from 'next-intl';
-import { useI18n } from '@/features/theme';
-import { useAuthStore } from '@/stores/auth-store';
-import { apiKeysApi, type ApiKey } from '@/services/api/api-keys.api';
-
-/**
- * EN: Create API key schema with translated messages
- * VI: Tạo API key schema với thông báo đã dịch
- */
-function createApiKeySchema(
-  t: (key: string, values?: Record<string, any>) => string
-) {
-  return z.object({
-    name: z
-      .string()
-      .min(1, t('settings.apiKeys.nameRequired'))
-      .max(100, t('validation.maxLength', { max: 100 })),
-    description: z
-      .string()
-      .max(500, t('validation.maxLength', { max: 500 }))
-      .optional(),
-  });
-}
-
-/**
- * EN: Format timestamp to relative time string
- * VI: Format timestamp thành chuỗi thời gian tương đối
- */
-function formatRelativeTime(date: string | null, t: (key: string, values?: any) => string, locale: string): string {
-  if (!date) return t('settings.security.never');
-  const dateObj = new Date(date);
-  const now = new Date();
-  const diffMs = now.getTime() - dateObj.getTime();
-  const diffMins = Math.floor(diffMs / 60000);
-  const diffHours = Math.floor(diffMs / 3600000);
-  const diffDays = Math.floor(diffMs / 86400000);
-
-  if (diffMins < 1) return t('chat.justNow');
-  if (diffMins < 60) return t('chat.minutesAgo', { minutes: diffMins });
-  if (diffHours < 24) return t('chat.hoursAgo', { hours: diffHours });
-  if (diffDays < 7) return t('chat.daysAgo', { days: diffDays });
-  return dateObj.toLocaleDateString(locale === 'vi' ? 'vi-VN' : 'en-US', {
-    month: 'short',
-    day: 'numeric',
-    year: dateObj.getFullYear() !== now.getFullYear() ? 'numeric' : undefined,
-  });
-}
-
-/**
- * EN: Format date to readable string
- * VI: Format ngày thành chuỗi dễ đọc
- */
-function formatDate(date: string | null, t: (key: string) => string, locale: string): string {
-  if (!date) return t('settings.security.never');
-  return new Date(date).toLocaleDateString(locale === 'vi' ? 'vi-VN' : 'en-US', {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-  });
-}
-
-/**
- * EN: API Keys management page component
- * VI: Component trang quản lý API Keys
- *
- * Features:
- * - List all API keys
- * - Create new API keys with name and description
- * - Delete API keys
- * - Show/hide API key values
- * - Copy API key to clipboard
- * - Display creation date, last used date, expiration date
- */
-export default function ApiKeysPage() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const { locale } = useI18n();
-  const { user } = useAuthStore();
-
-  // EN: Create schema with translations / VI: Tạo schema với translations
-  const apiKeySchema = createApiKeySchema(t);
-  type CreateApiKeyFormData = z.infer<typeof apiKeySchema>;
-
-  // EN: State management / VI: Quản lý state
-  const [apiKeys, setApiKeys] = useState<ApiKey[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const [showCreateDialog, setShowCreateDialog] = useState(false);
-  const [showNewKeyDialog, setShowNewKeyDialog] = useState(false);
-  const [newApiKey, setNewApiKey] = useState<string>('');
-  const [newApiKeyName, setNewApiKeyName] = useState<string>('');
-  const [visibleKeys, setVisibleKeys] = useState<Set<string>>(new Set());
-  const [copiedKeyId, setCopiedKeyId] = useState<string | null>(null);
-  const [deletingKeyId, setDeletingKeyId] = useState<string | null>(null);
-  const [error, setError] = useState<string>('');
-  const [success, setSuccess] = useState<string>('');
-
-  // EN: React Hook Form setup for creating API key / VI: Setup React Hook Form cho tạo API key
-  const {
-    register,
-    handleSubmit,
-    watch,
-    setValue,
-    formState: { errors, isSubmitting },
-    reset,
-  } = useForm<CreateApiKeyFormData>({
-    resolver: zodResolver(apiKeySchema),
-    defaultValues: {
-      name: '',
-      description: '',
-    },
-  });
-
-  // EN: Load API keys on mount / VI: Tải API keys khi mount
-  useEffect(() => {
-    if (user?.id) {
-      loadApiKeys();
-    }
-  }, [user?.id]);
-
-  /**
-   * EN: Load API keys from API
-   * VI: Tải API keys từ API
-   */
-  const loadApiKeys = async () => {
-    if (!user?.id) return;
-
-    setIsLoading(true);
-    setError('');
-    try {
-      const response = await apiKeysApi.list(user.id);
-      if (response.success && response.data) {
-        setApiKeys(response.data);
-      }
-    } catch (err: any) {
-      setError(err.message || t('settings.apiKeys.failedToLoad'));
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  /**
-   * EN: Handle create API key form submission
-   * VI: Xử lý submit form tạo API key
-   */
-  const onCreateSubmit = async (data: CreateApiKeyFormData) => {
-    if (!user?.id) return;
-
-    setError('');
-    setSuccess('');
-    try {
-      const response = await apiKeysApi.create(user.id, {
-        name: data.name,
-        description: data.description,
-      });
-
-      if (!response.success || !response.data) {
-        throw new Error(t('settings.apiKeys.failedToCreate'));
-      }
-
-      setNewApiKey(response.data.key);
-      setNewApiKeyName(data.name);
-      setShowCreateDialog(false);
-      setShowNewKeyDialog(true);
-      reset();
-      setApiKeys((prev) => [response.data!.apiKey, ...prev]);
-    } catch (err: any) {
-      setError(err.message || t('settings.apiKeys.failedToCreate'));
-    }
-  };
-
-  /**
-   * EN: Handle delete API key
-   * VI: Xử lý xóa API key
-   */
-  const handleDeleteKey = async (keyId: string, keyName: string) => {
-    if (!user?.id) return;
-
-    if (!confirm(t('settings.apiKeys.confirmDelete', { name: keyName }))) {
-      return;
-    }
-
-    setDeletingKeyId(keyId);
-    setError('');
-    try {
-      await apiKeysApi.delete(user.id, keyId);
-      setApiKeys((prev) => prev.filter((key) => key.id !== keyId));
-      setSuccess(t('settings.apiKeys.deletedSuccessfully'));
-      setTimeout(() => setSuccess(''), 3000);
-    } catch (err: any) {
-      setError(err.message || t('settings.apiKeys.failedToDelete'));
-    } finally {
-      setDeletingKeyId(null);
-    }
-  };
-
-  /**
-   * EN: Handle copy API key to clipboard
-   * VI: Xử lý sao chép API key vào clipboard
-   */
-  const handleCopyKey = async (keyId: string, fullKey?: string) => {
-    try {
-      // EN: If full key is provided (from new key dialog), copy it / VI: Nếu có full key (từ dialog key mới), copy nó
-      if (fullKey) {
-        await navigator.clipboard.writeText(fullKey);
-      } else {
-        // EN: Existing keys are stored masked for security; copy masked value.
-        // VI: Các key đã lưu được che để bảo mật; sao chép giá trị đã che.
-        const key = apiKeys.find((k) => k.id === keyId);
-        if (key) {
-          await navigator.clipboard.writeText(`${key.keyPrefix}...${key.keySuffix}`);
-        }
-      }
-      
-      setCopiedKeyId(keyId);
-      setTimeout(() => setCopiedKeyId(null), 2000);
-    } catch (err) {
-      console.error('Failed to copy to clipboard:', err);
-    }
-  };
-
-  /**
-   * EN: Toggle visibility of API key
-   * VI: Bật/tắt hiển thị API key
-   */
-  const toggleKeyVisibility = (keyId: string) => {
-    setVisibleKeys((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(keyId)) {
-        newSet.delete(keyId);
-      } else {
-        newSet.add(keyId);
-      }
-      return newSet;
-    });
-  };
-
-  return (
-    <div className="space-y-6">
-      {/* EN: Page header / VI: Header trang */}
-      <div>
-        <h2 className="text-2xl font-semibold text-text-primary">
-          {t('settings.apiKeys.title')}
-        </h2>
-        <p className="mt-1 text-sm text-text-tertiary">
-          {t('settings.apiKeys.manageKeys')}
-        </p>
-      </div>
-
-      {/* EN: Success message / VI: Thông báo thành công */}
-      {success && (
-        <div className="rounded-lg bg-accent-success/10 border border-accent-success p-3 flex items-center gap-2 text-sm text-accent-success">
-          <CheckCircle2 className="h-4 w-4 flex-shrink-0" />
-          <span>{success}</span>
-        </div>
-      )}
-
-      {/* EN: Error message / VI: Thông báo lỗi */}
-      {error && (
-        <div className="rounded-lg bg-accent-error/10 border border-accent-error p-3 flex items-center gap-2 text-sm text-accent-error">
-          <AlertCircle className="h-4 w-4 flex-shrink-0" />
-          <span>{error}</span>
-        </div>
-      )}
-
-      {/* EN: API Keys list card / VI: Card danh sách API Keys */}
-      <Card>
-        <CardHeader>
-          <div className="flex items-center justify-between">
-            <div>
-              <CardTitle className="flex items-center gap-2">
-                <Key className="h-5 w-5 text-accent-primary" />
-                {t('settings.apiKeys.yourApiKeys')}
-              </CardTitle>
-              <CardDescription className="mt-1">
-                {t('settings.apiKeys.createAndManage')}
-              </CardDescription>
-            </div>
-            <Button
-              variant="primary"
-              onClick={() => setShowCreateDialog(true)}
-              className="flex items-center gap-2"
-            >
-              <Plus className="h-4 w-4" />
-              {t('settings.apiKeys.createApiKey')}
-            </Button>
-          </div>
-        </CardHeader>
-        <CardContent>
-          {isLoading ? (
-            <div className="text-center py-12 text-text-tertiary">
-              <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-accent-primary border-r-transparent mb-4"></div>
-              <p>{t('common.loading')}</p>
-            </div>
-          ) : apiKeys.length === 0 ? (
-            <div className="text-center py-12">
-              <Key className="h-12 w-12 text-text-tertiary mx-auto mb-4" />
-              <p className="text-text-secondary font-medium mb-2">
-                {t('settings.apiKeys.noApiKeys')}
-              </p>
-              <p className="text-sm text-text-tertiary mb-6">
-                {t('settings.apiKeys.createFirstKey')}
-              </p>
-              <Button
-                variant="primary"
-                onClick={() => setShowCreateDialog(true)}
-                className="flex items-center gap-2"
-              >
-                <Plus className="h-4 w-4" />
-                {t('settings.apiKeys.createApiKey')}
-              </Button>
-            </div>
-          ) : (
-            <div className="space-y-3">
-              {apiKeys.map((apiKey) => (
-                <div
-                  key={apiKey.id}
-                  className="flex items-center justify-between p-4 rounded-lg bg-bg-tertiary border border-border-primary hover:border-border-secondary transition-colors"
-                >
-                  <div className="flex-1 min-w-0">
-                    <div className="flex items-center gap-3 mb-2">
-                      <h3 className="text-sm font-semibold text-text-primary">
-                        {apiKey.name}
-                      </h3>
-                    </div>
-                    <div className="flex items-center gap-2 mb-2">
-                      {/* EN: API Key display / VI: Hiển thị API Key */}
-                      <code className="text-sm font-mono bg-bg-primary px-2 py-1 rounded border border-border-primary text-text-secondary">
-                        {visibleKeys.has(apiKey.id)
-                          ? `${apiKey.keyPrefix}...${apiKey.keySuffix}`
-                          : `${apiKey.keyPrefix}${'•'.repeat(20)}${apiKey.keySuffix}`}
-                      </code>
-                      <Button
-                        variant="ghost"
-                        size="sm"
-                        onClick={() => toggleKeyVisibility(apiKey.id)}
-                        className="h-7 w-7 p-0"
-                        aria-label={visibleKeys.has(apiKey.id) ? t('settings.apiKeys.hide') : t('settings.apiKeys.show')}
-                      >
-                        {visibleKeys.has(apiKey.id) ? (
-                          <EyeOff className="h-4 w-4 text-text-tertiary" />
-                        ) : (
-                          <Eye className="h-4 w-4 text-text-tertiary" />
-                        )}
-                      </Button>
-                      <Button
-                        variant="ghost"
-                        size="sm"
-                        onClick={() => handleCopyKey(apiKey.id)}
-                        className="h-7 w-7 p-0"
-                        aria-label={t('settings.apiKeys.copy')}
-                      >
-                        {copiedKeyId === apiKey.id ? (
-                          <Check className="h-4 w-4 text-accent-success" />
-                        ) : (
-                          <Copy className="h-4 w-4 text-text-tertiary" />
-                        )}
-                      </Button>
-                    </div>
-                    <div className="flex items-center gap-4 text-xs text-text-tertiary">
-                      <span>
-                        {t('settings.apiKeys.created')}: {formatDate(apiKey.createdAt, t, locale)}
-                      </span>
-                      {apiKey.lastUsedAt && (
-                        <span>
-                          {t('settings.apiKeys.lastUsed')}: {formatRelativeTime(apiKey.lastUsedAt, t, locale)}
-                        </span>
-                      )}
-                      {apiKey.expiresAt && (
-                        <span className={new Date(apiKey.expiresAt) < new Date() ? 'text-accent-error' : ''}>
-                          {t('settings.apiKeys.expires')}: {formatDate(apiKey.expiresAt, t, locale)}
-                        </span>
-                      )}
-                    </div>
-                  </div>
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    onClick={() => handleDeleteKey(apiKey.id, apiKey.name)}
-                    isLoading={deletingKeyId === apiKey.id}
-                    className="text-accent-error hover:brightness-110 hover:bg-accent-error/10 ml-4"
-                    aria-label={`${t('settings.apiKeys.delete')} ${apiKey.name}`}
-                  >
-                    <Trash2 className="h-4 w-4" />
-                  </Button>
-                </div>
-              ))}
-            </div>
-          )}
-        </CardContent>
-      </Card>
-
-      {/* EN: Security notice card / VI: Card thông báo bảo mật */}
-      <Card hover={false} bordered>
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2 text-base">
-            <AlertCircle className="h-5 w-5 text-accent-warning" />
-            {t('settings.apiKeys.securityBestPractices', { defaultValue: 'Security Best Practices' })}
-          </CardTitle>
-        </CardHeader>
-        <CardContent className="space-y-2 text-sm text-text-secondary">
-          <ul className="list-disc list-inside space-y-1 ml-2">
-            <li>{t('settings.apiKeys.practice1', { defaultValue: 'Keep your API keys secure and never share them publicly' })}</li>
-            <li>{t('settings.apiKeys.practice2', { defaultValue: 'Use environment variables or secure secret management tools' })}</li>
-            <li>{t('settings.apiKeys.practice3', { defaultValue: 'Rotate your API keys regularly' })}</li>
-            <li>{t('settings.apiKeys.practice4', { defaultValue: 'Delete unused API keys immediately' })}</li>
-            <li>{t('settings.apiKeys.practice5', { defaultValue: 'If a key is compromised, revoke it immediately and create a new one' })}</li>
-          </ul>
-        </CardContent>
-      </Card>
-
-      {/* EN: Create API Key Dialog / VI: Dialog tạo API Key */}
-      <Dialog open={showCreateDialog} onOpenChange={setShowCreateDialog}>
-        <DialogContent className="max-w-md">
-          <DialogHeader>
-            <DialogTitle>{t('settings.apiKeys.createApiKey')}</DialogTitle>
-            <DialogDescription>
-              {t('settings.apiKeys.createForAccess', { defaultValue: 'Create a new API key for programmatic access' })}
-            </DialogDescription>
-          </DialogHeader>
-
-          <form onSubmit={handleSubmit(onCreateSubmit)} className="space-y-4">
-            {/* EN: Error message / VI: Thông báo lỗi */}
-            {error && (
-              <div className="p-3 rounded-md bg-bg-tertiary border border-accent-error text-accent-error text-sm flex items-center gap-2">
-                <AlertCircle className="h-4 w-4 flex-shrink-0" />
-                <span>{error}</span>
-              </div>
-            )}
-
-            <Input
-              label={t('settings.apiKeys.name')}
-              placeholder={t('settings.apiKeys.namePlaceholder', { defaultValue: 'e.g., Production Key, Development Key' })}
-              name="name"
-              value={watch('name')}
-              onChange={(value) => setValue('name', value)}
-              onBlur={register('name').onBlur}
-              errorMessage={errors.name?.message}
-              isInvalid={!!errors.name}
-              autoFocus
-            />
-
-            <div>
-              <label
-                htmlFor="description"
-                className="block text-sm font-medium text-text-secondary mb-2"
-              >
-                {t('settings.apiKeys.description')} ({t('common.optional', { defaultValue: 'Optional' })})
-              </label>
-              <textarea
-                id="description"
-                rows={3}
-                placeholder={t('settings.apiKeys.descriptionPlaceholder', { defaultValue: 'Optional description for this API key' })}
-                {...register('description')}
-                className="flex w-full rounded-md border border-border-primary bg-bg-secondary px-3 py-2 text-base text-text-primary placeholder:text-text-tertiary transition-all duration-[150ms] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:border-accent-primary focus-visible:ring-accent-primary focus-visible:shadow-[0_0_20px_rgba(59,130,246,0.3)] disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-bg-tertiary"
-              />
-              {errors.description && (
-                <p className="mt-1.5 text-sm text-accent-error flex items-center gap-1">
-                  <AlertCircle className="h-4 w-4" />
-                  {errors.description.message}
-                </p>
-              )}
-            </div>
-
-            <DialogFooter>
-              <Button
-                type="button"
-                variant="secondary"
-                onClick={() => {
-                  setShowCreateDialog(false);
-                  reset();
-                  setError('');
-                }}
-              >
-                {t('common.cancel')}
-              </Button>
-              <Button type="submit" isLoading={isSubmitting}>
-                {t('settings.apiKeys.createApiKey')}
-              </Button>
-            </DialogFooter>
-          </form>
-        </DialogContent>
-      </Dialog>
-
-      {/* EN: New API Key Dialog (shown once after creation) / VI: Dialog API Key mới (hiển thị một lần sau khi tạo) */}
-      <Dialog open={showNewKeyDialog} onOpenChange={setShowNewKeyDialog}>
-        <DialogContent className="max-w-md">
-          <DialogHeader>
-            <DialogTitle className="flex items-center gap-2">
-              <CheckCircle2 className="h-5 w-5 text-accent-success" />
-              {t('settings.apiKeys.newApiKeyCreated')}
-            </DialogTitle>
-            <DialogDescription>
-              {t('settings.apiKeys.newKeyFor', { name: newApiKeyName, defaultValue: `Your new API key for "${newApiKeyName}"` })}
-            </DialogDescription>
-          </DialogHeader>
-
-          <div className="space-y-4">
-            {/* EN: Warning message / VI: Thông báo cảnh báo */}
-            <div className="p-3 rounded-md bg-accent-warning/10 border border-accent-warning text-accent-warning text-sm">
-              <p className="font-medium mb-1">
-                {t('settings.apiKeys.important', { defaultValue: 'Important' })}
-              </p>
-              <p>
-                {t('settings.apiKeys.saveKeySecurely')}
-              </p>
-            </div>
-
-            {/* EN: API Key display / VI: Hiển thị API Key */}
-            <div className="p-4 rounded-lg bg-bg-primary border border-border-primary">
-              <code className="text-sm font-mono text-text-primary break-all select-all">
-                {newApiKey}
-              </code>
-            </div>
-
-            {/* EN: Copy button / VI: Nút sao chép */}
-            <Button
-              variant="primary"
-              onClick={() => handleCopyKey('new', newApiKey)}
-              className="w-full flex items-center justify-center gap-2"
-            >
-              {copiedKeyId === 'new' ? (
-                <>
-                  <Check className="h-4 w-4" />
-                  Copied! / Đã sao chép!
-                </>
-              ) : (
-                <>
-                  <Copy className="h-4 w-4" />
-                  {t('settings.apiKeys.copyApiKey', { defaultValue: 'Copy API Key' })}
-                </>
-              )}
-            </Button>
-          </div>
-
-          <DialogFooter>
-            <Button
-              variant="primary"
-              onClick={() => {
-                setShowNewKeyDialog(false);
-                setNewApiKey('');
-                setNewApiKeyName('');
-              }}
-              className="w-full"
-            >
-              {t('settings.apiKeys.iveCopied', { defaultValue: 'I\'ve copied the key' })}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/app/(dashboard)/settings/layout.tsx b/apps/web-client/src/app/(dashboard)/settings/layout.tsx
deleted file mode 100644
index 7483c957..00000000
--- a/apps/web-client/src/app/(dashboard)/settings/layout.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-'use client';
-
-import { usePathname } from 'next/navigation';
-import Link from 'next/link';
-import { cn } from '@/shared/lib/utils';
-import {
-  User,
-  Settings,
-  Shield,
-  Bell,
-  CreditCard,
-  Key,
-} from 'lucide-react';
-import { useTranslations } from 'next-intl';
-
-/**
- * EN: Settings navigation tabs configuration
- * VI: Cấu hình các tab điều hướng Settings
- */
-function getSettingsTabs(t: (key: string) => string) {
-  return [
-    {
-      id: 'profile',
-      label: t('settings.profile.label'),
-      href: '/settings/profile',
-      icon: User,
-    },
-    {
-      id: 'preferences',
-      label: t('settings.preferences.label'),
-      href: '/settings/preferences',
-      icon: Settings,
-    },
-    {
-      id: 'security',
-      label: t('settings.security.label'),
-      href: '/settings/security',
-      icon: Shield,
-    },
-    {
-      id: 'notifications',
-      label: t('settings.notifications.label'),
-      href: '/settings/notifications',
-      icon: Bell,
-    },
-    {
-      id: 'billing',
-      label: t('settings.billing.label'),
-      href: '/settings/billing',
-      icon: CreditCard,
-    },
-    {
-      id: 'api-keys',
-      label: t('settings.apiKeys.label'),
-      href: '/settings/api-keys',
-      icon: Key,
-    },
-  ];
-}
-
-/**
- * EN: Settings layout component with tab navigation
- * VI: Component layout Settings với điều hướng tab
- *
- * Features:
- * - Tab navigation for different settings sections
- * - Active tab highlighting
- * - Responsive design
- * - Icon support for each tab
- */
-export default function SettingsLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const pathname = usePathname();
-  const settingsTabs = getSettingsTabs(t);
-
-  return (
-    <div className="min-h-screen bg-bg-primary">
-      {/* EN: Settings header / VI: Header Settings */}
-      <div className="border-b border-border-primary bg-bg-secondary">
-        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <div className="py-6">
-            <h1 className="text-3xl font-bold text-text-primary">
-              {t('settings.title')}
-            </h1>
-            <p className="mt-1 text-sm text-text-tertiary">
-              {t('settings.description')}
-            </p>
-          </div>
-        </div>
-      </div>
-
-      {/* EN: Settings content with tabs / VI: Nội dung Settings với tabs */}
-      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-        <div className="py-8">
-          <div className="lg:grid lg:grid-cols-12 lg:gap-8">
-            {/* EN: Sidebar navigation / VI: Điều hướng sidebar */}
-            <aside className="lg:col-span-3">
-              <nav
-                className="space-y-1"
-                aria-label={t('settings.navigation')}
-              >
-                {settingsTabs.map((tab) => {
-                  const Icon = tab.icon;
-                  const isActive = pathname === tab.href;
-
-                  return (
-                    <Link
-                      key={tab.id}
-                      href={tab.href}
-                      className={cn(
-                        // EN: Base styles / VI: Styles cơ bản
-                        'group flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-all duration-[150ms]',
-                        // EN: Active state / VI: Trạng thái active
-                        isActive
-                          ? 'bg-accent-primary text-white shadow-md'
-                          : 'text-text-secondary hover:bg-bg-tertiary hover:text-text-primary',
-                      )}
-                      aria-current={isActive ? 'page' : undefined}
-                    >
-                      <Icon
-                        className={cn(
-                          'h-5 w-5 flex-shrink-0',
-                          isActive ? 'text-white' : 'text-text-tertiary group-hover:text-text-primary',
-                        )}
-                        aria-hidden="true"
-                      />
-                      <span>{tab.label}</span>
-                    </Link>
-                  );
-                })}
-              </nav>
-            </aside>
-
-            {/* EN: Main content area / VI: Khu vực nội dung chính */}
-            <div className="mt-8 lg:col-span-9 lg:mt-0">{children}</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/apps/web-client/src/app/(dashboard)/settings/preferences/page.tsx b/apps/web-client/src/app/(dashboard)/settings/preferences/page.tsx
deleted file mode 100644
index 593511ed..00000000
--- a/apps/web-client/src/app/(dashboard)/settings/preferences/page.tsx
+++ /dev/null
@@ -1,362 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useTheme, type ThemeMode } from '@/features/theme';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/features/shared/components/ui/card';
-import { Select } from '@/features/shared/components/ui/select';
-import { Switch } from '@/features/shared/components/ui/switch';
-import { Button } from '@/features/shared/components/ui/button';
-import { useTranslations } from 'next-intl';
-import { useI18n } from '@/features/theme';
-import { type Locale } from '@/features/theme/i18n-config';
-
-/**
- * EN: Language options for preferences
- * VI: Các tùy chọn ngôn ngữ cho preferences
- */
-type Language = 'en' | 'vi';
-
-/**
- * EN: Font size options for chat
- * VI: Các tùy chọn kích thước font cho chat
- */
-type FontSize = 'small' | 'medium' | 'large' | 'xlarge';
-
-/**
- * EN: Message grouping options
- * VI: Các tùy chọn nhóm tin nhắn
- */
-type MessageGrouping = 'none' | 'by-author' | 'by-time';
-
-/**
- * EN: Preferences interface
- * VI: Interface cho preferences
- */
-interface Preferences {
-  language: Language;
-  theme: ThemeMode;
-  chatAutoScroll: boolean;
-  chatShowTimestamps: boolean;
-  chatMessageGrouping: MessageGrouping;
-  chatFontSize: FontSize;
-  accessibilityHighContrast: boolean;
-  accessibilityScreenReader: boolean;
-}
-
-/**
- * EN: Default preferences
- * VI: Preferences mặc định
- */
-const defaultPreferences: Preferences = {
-  language: 'en',
-  theme: 'system',
-  chatAutoScroll: true,
-  chatShowTimestamps: true,
-  chatMessageGrouping: 'by-author',
-  chatFontSize: 'medium',
-  accessibilityHighContrast: false,
-  accessibilityScreenReader: false,
-};
-
-/**
- * EN: Preferences page component
- * VI: Component trang Preferences
- *
- * Features:
- * - Language selection
- * - Theme selection (Dark/Light/Auto)
- * - Chat settings (Auto-scroll, Show timestamps, Message grouping, Font size)
- * - Accessibility options (High contrast mode, Screen reader optimizations)
- */
-export default function PreferencesPage() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const { locale, setLocale } = useI18n();
-  const { theme, setTheme } = useTheme();
-  const [preferences, setPreferences] = React.useState<Preferences>(defaultPreferences);
-  const [isSaving, setIsSaving] = React.useState(false);
-  const [saveSuccess, setSaveSuccess] = React.useState(false);
-
-  // EN: Load preferences from localStorage on mount / VI: Load preferences từ localStorage khi mount
-  React.useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    const stored = localStorage.getItem('preferences');
-    if (stored) {
-      try {
-        const parsed = JSON.parse(stored) as Partial<Preferences>;
-        const loaded = { ...defaultPreferences, ...parsed, theme, language: locale as Language };
-        setPreferences(loaded);
-      } catch {
-        // EN: Invalid stored data, use defaults / VI: Dữ liệu lưu không hợp lệ, dùng mặc định
-        setPreferences({ ...defaultPreferences, theme, language: locale as Language });
-      }
-    } else {
-      setPreferences({ ...defaultPreferences, theme, language: locale as Language });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // EN: Only run on mount / VI: Chỉ chạy khi mount
-
-  // EN: Sync locale with preferences / VI: Đồng bộ locale với preferences
-  React.useEffect(() => {
-    if (preferences.language !== locale) {
-      setPreferences((prev) => ({ ...prev, language: locale as Language }));
-    }
-  }, [locale, preferences.language]);
-
-  // EN: Update preferences state / VI: Cập nhật state preferences
-  const updatePreference = <K extends keyof Preferences>(
-    key: K,
-    value: Preferences[K]
-  ) => {
-    setPreferences((prev) => ({ ...prev, [key]: value }));
-  };
-
-  // EN: Handle save preferences / VI: Xử lý lưu preferences
-  const handleSave = async () => {
-    setIsSaving(true);
-    setSaveSuccess(false);
-
-    try {
-      // EN: Save to localStorage / VI: Lưu vào localStorage
-      localStorage.setItem('preferences', JSON.stringify(preferences));
-      
-      // EN: Show success message / VI: Hiển thị thông báo thành công
-      setSaveSuccess(true);
-      setTimeout(() => setSaveSuccess(false), 3000);
-    } catch (error) {
-      console.error('Failed to save preferences:', error);
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  // EN: Handle theme change / VI: Xử lý thay đổi theme
-  const handleThemeChange = (newTheme: ThemeMode) => {
-    setTheme(newTheme);
-    updatePreference('theme', newTheme);
-  };
-
-  // EN: Handle language change / VI: Xử lý thay đổi ngôn ngữ
-  const handleLanguageChange = (newLanguage: string) => {
-    const lang = newLanguage as Locale;
-    setLocale(lang);
-    updatePreference('language', lang as Language);
-    // EN: Trigger a re-render by updating preferences / VI: Kích hoạt re-render bằng cách cập nhật preferences
-    setPreferences((prev) => ({ ...prev, language: lang as Language }));
-  };
-
-  return (
-    <div className="space-y-6">
-      {/* EN: Page header / VI: Header trang */}
-      <div>
-        <h2 className="text-2xl font-semibold text-text-primary">
-          {t('settings.preferences.title')}
-        </h2>
-        <p className="mt-1 text-sm text-text-tertiary">
-          {t('settings.preferences.description')}
-        </p>
-      </div>
-
-      {/* EN: Language & Theme Section / VI: Phần Ngôn ngữ & Theme */}
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('settings.preferences.languageAndTheme')}</CardTitle>
-          <CardDescription>
-            {t('settings.preferences.languageAndThemeDesc')}
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-6">
-          {/* EN: Language selection / VI: Chọn ngôn ngữ */}
-          <div>
-            <Select
-              label={t('settings.preferences.language')}
-              value={preferences.language}
-              onChange={(e) => handleLanguageChange(e.target.value)}
-              helperText={t('settings.preferences.languageHelper')}
-            >
-              <option value="en">English</option>
-              <option value="vi">Tiếng Việt</option>
-            </Select>
-          </div>
-
-          {/* EN: Theme selection / VI: Chọn theme */}
-          <div>
-            <Select
-              label={t('settings.preferences.theme')}
-              value={preferences.theme}
-              onChange={(e) => handleThemeChange(e.target.value as ThemeMode)}
-              helperText={t('settings.preferences.themeHelper')}
-            >
-              <option value="light">{t('settings.preferences.light')}</option>
-              <option value="dark">{t('settings.preferences.dark')}</option>
-              <option value="system">{t('settings.preferences.system')}</option>
-            </Select>
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* EN: Chat Settings Section / VI: Phần Cài đặt Chat */}
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('settings.preferences.chatSettings')}</CardTitle>
-          <CardDescription>
-            {t('settings.preferences.chatSettingsDesc')}
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-6">
-          {/* EN: Auto-scroll toggle / VI: Toggle tự động cuộn */}
-          <div className="flex items-center justify-between">
-            <div className="flex-1">
-              <label
-                htmlFor="chat-auto-scroll"
-                className="text-sm font-medium text-text-primary cursor-pointer"
-              >
-                {t('settings.preferences.autoScroll')}
-              </label>
-              <p className="mt-1 text-sm text-text-tertiary">
-                {t('settings.preferences.autoScrollDesc')}
-              </p>
-            </div>
-            <Switch
-              id="chat-auto-scroll"
-              checked={preferences.chatAutoScroll}
-              onCheckedChange={(checked) => updatePreference('chatAutoScroll', checked)}
-            />
-          </div>
-
-          {/* EN: Show timestamps toggle / VI: Toggle hiển thị thời gian */}
-          <div className="flex items-center justify-between">
-            <div className="flex-1">
-              <label
-                htmlFor="chat-show-timestamps"
-                className="text-sm font-medium text-text-primary cursor-pointer"
-              >
-                {t('settings.preferences.showTimestamps')}
-              </label>
-              <p className="mt-1 text-sm text-text-tertiary">
-                {t('settings.preferences.showTimestampsDesc')}
-              </p>
-            </div>
-            <Switch
-              id="chat-show-timestamps"
-              checked={preferences.chatShowTimestamps}
-              onCheckedChange={(checked) => updatePreference('chatShowTimestamps', checked)}
-            />
-          </div>
-
-          {/* EN: Message grouping / VI: Nhóm tin nhắn */}
-          <div>
-            <Select
-              label={t('settings.preferences.messageGrouping')}
-              value={preferences.chatMessageGrouping}
-              onChange={(e) => updatePreference('chatMessageGrouping', e.target.value as MessageGrouping)}
-              helperText={t('settings.preferences.messageGroupingHelper')}
-            >
-              <option value="none">{t('settings.preferences.none')}</option>
-              <option value="by-author">{t('settings.preferences.byAuthor')}</option>
-              <option value="by-time">{t('settings.preferences.byTime')}</option>
-            </Select>
-          </div>
-
-          {/* EN: Font size / VI: Kích thước font */}
-          <div>
-            <Select
-              label={t('settings.preferences.fontSize')}
-              value={preferences.chatFontSize}
-              onChange={(e) => updatePreference('chatFontSize', e.target.value as FontSize)}
-              helperText={t('settings.preferences.fontSizeHelper')}
-            >
-              <option value="small">{t('settings.preferences.small')}</option>
-              <option value="medium">{t('settings.preferences.medium')}</option>
-              <option value="large">{t('settings.preferences.large')}</option>
-              <option value="xlarge">{t('settings.preferences.extraLarge')}</option>
-            </Select>
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* EN: Accessibility Section / VI: Phần Khả năng truy cập */}
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('settings.preferences.accessibility')}</CardTitle>
-          <CardDescription>
-            {t('settings.preferences.accessibilityDesc')}
-          </CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-6">
-          {/* EN: High contrast mode toggle / VI: Toggle chế độ tương phản cao */}
-          <div className="flex items-center justify-between">
-            <div className="flex-1">
-              <label
-                htmlFor="accessibility-high-contrast"
-                className="text-sm font-medium text-text-primary cursor-pointer"
-              >
-                {t('settings.preferences.highContrast')}
-              </label>
-              <p className="mt-1 text-sm text-text-tertiary">
-                {t('settings.preferences.highContrastDesc')}
-              </p>
-            </div>
-            <Switch
-              id="accessibility-high-contrast"
-              checked={preferences.accessibilityHighContrast}
-              onCheckedChange={(checked) => updatePreference('accessibilityHighContrast', checked)}
-            />
-          </div>
-
-          {/* EN: Screen reader optimizations toggle / VI: Toggle tối ưu screen reader */}
-          <div className="flex items-center justify-between">
-            <div className="flex-1">
-              <label
-                htmlFor="accessibility-screen-reader"
-                className="text-sm font-medium text-[#FAFAFA] cursor-pointer"
-              >
-                {t('settings.preferences.screenReader')}
-              </label>
-              <p className="mt-1 text-sm text-[#A0A0A0]">
-                {t('settings.preferences.screenReaderDesc')}
-              </p>
-            </div>
-            <Switch
-              id="accessibility-screen-reader"
-              checked={preferences.accessibilityScreenReader}
-              onCheckedChange={(checked) => updatePreference('accessibilityScreenReader', checked)}
-            />
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* EN: Save button / VI: Nút lưu */}
-      <div className="flex items-center justify-end gap-4">
-        {saveSuccess && (
-          <p className="text-sm text-accent-success flex items-center gap-2">
-            <svg
-              className="h-4 w-4"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              aria-hidden="true"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M5 13l4 4L19 7"
-              />
-            </svg>
-            {t('settings.preferences.preferencesSaved')}
-          </p>
-        )}
-        <Button
-          variant="primary"
-          onClick={handleSave}
-          isLoading={isSaving}
-          isDisabled={isSaving}
-        >
-          {t('settings.preferences.savePreferences')}
-        </Button>
-      </div>
-    </div>
-  );
-}
diff --git a/apps/web-client/src/app/(dashboard)/settings/profile/page.tsx b/apps/web-client/src/app/(dashboard)/settings/profile/page.tsx
deleted file mode 100644
index 7ae22eb0..00000000
--- a/apps/web-client/src/app/(dashboard)/settings/profile/page.tsx
+++ /dev/null
@@ -1,450 +0,0 @@
-'use client';
-
-import { useState, useEffect, useRef } from 'react';
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-import {
-  AlertCircle,
-  CheckCircle2,
-  Upload,
-  UserCircle2,
-} from 'lucide-react';
-import { useAuthStore } from '@/stores/auth-store';
-import { userApi, type UserProfile, type UpdateUserProfileDto } from '@/services/api/user.api';
-import { storageApi } from '@/services/api/storage.api';
-import { useTranslations } from 'next-intl';
-import { Button } from '@/features/shared/components/ui/button';
-import { Input } from '@/features/shared/components/ui/input';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/features/shared/components/ui/card';
-
-/**
- * EN: Create profile schema with translated messages
- * VI: Tạo profile schema với thông báo đã dịch
- */
-function createProfileSchema(
-  t: (key: string, values?: Record<string, any>) => string
-) {
-  return z.object({
-    firstName: z
-      .string()
-      .max(255, t('validation.maxLength', { max: 255 }))
-      .optional(),
-    lastName: z
-      .string()
-      .max(255, t('validation.maxLength', { max: 255 }))
-      .optional(),
-    phone: z
-      .string()
-      .max(20, t('validation.maxLength', { max: 20 }))
-      .optional(),
-    bio: z
-      .string()
-      .max(500, t('validation.maxLength', { max: 500 }))
-      .optional(),
-  });
-}
-
-/**
- * EN: User Profile page component
- * VI: Component trang Profile người dùng
- *
- * Features:
- * - Avatar upload with preview
- * - Profile fields (First Name, Last Name, Phone, Bio)
- * - Email display with verified status
- * - Username display
- * - Save changes button
- * - Loading states
- * - Error handling
- */
-export default function ProfilePage() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const { user } = useAuthStore();
-  const [profile, setProfile] = useState<UserProfile | null>(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isSaving, setIsSaving] = useState(false);
-  const [isUploadingAvatar, setIsUploadingAvatar] = useState(false);
-  const [avatarPreview, setAvatarPreview] = useState<string | null>(null);
-  const [avatarFile, setAvatarFile] = useState<File | null>(null);
-  const [saveStatus, setSaveStatus] = useState<'idle' | 'success' | 'error'>('idle');
-  const [errorMessage, setErrorMessage] = useState('');
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  // EN: Create schema with translations / VI: Tạo schema với translations
-  const profileSchema = createProfileSchema(t);
-  type ProfileFormData = z.infer<typeof profileSchema>;
-
-  const {
-    register,
-    handleSubmit,
-    formState: { errors, isDirty },
-    reset,
-    setValue,
-    watch,
-  } = useForm<ProfileFormData>({
-    resolver: zodResolver(profileSchema),
-    defaultValues: {
-      firstName: '',
-      lastName: '',
-      phone: '',
-      bio: '',
-    },
-  });
-
-  // EN: Fetch user profile on mount / VI: Lấy profile người dùng khi mount
-  useEffect(() => {
-    const fetchProfile = async () => {
-      if (!user?.id) return;
-
-      try {
-        setIsLoading(true);
-        setErrorMessage('');
-        const response = await userApi.getProfile(user.id);
-
-        if (response.success && response.data) {
-          setProfile(response.data);
-          const attributes = response.data.attributes ?? [];
-          const firstName = attributes.find((attr) => attr.key === 'firstName')?.value ?? '';
-          const lastName = attributes.find((attr) => attr.key === 'lastName')?.value ?? '';
-          const phone = attributes.find((attr) => attr.key === 'phone')?.value ?? '';
-
-          setValue('firstName', firstName, { shouldDirty: false });
-          setValue('lastName', lastName, { shouldDirty: false });
-          setValue('phone', phone, { shouldDirty: false });
-          setValue('bio', response.data.bio ?? '', { shouldDirty: false });
-
-          if (response.data.avatarUrl) {
-            setAvatarPreview(response.data.avatarUrl);
-          }
-        }
-      } catch (error) {
-        console.error('Failed to fetch profile:', error);
-        setErrorMessage(t('settings.profile.failedToFetch'));
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    fetchProfile();
-  }, [user?.id, setValue]);
-
-  // EN: Handle avatar file selection / VI: Xử lý chọn file avatar
-  const handleAvatarChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const file = event.target.files?.[0];
-    if (!file) return;
-
-    // EN: Validate file type / VI: Kiểm tra loại file
-    if (!file.type.startsWith('image/')) {
-      alert(t('settings.profile.selectImageFile'));
-      return;
-    }
-
-    // EN: Validate file size (max 5MB) / VI: Kiểm tra kích thước file (tối đa 5MB)
-    if (file.size > 5 * 1024 * 1024) {
-      alert(t('settings.profile.imageSizeLimit'));
-      return;
-    }
-
-    setAvatarFile(file);
-
-    // EN: Create preview URL / VI: Tạo URL preview
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      setAvatarPreview(reader.result as string);
-    };
-    reader.readAsDataURL(file);
-  };
-
-  // EN: Handle avatar upload / VI: Xử lý upload avatar
-  const handleAvatarUpload = async () => {
-    if (!user?.id || !avatarFile) return;
-
-    try {
-      setIsUploadingAvatar(true);
-      setSaveStatus('idle');
-      setErrorMessage('');
-
-      const uploadResponse = await storageApi.uploadAvatar(avatarFile);
-      const avatarUrl =
-        uploadResponse.data?.url ||
-        `/files/${uploadResponse.data?.fileId}/cdn-url`;
-
-      const response = await userApi.uploadAvatar(user.id, avatarUrl);
-
-      if (!response.success || !response.data) {
-        throw new Error(t('settings.profile.failedToUpload'));
-      }
-
-      setProfile(response.data);
-      setAvatarPreview(response.data.avatarUrl ?? avatarPreview);
-      setAvatarFile(null);
-      setSaveStatus('success');
-      setTimeout(() => setSaveStatus('idle'), 3000);
-    } catch (error) {
-      console.error('Failed to upload avatar:', error);
-      setSaveStatus('error');
-      setErrorMessage(t('settings.profile.failedToUpload'));
-    } finally {
-      setIsUploadingAvatar(false);
-    }
-  };
-
-  // EN: Handle form submission / VI: Xử lý submit form
-  const onSubmit = async (data: ProfileFormData) => {
-    if (!user?.id) return;
-
-    try {
-      setIsSaving(true);
-      setSaveStatus('idle');
-      setErrorMessage('');
-
-      const updateData: UpdateUserProfileDto = {
-        bio: data.bio || undefined,
-      };
-
-      const response = await userApi.updateProfile(user.id, updateData);
-      if (!response.success || !response.data) {
-        throw new Error(t('settings.profile.failedToUpdate'));
-      }
-
-      await Promise.all([
-        userApi.setProfileAttribute(user.id, 'firstName', {
-          value: data.firstName ?? '',
-          valueType: 'String',
-        }),
-        userApi.setProfileAttribute(user.id, 'lastName', {
-          value: data.lastName ?? '',
-          valueType: 'String',
-        }),
-        userApi.setProfileAttribute(user.id, 'phone', {
-          value: data.phone ?? '',
-          valueType: 'String',
-        }),
-      ]);
-
-      setProfile(response.data);
-      reset(data);
-      setSaveStatus('success');
-      setTimeout(() => setSaveStatus('idle'), 3000);
-    } catch (error) {
-      console.error('Failed to update profile:', error);
-      setSaveStatus('error');
-      setErrorMessage(t('settings.profile.failedToUpdate'));
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  // EN: Get user initials for avatar fallback / VI: Lấy chữ cái đầu cho avatar fallback
-  const getUserInitials = () => {
-    if (!user) return 'U';
-    const attributes = profile?.attributes ?? [];
-    const firstName = attributes.find((attr) => attr.key === 'firstName')?.value || user.email.split('@')[0];
-    const lastName = attributes.find((attr) => attr.key === 'lastName')?.value || '';
-    return `${firstName.charAt(0)}${lastName.charAt(0)}`.toUpperCase() || 'U';
-  };
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-12">
-        <div className="text-center">
-          <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-accent-primary border-r-transparent"></div>
-          <p className="mt-4 text-sm text-text-tertiary">
-            {t('common.loading')}
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  const username = user?.email?.split('@')[0] ?? t('settings.profile.notSet');
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h2 className="text-2xl font-semibold text-text-primary">
-          {t('settings.profile.title')}
-        </h2>
-        <p className="mt-1 text-sm text-text-tertiary">
-          {t('settings.profile.updateInfo')}
-        </p>
-      </div>
-
-      {saveStatus === 'success' && (
-        <div className="rounded-lg bg-accent-success/10 border border-accent-success p-3 flex items-center gap-2 text-sm text-accent-success">
-          <CheckCircle2 className="h-4 w-4 flex-shrink-0" />
-          <span>{t('settings.profile.changesSaved')}</span>
-        </div>
-      )}
-
-      {(saveStatus === 'error' || errorMessage) && (
-        <div className="rounded-lg bg-accent-error/10 border border-accent-error p-3 flex items-center gap-2 text-sm text-accent-error">
-          <AlertCircle className="h-4 w-4 flex-shrink-0" />
-          <span>{errorMessage || t('settings.profile.failedToUpdate')}</span>
-        </div>
-      )}
-
-      <Card bordered>
-        <CardHeader>
-          <CardTitle>{t('settings.profile.changeAvatar')}</CardTitle>
-          <CardDescription>{t('settings.profile.updateInfo')}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <div className="flex flex-col sm:flex-row sm:items-center gap-4">
-            <div className="h-24 w-24 rounded-full bg-bg-primary border border-border-primary flex items-center justify-center overflow-hidden">
-              {avatarPreview ? (
-                <img
-                  src={avatarPreview}
-                  alt={t('settings.profile.changeAvatar')}
-                  className="h-full w-full object-cover"
-                />
-              ) : (
-                <div className="h-full w-full flex items-center justify-center text-lg font-semibold text-text-secondary">
-                  {getUserInitials()}
-                </div>
-              )}
-            </div>
-
-            <div className="space-y-3">
-              <div className="flex flex-wrap gap-2">
-                <Button
-                  variant="secondary"
-                  onClick={() => fileInputRef.current?.click()}
-                  className="flex items-center gap-2"
-                >
-                  <UserCircle2 className="h-4 w-4" />
-                  {t('settings.profile.changeAvatar')}
-                </Button>
-
-                <Button
-                  variant="primary"
-                  onClick={handleAvatarUpload}
-                  isLoading={isUploadingAvatar}
-                  isDisabled={!avatarFile}
-                  className="flex items-center gap-2"
-                >
-                  <Upload className="h-4 w-4" />
-                  {t('settings.profile.uploadAvatar')}
-                </Button>
-              </div>
-
-              {avatarFile && (
-                <p className="text-xs text-text-tertiary">{avatarFile.name}</p>
-              )}
-            </div>
-          </div>
-
-          <input
-            ref={fileInputRef}
-            type="file"
-            accept="image/*"
-            className="hidden"
-            onChange={handleAvatarChange}
-          />
-        </CardContent>
-      </Card>
-
-      <Card bordered>
-        <CardHeader>
-          <CardTitle>{t('settings.profile.title')}</CardTitle>
-          <CardDescription>{t('settings.profile.updateInfo')}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <Input
-                label={t('settings.profile.firstName')}
-                placeholder={t('settings.profile.enterFirstName')}
-                value={watch('firstName') ?? ''}
-                onChange={(value) => setValue('firstName', value, { shouldDirty: true })}
-                onBlur={register('firstName').onBlur}
-                errorMessage={errors.firstName?.message}
-                isInvalid={!!errors.firstName}
-              />
-
-              <Input
-                label={t('settings.profile.lastName')}
-                placeholder={t('settings.profile.enterLastName')}
-                value={watch('lastName') ?? ''}
-                onChange={(value) => setValue('lastName', value, { shouldDirty: true })}
-                onBlur={register('lastName').onBlur}
-                errorMessage={errors.lastName?.message}
-                isInvalid={!!errors.lastName}
-              />
-            </div>
-
-            <Input
-              label={t('settings.profile.phone')}
-              placeholder={t('settings.profile.enterPhone')}
-              value={watch('phone') ?? ''}
-              onChange={(value) => setValue('phone', value, { shouldDirty: true })}
-              onBlur={register('phone').onBlur}
-              errorMessage={errors.phone?.message}
-              isInvalid={!!errors.phone}
-            />
-
-            <div>
-              <label
-                htmlFor="bio"
-                className="block text-sm font-medium text-text-secondary mb-2"
-              >
-                {t('settings.profile.bio')}
-              </label>
-              <textarea
-                id="bio"
-                rows={4}
-                value={watch('bio') ?? ''}
-                onChange={(event) =>
-                  setValue('bio', event.target.value, { shouldDirty: true })
-                }
-                onBlur={register('bio').onBlur}
-                placeholder={t('settings.profile.bioPlaceholder')}
-                className="flex w-full rounded-md border border-border-primary bg-bg-secondary px-3 py-2 text-base text-text-primary placeholder:text-text-tertiary transition-all duration-[150ms] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:border-accent-primary focus-visible:ring-accent-primary"
-              />
-              {errors.bio && (
-                <p className="mt-1.5 text-sm text-accent-error">
-                  {errors.bio.message}
-                </p>
-              )}
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <Input
-                label={t('settings.profile.email')}
-                value={user?.email ?? ''}
-                isDisabled
-                description={t('settings.profile.emailCannotChange')}
-              />
-
-              <Input
-                label={t('settings.profile.username')}
-                value={username}
-                isDisabled
-                description={t('settings.profile.usernameCannotChange')}
-              />
-            </div>
-
-            <div className="pt-2">
-              <Button
-                type="submit"
-                variant="primary"
-                isLoading={isSaving}
-                isDisabled={!isDirty}
-              >
-                {t('settings.profile.saveChanges')}
-              </Button>
-            </div>
-          </form>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/apps/web-client/src/app/admin/users/[id]/page.tsx b/apps/web-client/src/app/admin/users/[id]/page.tsx
deleted file mode 100644
index 739c3c33..00000000
--- a/apps/web-client/src/app/admin/users/[id]/page.tsx
+++ /dev/null
@@ -1,272 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { ArrowLeft, User, Mail, Calendar, Shield, Edit } from 'lucide-react';
-import { Role } from '@goodgo/types';
-import { useUsersStore } from '../../../../stores/users-store';
-import { UserCard, UserForm } from '../../../../features/shared/components/users';
-import { Button } from '../../../../features/shared/components/ui/button';
-import { Card } from '../../../../features/shared/components/ui/card';
-import { AuthGuard } from '../../../../features/shared/middleware/auth-guard';
-import { useAuthStore } from '../../../../stores/auth-store';
-
-/**
- * EN: Admin User Detail/Edit Page
- * VI: Trang chi tiết/edit User cho Admin
- *
- * Features:
- * - Display user details
- * - Edit user information
- * - Role management
- * - Activity logs (placeholder)
- * - Breadcrumb navigation
- */
-export default function AdminUserDetailPage() {
-  const params = useParams();
-  const router = useRouter();
-  const userId = params.id as string;
-
-  const { user: currentUser } = useAuthStore();
-  const {
-    currentUser: user,
-    isLoadingUser,
-    error,
-    fetchUser,
-    updateUser,
-    clearCurrentUser,
-    clearError,
-  } = useUsersStore();
-
-  const [isEditing, setIsEditing] = useState(false);
-
-  // Check permissions
-  const isAdmin = currentUser?.role === Role.ADMIN || currentUser?.role === Role.SUPER_ADMIN;
-  const canEdit = currentUser?.role === Role.SUPER_ADMIN ||
-    (currentUser?.role === Role.ADMIN && user?.role !== Role.SUPER_ADMIN);
-
-  // Load user data
-  useEffect(() => {
-    if (isAdmin && userId) {
-      fetchUser(userId);
-    }
-  }, [isAdmin, userId, fetchUser]);
-
-  // Cleanup on unmount
-  useEffect(() => {
-    return () => {
-      clearCurrentUser();
-    };
-  }, [clearCurrentUser]);
-
-  const handleEditSubmit = async (userData: any) => {
-    if (!user) return;
-
-    try {
-      await updateUser(user.id, userData);
-      setIsEditing(false);
-      clearError();
-    } catch (error) {
-      // Error handled in store
-    }
-  };
-
-  if (isLoadingUser) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
-      </div>
-    );
-  }
-
-  if (error) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <Card className="p-8 text-center max-w-md">
-          <h2 className="text-2xl font-bold text-red-600 mb-4">Error</h2>
-          <p className="text-gray-600 mb-6">{error}</p>
-          <div className="flex gap-4 justify-center">
-            <Button onClick={() => fetchUser(userId)}>
-              Try Again
-            </Button>
-            <Button variant="secondary" onClick={() => router.back()}>
-              Go Back
-            </Button>
-          </div>
-        </Card>
-      </div>
-    );
-  }
-
-  if (!user) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <Card className="p-8 text-center">
-          <h2 className="text-2xl font-bold text-gray-900 mb-4">User Not Found</h2>
-          <p className="text-gray-600 mb-6">
-            The user you're looking for doesn't exist.
-          </p>
-          <Button onClick={() => router.push('/admin/users')}>
-            Back to Users
-          </Button>
-        </Card>
-      </div>
-    );
-  }
-
-  return (
-    <AuthGuard requiredRoles={[Role.ADMIN, Role.SUPER_ADMIN]}>
-      <div className="min-h-screen bg-gray-50">
-        <div className="max-w-4xl mx-auto p-6">
-          {/* Header */}
-          <div className="flex items-center justify-between mb-8">
-            <div className="flex items-center space-x-4">
-              <Button
-                variant="secondary"
-                size="sm"
-                onClick={() => router.back()}
-                className="flex items-center space-x-2"
-              >
-                <ArrowLeft className="w-4 h-4" />
-                <span>Back</span>
-              </Button>
-              <div>
-                <h1 className="text-2xl font-bold text-gray-900">User Details</h1>
-                <p className="text-gray-600">{user.email}</p>
-              </div>
-            </div>
-
-            {canEdit && !isEditing && (
-              <Button
-                onClick={() => setIsEditing(true)}
-                className="flex items-center space-x-2"
-              >
-                <Edit className="w-4 h-4" />
-                <span>Edit User</span>
-              </Button>
-            )}
-          </div>
-
-          {/* Error Display */}
-          {error && (
-            <Card className="p-4 mb-6 bg-red-50 border-red-200">
-              <div className="flex items-center justify-between">
-                <p className="text-red-800">{error}</p>
-                <Button variant="secondary" size="sm" onClick={clearError}>
-                  Dismiss
-                </Button>
-              </div>
-            </Card>
-          )}
-
-          {/* Content */}
-          {isEditing ? (
-            <UserForm
-              user={user}
-              loading={isLoadingUser}
-              onSubmit={handleEditSubmit}
-              onCancel={() => setIsEditing(false)}
-            />
-          ) : (
-            <div className="space-y-6">
-              {/* User Card */}
-              <UserCard
-                user={user}
-                showAdminActions={false}
-                className="mb-6"
-              />
-
-              {/* User Details Grid */}
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                {/* Account Information */}
-                <Card className="p-6">
-                  <div className="flex items-center space-x-3 mb-4">
-                    <User className="w-6 h-6 text-blue-600" />
-                    <h3 className="text-lg font-semibold text-gray-900">Account Information</h3>
-                  </div>
-                  <dl className="space-y-3">
-                    <div>
-                      <dt className="text-sm font-medium text-gray-500">User ID</dt>
-                      <dd className="text-sm text-gray-900 font-mono">{user.id}</dd>
-                    </div>
-                    <div>
-                      <dt className="text-sm font-medium text-gray-500">Email</dt>
-                      <dd className="text-sm text-gray-900">{user.email}</dd>
-                    </div>
-                    <div>
-                      <dt className="text-sm font-medium text-gray-500">Role</dt>
-                      <dd className="text-sm text-gray-900">
-                        <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${user.role === 'SUPER_ADMIN' ? 'bg-red-100 text-red-800' :
-                            user.role === 'ADMIN' ? 'bg-blue-100 text-blue-800' :
-                              'bg-gray-100 text-gray-800'
-                          }`}>
-                          {user.role}
-                        </span>
-                      </dd>
-                    </div>
-                    <div>
-                      <dt className="text-sm font-medium text-gray-500">Status</dt>
-                      <dd className="text-sm text-gray-900">
-                        <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${user.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                          }`}>
-                          {user.isActive ? 'Active' : 'Inactive'}
-                        </span>
-                      </dd>
-                    </div>
-                  </dl>
-                </Card>
-
-                {/* Account Timeline */}
-                <Card className="p-6">
-                  <div className="flex items-center space-x-3 mb-4">
-                    <Calendar className="w-6 h-6 text-green-600" />
-                    <h3 className="text-lg font-semibold text-gray-900">Account Timeline</h3>
-                  </div>
-                  <dl className="space-y-3">
-                    <div>
-                      <dt className="text-sm font-medium text-gray-500">Created</dt>
-                      <dd className="text-sm text-gray-900">
-                        {new Date(user.createdAt).toLocaleDateString('en-US', {
-                          year: 'numeric',
-                          month: 'long',
-                          day: 'numeric',
-                          hour: '2-digit',
-                          minute: '2-digit',
-                        })}
-                      </dd>
-                    </div>
-                    <div>
-                      <dt className="text-sm font-medium text-gray-500">Last Updated</dt>
-                      <dd className="text-sm text-gray-900">
-                        {new Date(user.updatedAt).toLocaleDateString('en-US', {
-                          year: 'numeric',
-                          month: 'long',
-                          day: 'numeric',
-                          hour: '2-digit',
-                          minute: '2-digit',
-                        })}
-                      </dd>
-                    </div>
-                  </dl>
-                </Card>
-              </div>
-
-              {/* Activity Logs (Placeholder) */}
-              <Card className="p-6">
-                <div className="flex items-center space-x-3 mb-4">
-                  <Shield className="w-6 h-6 text-purple-600" />
-                  <h3 className="text-lg font-semibold text-gray-900">Recent Activity</h3>
-                </div>
-                <div className="text-center py-8">
-                  <p className="text-gray-500">
-                    Activity logs will be displayed here in a future update.
-                  </p>
-                </div>
-              </Card>
-            </div>
-          )}
-        </div>
-      </div>
-    </AuthGuard>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/app/admin/users/page.tsx b/apps/web-client/src/app/admin/users/page.tsx
deleted file mode 100644
index 1e7779c8..00000000
--- a/apps/web-client/src/app/admin/users/page.tsx
+++ /dev/null
@@ -1,317 +0,0 @@
-'use client';
-
-import React, { useState, useEffect } from 'react';
-import { Plus, Search, Filter, ArrowLeft } from 'lucide-react';
-import { Role } from '@goodgo/types';
-import { useUsersStore } from '../../../stores/users-store';
-import { UsersTable, UserForm } from '../../../features/shared/components/users';
-import { Button } from '../../../features/shared/components/ui/button';
-import { Input } from '../../../features/shared/components/ui/input';
-import { Card } from '../../../features/shared/components/ui/card';
-import { ResponsiveLayout } from '../../../features/shared/components/layout/responsive-layout';
-import { AuthGuard } from '../../../features/shared/middleware/auth-guard';
-import { useAuthStore } from '../../../stores/auth-store';
-import { useRouter } from 'next/navigation';
-
-/**
- * EN: Admin Users List Page
- * VI: Trang danh sách Users cho Admin
- *
- * Features:
- * - List all users with pagination
- * - Search and filter functionality
- * - Bulk actions (activate/deactivate/delete)
- * - Create new user modal
- * - Edit user modal
- * - Role-based access control
- */
-export default function AdminUsersPage() {
-  const { user: currentUser } = useAuthStore();
-  const router = useRouter();
-  const {
-    users,
-    pagination,
-    isLoading,
-    error,
-    fetchUsers,
-    createUser,
-    updateUser,
-    deleteUser,
-    bulkDeleteUsers,
-    bulkUpdateUserRoles,
-    clearError,
-  } = useUsersStore();
-
-  const [searchQuery, setSearchQuery] = useState('');
-  const [selectedRole, setSelectedRole] = useState<string>('all');
-  const [selectedStatus, setSelectedStatus] = useState<string>('all');
-  const [showCreateModal, setShowCreateModal] = useState(false);
-  const [editingUser, setEditingUser] = useState<any>(null);
-
-  // Check if current user has admin permissions
-  const isAdmin = currentUser?.role === Role.ADMIN || currentUser?.role === Role.SUPER_ADMIN;
-  const isSuperAdmin = currentUser?.role === Role.SUPER_ADMIN;
-
-  // Load users on mount and when filters change
-  useEffect(() => {
-    if (isAdmin) {
-      const params = {
-        search: searchQuery || undefined,
-        role: selectedRole !== 'all' ? (selectedRole as Role) : undefined,
-        isActive: selectedStatus !== 'all' ? selectedStatus === 'active' : undefined,
-        limit: 20,
-      };
-      fetchUsers(params as any);
-    }
-  }, [isAdmin, searchQuery, selectedRole, selectedStatus, fetchUsers]);
-
-  const handleCreateUser = async (userData: any) => {
-    try {
-      await createUser(userData);
-      setShowCreateModal(false);
-      clearError();
-    } catch (error) {
-      // Error is handled in the store
-    }
-  };
-
-  const handleEditUser = async (userData: any) => {
-    if (!editingUser) return;
-
-    try {
-      await updateUser(editingUser.id, userData);
-      setEditingUser(null);
-      clearError();
-    } catch (error) {
-      // Error is handled in the store
-    }
-  };
-
-  const handleDeleteUser = async (user: any) => {
-    if (confirm(`Are you sure you want to delete ${user.email}?`)) {
-      try {
-        await deleteUser(user.id);
-        clearError();
-      } catch (error) {
-        // Error is handled in the store
-      }
-    }
-  };
-
-  const handleToggleUserStatus = async (user: any) => {
-    try {
-      await updateUser(user.id, { isActive: !user.isActive });
-      clearError();
-    } catch (error) {
-      // Error is handled in the store
-    }
-  };
-
-  const handleBulkAction = async (action: string, userIds: string[]) => {
-    const actionMessages = {
-      delete: `Are you sure you want to delete ${userIds.length} user(s)?`,
-      activate: `Are you sure you want to activate ${userIds.length} user(s)?`,
-      deactivate: `Are you sure you want to deactivate ${userIds.length} user(s)?`,
-    };
-
-    if (!confirm(actionMessages[action as keyof typeof actionMessages])) {
-      return;
-    }
-
-    try {
-      if (action === 'delete') {
-        await bulkDeleteUsers(userIds);
-      } else if (action === 'activate' || action === 'deactivate') {
-        const updates = userIds.map(id => ({
-          id,
-          role: users.find(u => u.id === id)?.role || 'USER',
-        }));
-        // Note: For status changes, we'd need a bulk update status method
-        // For now, we'll handle individual updates
-        for (const userId of userIds) {
-          const user = users.find(u => u.id === userId);
-          if (user) {
-            await updateUser(userId, { isActive: action === 'activate' });
-          }
-        }
-      }
-      clearError();
-    } catch (error) {
-      // Error is handled in the store
-    }
-  };
-
-  // Desktop Header
-  const desktopHeader = (
-    <div className="flex items-center justify-between w-full">
-      <div className="flex items-center space-x-4">
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={() => router.back()}
-          className="flex items-center space-x-2"
-        >
-          <ArrowLeft className="w-4 h-4" />
-          <span>Back</span>
-        </Button>
-        <h1 className="text-xl font-semibold text-white">Users Management</h1>
-      </div>
-      <Button
-        onClick={() => setShowCreateModal(true)}
-        className="flex items-center space-x-2"
-      >
-        <Plus className="w-4 h-4" />
-        <span>Add User</span>
-      </Button>
-    </div>
-  );
-
-  // Mobile Header
-  const mobileHeader = (
-    <div className="flex items-center justify-between w-full px-4">
-      <div className="flex items-center space-x-3">
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={() => router.back()}
-          className="p-2"
-        >
-          <ArrowLeft className="w-4 h-4 text-white" />
-        </Button>
-        <h1 className="text-lg font-semibold text-white">Users</h1>
-      </div>
-      <Button
-        variant="ghost"
-        size="sm"
-        onClick={() => setShowCreateModal(true)}
-        className="p-2"
-      >
-        <Plus className="w-5 h-5 text-white" />
-      </Button>
-    </div>
-  );
-
-  const pageContent = (
-    <div className="p-6 max-w-7xl mx-auto">
-      {/* Page Title (hidden on mobile, shown in header) */}
-      <div className="hidden md:block mb-8">
-        <h1 className="text-3xl font-bold text-gray-900">Users Management</h1>
-        <p className="text-gray-600 mt-2">
-          Manage user accounts, roles, and permissions
-        </p>
-      </div>
-
-      {/* Filters */}
-      <Card className="p-4 mb-6">
-        <div className="flex flex-wrap gap-4">
-          <div className="flex-1 min-w-[200px]">
-            <div className="relative">
-              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" />
-              <Input
-                placeholder="Search users..."
-                value={searchQuery}
-                onChange={setSearchQuery}
-                className="pl-10"
-              />
-            </div>
-          </div>
-
-          <select
-            value={selectedRole}
-            onChange={(e) => setSelectedRole(e.target.value)}
-            className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">All Roles</option>
-            <option value="USER">User</option>
-            <option value="ADMIN">Admin</option>
-            {isSuperAdmin && <option value="SUPER_ADMIN">Super Admin</option>}
-          </select>
-
-          <select
-            value={selectedStatus}
-            onChange={(e) => setSelectedStatus(e.target.value)}
-            className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-          >
-            <option value="all">All Status</option>
-            <option value="active">Active</option>
-            <option value="inactive">Inactive</option>
-          </select>
-        </div>
-      </Card>
-
-      {/* Error Display */}
-      {error && (
-        <Card className="p-4 mb-6 bg-red-50 border-red-200">
-          <div className="flex items-center justify-between">
-            <p className="text-red-800">{error}</p>
-            <Button variant="secondary" size="sm" onClick={clearError}>
-              Dismiss
-            </Button>
-          </div>
-        </Card>
-      )}
-
-      {/* Users Table */}
-      <UsersTable
-        users={users}
-        loading={isLoading}
-        onEditUser={setEditingUser}
-        onDeleteUser={handleDeleteUser}
-        onToggleUserStatus={handleToggleUserStatus}
-        onBulkAction={handleBulkAction}
-        showBulkActions={isSuperAdmin}
-      />
-
-      {/* Pagination Info */}
-      {pagination && (
-        <div className="mt-6 text-center text-gray-600">
-          Showing {users.length} of {pagination.total} users
-          (Page {pagination.page} of {pagination.totalPages})
-        </div>
-      )}
-
-      {/* Create User Modal */}
-      {showCreateModal && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
-          <div className="max-w-md w-full max-h-[90vh] overflow-y-auto">
-            <UserForm
-              isCreate
-              loading={isLoading}
-              onSubmit={handleCreateUser}
-              onCancel={() => setShowCreateModal(false)}
-            />
-          </div>
-        </div>
-      )}
-
-      {/* Edit User Modal */}
-      {editingUser && (
-        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
-          <div className="max-w-md w-full max-h-[90vh] overflow-y-auto">
-            <UserForm
-              user={editingUser}
-              loading={isLoading}
-              onSubmit={handleEditUser}
-              onCancel={() => setEditingUser(null)}
-            />
-          </div>
-        </div>
-      )}
-    </div>
-  );
-
-  return (
-    <AuthGuard requiredRoles={[Role.ADMIN, Role.SUPER_ADMIN]}>
-      <ResponsiveLayout
-        header={mobileHeader}
-        showHeader={true}
-        enablePullToRefresh={true}
-        onRefresh={async () => {
-          await fetchUsers();
-        }}
-      >
-        {pageContent}
-      </ResponsiveLayout>
-    </AuthGuard>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/app/auth/callback/page.tsx b/apps/web-client/src/app/auth/callback/page.tsx
deleted file mode 100644
index 1c15ccf1..00000000
--- a/apps/web-client/src/app/auth/callback/page.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-'use client';
-
-import { useEffect, useState, Suspense } from 'react';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { useAuthStore } from '@/stores/auth-store';
-import { getStoredRedirectUrl } from '@/features/auth/lib/oauth';
-
-/**
- * EN: OAuth callback content component
- * VI: Component nội dung OAuth callback
- */
-function OAuthCallbackContent() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const { oauthLogin } = useAuthStore();
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    /**
-     * EN: Handle OAuth callback with token from URL
-     * VI: Xử lý OAuth callback với token từ URL
-     */
-    const handleCallback = async () => {
-      try {
-        // EN: Get token from URL query parameters
-        // VI: Lấy token từ query parameters của URL
-        const token = searchParams.get('token');
-
-        if (!token) {
-          throw new Error('No token provided / Không có token được cung cấp');
-        }
-
-        // EN: Authenticate with OAuth token
-        // VI: Xác thực với OAuth token
-        await oauthLogin(token);
-
-        // EN: Get stored redirect URL or default to home
-        // VI: Lấy redirect URL đã lưu hoặc mặc định về trang chủ
-        const redirectUrl = getStoredRedirectUrl() || '/';
-
-        // EN: Redirect to intended destination
-        // VI: Chuyển hướng đến đích dự định
-        router.push(redirectUrl);
-      } catch (err: any) {
-        console.error('OAuth callback error:', err);
-        setError(err.message || 'Authentication failed / Xác thực thất bại');
-        // EN: Redirect to error page after 3 seconds
-        // VI: Chuyển hướng đến trang lỗi sau 3 giây
-        setTimeout(() => {
-          router.push(`/auth/error?message=${encodeURIComponent(err.message || 'Authentication failed')}`);
-        }, 3000);
-      }
-    };
-
-    handleCallback();
-  }, [searchParams, router, oauthLogin]);
-
-  // EN: Loading state while processing callback
-  // VI: Trạng thái loading trong khi xử lý callback
-  if (!error) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <div className="text-center">
-          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mx-auto mb-4"></div>
-          <p className="text-lg">Completing authentication... / Đang hoàn tất xác thực...</p>
-        </div>
-      </div>
-    );
-  }
-
-  // EN: Error state
-  // VI: Trạng thái lỗi
-  return (
-    <div className="min-h-screen flex items-center justify-center">
-      <div className="text-center">
-        <div className="text-red-500 mb-4">
-          <svg
-            className="w-16 h-16 mx-auto"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={2}
-              d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-            />
-          </svg>
-        </div>
-        <p className="text-lg text-red-500 mb-2">Error / Lỗi</p>
-        <p className="text-gray-600">{error}</p>
-        <p className="text-sm text-gray-500 mt-4">
-          Redirecting... / Đang chuyển hướng...
-        </p>
-      </div>
-    </div>
-  );
-}
-
-/**
- * EN: OAuth callback page to handle authentication after OAuth redirect
- * VI: Trang callback OAuth để xử lý xác thực sau khi redirect OAuth
- */
-export default function OAuthCallbackPage() {
-  return (
-    <Suspense
-      fallback={
-        <div className="min-h-screen flex items-center justify-center">
-          <div className="text-center">
-            <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mx-auto mb-4"></div>
-            <p className="text-lg">Loading... / Đang tải...</p>
-          </div>
-        </div>
-      }
-    >
-      <OAuthCallbackContent />
-    </Suspense>
-  );
-}
diff --git a/apps/web-client/src/app/auth/error/page.tsx b/apps/web-client/src/app/auth/error/page.tsx
deleted file mode 100644
index 0e9f7ec4..00000000
--- a/apps/web-client/src/app/auth/error/page.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-'use client';
-
-import { Suspense } from 'react';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { Button } from '@/features/shared/components/ui/button';
-import { handleOAuthError } from '@/features/auth/lib/oauth';
-
-/**
- * EN: OAuth error content component
- * VI: Component nội dung lỗi OAuth
- */
-function OAuthErrorContent() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-
-  // EN: Get error message from URL
-  // VI: Lấy thông báo lỗi từ URL
-  const errorMessage = searchParams.get('message') || 'Unknown error / Lỗi không xác định';
-  const decodedError = handleOAuthError(errorMessage);
-
-  /**
-   * EN: Handle retry by redirecting to login page
-   * VI: Xử lý thử lại bằng cách chuyển hướng đến trang đăng nhập
-   */
-  const handleRetry = () => {
-    router.push('/login');
-  };
-
-  /**
-   * EN: Handle go home redirect
-   * VI: Xử lý chuyển hướng về trang chủ
-   */
-  const handleGoHome = () => {
-    router.push('/');
-  };
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
-      <div className="max-w-md w-full bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 text-center">
-        {/* EN: Error icon / VI: Icon lỗi */}
-        <div className="text-red-500 mb-4">
-          <svg
-            className="w-16 h-16 mx-auto"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={2}
-              d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-            />
-          </svg>
-        </div>
-
-        {/* EN: Error title / VI: Tiêu đề lỗi */}
-        <h1 className="text-2xl font-bold text-gray-900 dark:text-white mb-2">
-          Authentication Error / Lỗi Xác Thực
-        </h1>
-
-        {/* EN: Error message / VI: Thông báo lỗi */}
-        <p className="text-gray-600 dark:text-gray-300 mb-6">
-          {decodedError}
-        </p>
-
-        {/* EN: Action buttons / VI: Các nút hành động */}
-        <div className="flex flex-col sm:flex-row gap-3 justify-center">
-          <Button
-            onClick={handleRetry}
-            variant="primary"
-            className="w-full sm:w-auto"
-          >
-            Try Again / Thử Lại
-          </Button>
-          <Button
-            onClick={handleGoHome}
-            variant="secondary"
-            className="w-full sm:w-auto"
-          >
-            Go Home / Về Trang Chủ
-          </Button>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-/**
- * EN: OAuth error page to display authentication errors
- * VI: Trang lỗi OAuth để hiển thị lỗi xác thực
- */
-export default function OAuthErrorPage() {
-  return (
-    <Suspense
-      fallback={
-        <div className="min-h-screen flex items-center justify-center">
-          <div className="text-center">
-            <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mx-auto mb-4"></div>
-            <p className="text-lg">Loading... / Đang tải...</p>
-          </div>
-        </div>
-      }
-    >
-      <OAuthErrorContent />
-    </Suspense>
-  );
-}
diff --git a/apps/web-client/src/app/auth/login/page.tsx b/apps/web-client/src/app/auth/login/page.tsx
deleted file mode 100644
index 96523b85..00000000
--- a/apps/web-client/src/app/auth/login/page.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-'use client';
-
-import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-
-/**
- * EN: Redirect /auth/login to /login
- * VI: Chuyển hướng /auth/login sang /login
- */
-export default function AuthLoginRedirect() {
-    const router = useRouter();
-
-    useEffect(() => {
-        router.replace('/login');
-    }, [router]);
-
-    return (
-        <div className="min-h-screen flex items-center justify-center">
-            <p className="text-text-secondary">Redirecting...</p>
-        </div>
-    );
-}
diff --git a/apps/web-client/src/app/dashboard/page.tsx b/apps/web-client/src/app/dashboard/page.tsx
deleted file mode 100644
index b2581ecd..00000000
--- a/apps/web-client/src/app/dashboard/page.tsx
+++ /dev/null
@@ -1,332 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { MessageCircle, User, Settings, Home, Search, LogOut, Menu } from 'lucide-react';
-import { useAuthStore } from '../../stores/auth-store';
-import { ResponsiveLayout } from '../../features/shared/components/layout/responsive-layout';
-import { MobileBottomNav, useBottomNav } from '../../features/shared/components/layout/mobile-layout';
-import { Button } from '../../features/shared/components/ui/button';
-import { Card } from '../../features/shared/components/ui/card';
-import { useRouter } from 'next/navigation';
-
-/**
- * EN: Dashboard Page - Main authenticated user interface
- * VI: Trang Dashboard - Giao diện chính cho người dùng đã xác thực
- *
- * Features:
- * - Responsive layout (desktop sidebar + mobile bottom nav)
- * - Quick actions and status overview
- * - Navigation to different sections
- * - User greeting and avatar
- */
-export default function DashboardPage() {
-  const { user, logout } = useAuthStore();
-  const router = useRouter();
-  const { activeItem, handleNavPress } = useBottomNav('home');
-  const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
-
-  if (!user) {
-    router.push('/auth/login');
-    return null;
-  }
-
-  const handleLogout = async () => {
-    await logout();
-    router.push('/');
-  };
-
-  // Desktop Header
-  const desktopHeader = (
-    <div className="flex items-center justify-between w-full">
-      <div className="flex items-center space-x-4">
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={() => setSidebarCollapsed(!sidebarCollapsed)}
-          className="p-2"
-        >
-          <Menu className="w-5 h-5" />
-        </Button>
-        <h1 className="text-xl font-semibold text-white">Dashboard</h1>
-      </div>
-      <div className="flex items-center space-x-4">
-        <div className="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
-          <span className="text-blue-600 font-semibold text-sm">
-            {user.email[0].toUpperCase()}
-          </span>
-        </div>
-        <Button variant="ghost" size="sm" onClick={handleLogout}>
-          <LogOut className="w-4 h-4 mr-2" />
-          Logout
-        </Button>
-      </div>
-    </div>
-  );
-
-  // Mobile Header
-  const mobileHeader = (
-    <div className="flex items-center justify-between w-full px-4">
-      <h1 className="text-lg font-semibold text-white">Dashboard</h1>
-      <div className="flex items-center space-x-2">
-        <div className="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
-          <span className="text-blue-600 font-semibold text-sm">
-            {user.email[0].toUpperCase()}
-          </span>
-        </div>
-      </div>
-    </div>
-  );
-
-  // Desktop Sidebar
-  const desktopSidebar = (
-    <div className="p-4">
-      <div className="mb-8">
-        <div className="flex items-center space-x-3 mb-6">
-          <div className="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
-            <span className="text-blue-600 font-semibold">
-              {user.email[0].toUpperCase()}
-            </span>
-          </div>
-          {!sidebarCollapsed && (
-            <div>
-              <p className="font-medium text-gray-900">{user.email}</p>
-              <p className="text-sm text-gray-500 capitalize">{user.role.toLowerCase()}</p>
-            </div>
-          )}
-        </div>
-
-        {!sidebarCollapsed && (
-          <nav className="space-y-2">
-            {[
-              { id: 'home', label: 'Home', icon: Home },
-              { id: 'chat', label: 'Chat', icon: MessageCircle },
-              { id: 'search', label: 'Search', icon: Search },
-              { id: 'profile', label: 'Profile', icon: User },
-              { id: 'settings', label: 'Settings', icon: Settings },
-            ].map((item) => {
-              const Icon = item.icon;
-              return (
-                <button
-                  key={item.id}
-                  onClick={() => {
-                    if (item.id === 'chat') router.push('/chat');
-                    else if (item.id === 'profile') router.push('/profile');
-                    else if (item.id === 'settings') router.push('/settings');
-                  }}
-                  className="w-full flex items-center space-x-3 px-3 py-2 rounded-lg hover:bg-gray-100 transition-colors"
-                >
-                  <Icon className="w-5 h-5 text-gray-600" />
-                  <span className="text-gray-700">{item.label}</span>
-                </button>
-              );
-            })}
-          </nav>
-        )}
-      </div>
-
-      {!sidebarCollapsed && (
-        <div className="border-t pt-4">
-          <Button
-            variant="secondary"
-            size="sm"
-            onClick={handleLogout}
-            className="w-full flex items-center justify-center"
-          >
-            <LogOut className="w-4 h-4 mr-2" />
-            Logout
-          </Button>
-        </div>
-      )}
-    </div>
-  );
-
-  // Mobile Bottom Navigation Items
-  const mobileNavItems = [
-    {
-      id: 'home',
-      label: 'Home',
-      icon: <Home className="w-6 h-6" />,
-    },
-    {
-      id: 'search',
-      label: 'Search',
-      icon: <Search className="w-6 h-6" />,
-    },
-    {
-      id: 'chat',
-      label: 'Chat',
-      icon: <MessageCircle className="w-6 h-6" />,
-      badge: 2,
-    },
-    {
-      id: 'profile',
-      label: 'Profile',
-      icon: <User className="w-6 h-6" />,
-    },
-    {
-      id: 'settings',
-      label: 'Settings',
-      icon: <Settings className="w-6 h-6" />,
-    },
-  ];
-
-  const handleMobileNavPress = (itemId: string) => {
-    handleNavPress(itemId);
-    if (itemId === 'chat') router.push('/chat');
-    else if (itemId === 'profile') router.push('/profile');
-    else if (itemId === 'settings') router.push('/settings');
-  };
-
-  // Dashboard Content
-  const dashboardContent = (
-    <div className="p-6 max-w-4xl mx-auto">
-      {/* Welcome Section */}
-      <div className="mb-8">
-        <h2 className="text-2xl font-bold text-gray-900 mb-2">
-          Welcome back, {user.email.split('@')[0]}!
-        </h2>
-        <p className="text-gray-600">
-          Here's what's happening with your account today.
-        </p>
-      </div>
-
-      {/* Quick Stats */}
-      <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
-        <Card className="p-6">
-          <div className="flex items-center">
-            <div className="p-3 bg-blue-100 rounded-lg">
-              <MessageCircle className="w-6 h-6 text-blue-600" />
-            </div>
-            <div className="ml-4">
-              <p className="text-sm font-medium text-gray-600">Active Chats</p>
-              <p className="text-2xl font-bold text-gray-900">3</p>
-            </div>
-          </div>
-        </Card>
-
-        <Card className="p-6">
-          <div className="flex items-center">
-            <div className="p-3 bg-green-100 rounded-lg">
-              <User className="w-6 h-6 text-green-600" />
-            </div>
-            <div className="ml-4">
-              <p className="text-sm font-medium text-gray-600">Profile Views</p>
-              <p className="text-2xl font-bold text-gray-900">12</p>
-            </div>
-          </div>
-        </Card>
-
-        <Card className="p-6">
-          <div className="flex items-center">
-            <div className="p-3 bg-purple-100 rounded-lg">
-              <Settings className="w-6 h-6 text-purple-600" />
-            </div>
-            <div className="ml-4">
-              <p className="text-sm font-medium text-gray-600">Settings Updated</p>
-              <p className="text-2xl font-bold text-gray-900">2</p>
-            </div>
-          </div>
-        </Card>
-      </div>
-
-      {/* Quick Actions */}
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
-        <Card className="p-6">
-          <h3 className="text-lg font-semibold text-gray-900 mb-4">Quick Actions</h3>
-          <div className="space-y-3">
-            <Button
-              onClick={() => router.push('/chat')}
-              className="w-full flex items-center justify-start"
-              variant="secondary"
-            >
-              <MessageCircle className="w-4 h-4 mr-3" />
-              Start New Chat
-            </Button>
-            <Button
-              onClick={() => router.push('/profile')}
-              className="w-full flex items-center justify-start"
-              variant="secondary"
-            >
-              <User className="w-4 h-4 mr-3" />
-              Update Profile
-            </Button>
-            <Button
-              onClick={() => router.push('/settings')}
-              className="w-full flex items-center justify-start"
-              variant="secondary"
-            >
-              <Settings className="w-4 h-4 mr-3" />
-              Account Settings
-            </Button>
-          </div>
-        </Card>
-
-        <Card className="p-6">
-          <h3 className="text-lg font-semibold text-gray-900 mb-4">Recent Activity</h3>
-          <div className="space-y-3">
-            <div className="flex items-center space-x-3">
-              <div className="w-2 h-2 bg-blue-500 rounded-full"></div>
-              <p className="text-sm text-gray-600">Started a new conversation</p>
-              <span className="text-xs text-gray-400">2h ago</span>
-            </div>
-            <div className="flex items-center space-x-3">
-              <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-              <p className="text-sm text-gray-600">Updated profile information</p>
-              <span className="text-xs text-gray-400">1d ago</span>
-            </div>
-            <div className="flex items-center space-x-3">
-              <div className="w-2 h-2 bg-purple-500 rounded-full"></div>
-              <p className="text-sm text-gray-600">Changed notification settings</p>
-              <span className="text-xs text-gray-400">3d ago</span>
-            </div>
-          </div>
-        </Card>
-      </div>
-
-      {/* Account Status */}
-      <Card className="p-6">
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">Account Status</h3>
-        <div className="flex items-center justify-between">
-          <div>
-            <p className="font-medium text-gray-900">Account Active</p>
-            <p className="text-sm text-gray-600">
-              Your account is in good standing. Member since {new Date(user.createdAt).getFullYear()}.
-            </p>
-          </div>
-          <div className={`px-3 py-1 rounded-full text-sm font-medium ${
-            user.isActive
-              ? 'bg-green-100 text-green-800'
-              : 'bg-red-100 text-red-800'
-          }`}>
-            {user.isActive ? 'Active' : 'Inactive'}
-          </div>
-        </div>
-      </Card>
-    </div>
-  );
-
-  return (
-    <ResponsiveLayout
-      // Desktop props
-      header={desktopHeader}
-      sidebar={desktopSidebar}
-      showSidebar={true}
-      sidebarWidth={sidebarCollapsed ? 64 : 280}
-      sidebarCollapsible={true}
-      sidebarCollapsed={sidebarCollapsed}
-
-      // Mobile props
-      showBottomNav={true}
-      bottomNavItems={mobileNavItems}
-      activeNavItem={activeItem}
-      onNavItemPress={handleMobileNavPress}
-      enablePullToRefresh={true}
-      onRefresh={async () => {
-        // Simulate refresh
-        await new Promise(resolve => setTimeout(resolve, 1000));
-      }}
-    >
-      {dashboardContent}
-    </ResponsiveLayout>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/app/globals.css b/apps/web-client/src/app/globals.css
deleted file mode 100644
index 7340e0a6..00000000
--- a/apps/web-client/src/app/globals.css
+++ /dev/null
@@ -1,383 +0,0 @@
-/**
- * EN: Global Styles with Tailwind CSS 4
- * VI: Styles toàn cục với Tailwind CSS 4
- *
- * Import theme variables first, then glassmorphism utilities, then Tailwind CSS 4
- * Import các biến theme trước, sau đó là glassmorphism utilities, rồi đến Tailwind CSS 4
- */
-@import "../styles/theme.css";
-@import "../styles/glass.css";
-@import "tailwindcss";
-
-/**
- * EN: Base Styles
- * VI: Styles cơ bản
- */
-@layer base {
-  * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
-
-  html {
-    font-family: var(--font-sans);
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    scroll-behavior: smooth;
-  }
-
-  /**
-   * EN: Disable smooth scroll for users who prefer reduced motion
-   * VI: Tắt smooth scroll cho người dùng ưa thích giảm chuyển động
-   */
-  @media (prefers-reduced-motion: reduce) {
-    html {
-      scroll-behavior: auto;
-    }
-
-    /* Also disable all animations */
-    *,
-    *::before,
-    *::after {
-      animation-duration: 0.01ms !important;
-      animation-iteration-count: 1 !important;
-      transition-duration: 0.01ms !important;
-    }
-  }
-
-  /**
-   * EN: Custom text selection (X.ai blue)
-   * VI: Tùy chỉnh text selection (X.ai blue)
-   */
-  ::selection {
-    background-color: var(--accent-primary);
-    color: white;
-  }
-
-  ::-moz-selection {
-    background-color: var(--accent-primary);
-    color: white;
-  }
-
-  /**
-   * EN: Custom scrollbar (X.ai minimal)
-   * VI: Tùy chỉnh scrollbar (X.ai minimal)
-   */
-  /* Webkit browsers (Chrome, Safari, Edge) */
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  ::-webkit-scrollbar-track {
-    background: var(--bg-secondary);
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background: var(--glass-border-default);
-    border-radius: var(--radius-full);
-    transition: background var(--duration-fast) var(--ease-snap);
-  }
-
-  ::-webkit-scrollbar-thumb:hover {
-    background: var(--glass-border-hover);
-  }
-
-  /* Firefox */
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: var(--glass-border-default) var(--bg-secondary);
-  }
-
-  body {
-    background-color: var(--bg-primary);
-    color: var(--text-primary);
-    font-size: var(--text-base);
-    font-weight: var(--font-light);
-    line-height: var(--leading-relaxed);
-    transition: background-color var(--duration-normal) var(--ease-in-out),
-      color var(--duration-normal) var(--ease-in-out);
-  }
-
-  /**
-   * EN: Smooth transitions for theme switching
-   * VI: Chuyển đổi mượt mà cho việc chuyển theme
-   */
-  *,
-  *::before,
-  *::after {
-    transition: background-color var(--duration-normal) var(--ease-in-out),
-      color var(--duration-normal) var(--ease-in-out),
-      border-color var(--duration-normal) var(--ease-in-out);
-  }
-
-  /**
-   * EN: Focus indicators for keyboard navigation (WCAG 2.1 AA)
-   * VI: Chỉ báo focus cho điều hướng bàn phím (WCAG 2.1 AA)
-   */
-  *:focus-visible {
-    outline: 2px solid var(--accent-primary);
-    outline-offset: 2px;
-  }
-
-  /**
-   * EN: Skip link styles (screen reader only until focused)
-   * VI: Styles cho skip link (chỉ screen reader cho đến khi focus)
-   */
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-
-  .sr-only:focus,
-  .sr-only:focus-visible {
-    position: fixed;
-    width: auto;
-    height: auto;
-    padding: inherit;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  /**
-   * EN: Ensure minimum font size for accessibility (16px) - WCAG 2.1 AA
-   * VI: Đảm bảo kích thước font tối thiểu cho accessibility (16px) - WCAG 2.1 AA
-   */
-  body {
-    font-size: 16px;
-  }
-}
-
-/**
- * EN: Message bubble fade-in animation
- * VI: Animation fade-in cho message bubble
- */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-    filter: blur(10px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0);
-    filter: blur(0);
-  }
-}
-
-/**
- * EN: Floating Animation - X.ai Minimalist (Simplified)
- * VI: Animation lơ lửng - X.ai Minimalist (Đơn giản hóa)
- */
-@keyframes float {
-
-  0%,
-  100% {
-    transform: translateY(0);
-  }
-
-  50% {
-    transform: translateY(-8px);
-  }
-}
-
-/**
- * EN: Skeleton Loading Animation
- * VI: Animation loading skeleton
- */
-@keyframes skeleton {
-  0% {
-    background-position: 200% 0;
-  }
-
-  100% {
-    background-position: -200% 0;
-  }
-}
-
-/* ============================================
-   EN: Removed - Mesh Gradient Animation (X.ai Minimalist)
-   VI: Đã xóa - Mesh Gradient Animation (X.ai Minimalist)
-   ============================================ */
-/* Removed for cleaner, minimalist aesthetic */
-
-/* ============================================
-   EN: Removed - Shimmer Animation (X.ai Minimalist)  
-   VI: Đã xóa - Shimmer Animation (X.ai Minimalist)
-   ============================================ */
-/* Removed for cleaner, minimalist aesthetic */
-
-/**
- * EN: Utilities Layer
- * VI: Layer Utilities
- */
-@layer utilities {
-  .animate-fadeIn {
-    animation: fadeIn 1s var(--ease-spring) forwards;
-  }
-
-  /* EN: Simplified float animation - X.ai style */
-  .animate-float {
-    animation: float 4s var(--ease-smooth) infinite;
-  }
-
-  /**
-   * EN: Skeleton Loading Utilities
-   * VI: Utilities loading skeleton
-   */
-  .skeleton {
-    background: linear-gradient(90deg,
-        var(--glass-bg-subtle) 0%,
-        var(--glass-bg-default) 50%,
-        var(--glass-bg-subtle) 100%);
-    background-size: 200% 100%;
-    animation: skeleton 1.5s ease-in-out infinite;
-    border-radius: var(--radius-md);
-  }
-
-  .skeleton-text {
-    height: 1em;
-    margin-bottom: 0.5em;
-  }
-
-  .skeleton-title {
-    height: 2em;
-    margin-bottom: 1em;
-  }
-
-  .skeleton-avatar {
-    width: 48px;
-    height: 48px;
-    border-radius: var(--radius-full);
-  }
-
-  .skeleton-card {
-    height: 200px;
-    border-radius: var(--radius-lg);
-  }
-
-  /**
-   * EN: Button Press Micro-interaction
-   * VI: Micro-interaction cho button press
-   */
-  .btn-press {
-    transition: transform var(--duration-fast) var(--ease-snap);
-  }
-
-  .btn-press:active:not(:disabled) {
-    transform: scale(0.98);
-  }
-
-  /* ============================================
-     EN: Removed - Cosmic Effects (X.ai Minimalist)
-     VI: Đã xóa - Cosmic Effects (X.ai Minimalist)
-     ============================================ */
-  /* Removed .mesh-gradient, .mesh-spot, .text-brand-glow, .animate-shimmer */
-  /* Use simple backgrounds and minimal effects instead */
-
-  .container-responsive {
-    width: 100%;
-    margin-left: auto;
-    margin-right: auto;
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  @media (min-width: 640px) {
-    .container-responsive {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .container-responsive {
-      max-width: 768px;
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .container-responsive {
-      max-width: 1024px;
-      padding-left: 2rem;
-      padding-right: 2rem;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .container-responsive {
-      max-width: 1280px;
-    }
-  }
-
-  .text-responsive-hero {
-    font-size: 2.5rem;
-    line-height: 1.1;
-  }
-
-  @media (min-width: 768px) {
-    .text-responsive-hero {
-      font-size: 3.75rem;
-    }
-  }
-
-  .btn-touch {
-    min-height: 44px;
-    min-width: 44px;
-  }
-}
-
-/**
- * EN: Print Styles
- * VI: Styles cho in ấn
- */
-@media print {
-  body {
-    background: white;
-    color: black;
-  }
-
-  .glass-card {
-    background: white;
-    border: 1px solid #ccc;
-    box-shadow: none;
-  }
-
-  /* Hide non-essential elements */
-  nav,
-  footer,
-  .no-print,
-  button,
-  .auth-controls {
-    display: none !important;
-  }
-
-  /* Ensure readable text */
-  * {
-    color: black !important;
-    background: white !important;
-  }
-
-  a {
-    text-decoration: underline;
-  }
-
-  /* Show link URLs after text */
-  a[href]:after {
-    content: " (" attr(href) ")";
-    font-size: 0.8em;
-    color: #666;
-  }
-}
\ No newline at end of file
diff --git a/apps/web-client/src/app/layout.tsx b/apps/web-client/src/app/layout.tsx
deleted file mode 100644
index c046acd5..00000000
--- a/apps/web-client/src/app/layout.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
-import './globals.css';
-import { ThemeProvider } from '../features/theme';
-import { QueryProvider } from '../providers/query-provider';
-import { I18nProvider } from '../features/theme/i18n-provider';
-
-// EN: Configure Inter font with subsets and variable name
-// VI: Cấu hình font Inter với các subsets và tên biến CSS
-const inter = Inter({
-  subsets: ['latin', 'vietnamese'],
-  display: 'swap',
-  variable: '--font-inter',
-  weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
-});
-import { SkipToContent } from '../features/shared/components/accessibility/skip-to-content';
-
-/**
- * EN: Metadata for the application
- * VI: Metadata cho ứng dụng
- */
-export const metadata: Metadata = {
-  title: {
-    default: 'GoodGo Platform - Enterprise Microservices',
-    template: '%s | GoodGo Platform',
-  },
-  description: 'Build, deploy, and scale microservices with confidence. Enterprise-grade microservices platform for modern development teams.',
-  keywords: ['microservices', 'enterprise', 'platform', 'cloud', 'kubernetes', 'devops'],
-
-  // EN: Brand icons for all platforms / VI: Brand icons cho tất cả platforms
-  icons: {
-    icon: '/brand-assets/icons/favicon.svg',
-    apple: '/brand-assets/icons/favicon.svg',
-  },
-
-  // EN: Open Graph for social media sharing / VI: Open Graph cho chia sẻ mạng xã hội
-  openGraph: {
-    type: 'website',
-    locale: 'en_US',
-    url: 'https://goodgo.com',
-    siteName: 'GoodGo Platform',
-    title: 'GoodGo Platform - Enterprise Microservices',
-    description: 'Build, deploy, and scale microservices with confidence',
-  },
-
-  // EN: Twitter Card metadata / VI: Twitter Card metadata
-  twitter: {
-    card: 'summary_large_image',
-    title: 'GoodGo Platform',
-    description: 'Enterprise Microservices Platform',
-  },
-
-  // EN: PWA manifest / VI: PWA manifest
-  manifest: '/manifest.json',
-};
-
-/**
- * EN: Viewport configuration (Next.js 13+ requires separate export)
- * VI: Cấu hình viewport (Next.js 13+ yêu cầu export riêng)
- */
-export const viewport = {
-  width: 'device-width',
-  initialScale: 1,
-  maximumScale: 5,
-};
-
-/**
- * EN: Root layout component for the entire application
- * VI: Component layout gốc cho toàn bộ ứng dụng
- *
- * @param children - Child components to render / Components con để render
- */
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    // EN: Root HTML structure with dynamic language (will be updated by I18nProvider)
-    // VI: Cấu trúc HTML gốc với ngôn ngữ động (sẽ được cập nhật bởi I18nProvider)
-    <html lang="en" className={inter.variable} suppressHydrationWarning>
-      <body>
-        <I18nProvider>
-          <SkipToContent />
-          <QueryProvider>
-            <ThemeProvider>{children}</ThemeProvider>
-          </QueryProvider>
-        </I18nProvider>
-      </body>
-    </html>
-  );
-}
diff --git a/apps/web-client/src/app/mobile-demo/page.tsx b/apps/web-client/src/app/mobile-demo/page.tsx
deleted file mode 100644
index c0a8bd5e..00000000
--- a/apps/web-client/src/app/mobile-demo/page.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client';
-
-import { MobileAppDemo } from '@/features/shared/components/layout/mobile-layout';
-
-/**
- * EN: Mobile App Demo Page
- * VI: Trang Demo Mobile App
- *
- * Showcases the native app-style mobile layout components.
- * Trình diễn các component mobile layout theo phong cách native app.
- */
-export default function MobileDemoPage() {
-  return (
-    <div className="min-h-screen bg-gray-100 p-8">
-      <div className="max-w-4xl mx-auto">
-        <div className="text-center mb-8">
-          <h1 className="text-3xl font-bold text-gray-900 mb-4">
-            Mobile App Layout Demo
-          </h1>
-          <p className="text-gray-600 max-w-2xl mx-auto">
-            Experience native app-style mobile layouts with pull-to-refresh,
-            bottom navigation, and touch-optimized interactions.
-          </p>
-        </div>
-
-        <div className="flex justify-center">
-          <div className="bg-white rounded-2xl shadow-2xl overflow-hidden">
-            <MobileAppDemo />
-          </div>
-        </div>
-
-        <div className="mt-8 text-center text-sm text-gray-500">
-          <p>Resize your browser window to mobile size to see the full experience!</p>
-          <p className="mt-2">Try pulling down on the Home screen to test pull-to-refresh.</p>
-        </div>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/app/mood-board/page.tsx b/apps/web-client/src/app/mood-board/page.tsx
deleted file mode 100644
index 726112cc..00000000
--- a/apps/web-client/src/app/mood-board/page.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * EN: Mood Board - Design System Showcase
- * VI: Mood Board - Showcase Design System
- *
- * A comprehensive showcase of all UI components and design tokens
- * Một trang showcase toàn diện cho tất cả UI components và design tokens
- */
-import { Metadata } from 'next';
-import { ThemeToggle } from '@/features/theme/components/theme-toggle-enhanced';
-import TypographySection from './sections/TypographySection';
-import ColorPaletteSection from './sections/ColorPaletteSection';
-import SpacingSection from './sections/SpacingSection';
-import GlassEffectsSection from './sections/GlassEffectsSection';
-import ButtonsSection from './sections/ButtonsSection';
-
-export const metadata: Metadata = {
-    title: 'Mood Board | Design System Showcase',
-    description: 'Comprehensive showcase of all UI components and design tokens',
-};
-
-export default function MoodBoardPage() {
-    return (
-        <div className="min-h-screen bg-bg-primary">
-            {/* EN: Header with sticky navigation / VI: Header với navigation sticky */}
-            <header className="glass-nav sticky top-0 z-50 p-6">
-                <div className="container-responsive flex items-center justify-between">
-                    <div>
-                        <h1 className="text-4xl font-extrabold tracking-tight text-text-primary">
-                            Mood Board
-                        </h1>
-                        <p className="text-text-secondary mt-2">
-                            Design System Showcase - All Components & Tokens
-                        </p>
-                    </div>
-
-                    {/* EN: Theme Toggle / VI: Theme Toggle */}
-                    <ThemeToggle />
-                </div>
-            </header>
-
-            {/* EN: Main content with all sections / VI: Nội dung chính với tất cả sections */}
-            <main className="container-responsive py-12 space-y-16">
-                <TypographySection />
-                <ColorPaletteSection />
-                <SpacingSection />
-                <GlassEffectsSection />
-                <ButtonsSection />
-            </main>
-
-            {/* EN: Footer / VI: Footer */}
-            <footer className="border-t border-border-primary p-6 text-center text-text-tertiary">
-                <p>Design System v1.0.0 - X.ai Minimalist Theme</p>
-            </footer>
-        </div>
-    );
-}
diff --git a/apps/web-client/src/app/mood-board/sections/ButtonsSection.tsx b/apps/web-client/src/app/mood-board/sections/ButtonsSection.tsx
deleted file mode 100644
index 5a8c6376..00000000
--- a/apps/web-client/src/app/mood-board/sections/ButtonsSection.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- * EN: Buttons Section - All button variants
- * VI: Buttons Section - Tất cả button variants
- */
-import SectionWrapper from '@/features/mood-board/components/SectionWrapper';
-import ComponentShowcase from '@/features/mood-board/components/ComponentShowcase';
-
-export default function ButtonsSection() {
-    return (
-        <SectionWrapper
-            id="buttons"
-            title="Buttons"
-            description="All button styles and states"
-        >
-            {/* EN: Glass Buttons / VI: Glass Buttons */}
-            <ComponentShowcase
-                title="Glass Buttons"
-                description="Glassmorphism button styles"
-                code={`<button className="glass-button">Default Glass</button>
-<button className="glass-button" disabled>Disabled</button>`}
-                darkBg
-            >
-                <div className="flex gap-4 flex-wrap">
-                    <button className="glass-button">Default Glass</button>
-                    <button className="glass-button hover:bg-glass-bg-hover">
-                        Hover Me
-                    </button>
-                    <button className="glass-button" disabled>
-                        Disabled
-                    </button>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Primary Buttons / VI: Primary Buttons */}
-            <ComponentShowcase
-                title="Primary Buttons (Accent)"
-                description="Brand primary button with X.ai blue"
-                code={`<button className="bg-accent-primary text-white px-6 py-3 rounded-md font-medium hover:bg-accent-primary-hover transition-all">
-  Primary Action
-</button>`}
-            >
-                <div className="flex gap-4 flex-wrap">
-                    <button className="bg-accent-primary text-white px-6 py-3 rounded-md font-medium hover:bg-accent-primary-hover transition-all btn-press">
-                        Primary Action
-                    </button>
-                    <button className="bg-accent-primary text-white px-6 py-3 rounded-md font-medium opacity-50 cursor-not-allowed">
-                        Disabled Primary
-                    </button>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Secondary Buttons / VI: Secondary Buttons */}
-            <ComponentShowcase
-                title="Secondary Buttons"
-                description="Secondary button style with border"
-                code={`<button className="border border-border-primary text-text-primary px-6 py-3 rounded-md font-medium hover:border-border-secondary transition-all">
-  Secondary Action
-</button>`}
-            >
-                <div className="flex gap-4 flex-wrap">
-                    <button className="border border-border-primary text-text-primary px-6 py-3 rounded-md font-medium hover:border-border-secondary hover:bg-bg-secondary transition-all btn-press">
-                        Secondary Action
-                    </button>
-                    <button className="border border-border-primary text-text-primary px-6 py-3 rounded-md font-medium opacity-50 cursor-not-allowed">
-                        Disabled Secondary
-                    </button>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Button Sizes / VI: Button Sizes */}
-            <ComponentShowcase
-                title="Button Sizes"
-                description="Different button size variants"
-                code={`<button className="glass-button text-xs px-3 py-1.5">Small</button>
-<button className="glass-button text-sm px-4 py-2">Medium</button>
-<button className="glass-button text-base px-6 py-3">Large</button>`}
-                darkBg
-            >
-                <div className="flex gap-4 items-center flex-wrap">
-                    <button className="glass-button text-xs px-3 py-1.5">Small</button>
-                    <button className="glass-button text-sm px-4 py-2">Medium</button>
-                    <button className="glass-button text-base px-6 py-3">Large</button>
-                    <button className="glass-button text-lg px-8 py-4">Extra Large</button>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Icon Buttons / VI: Icon Buttons */}
-            <ComponentShowcase
-                title="Icon Buttons"
-                description="Square icon buttons for actions"
-                code={`<button className="glass-button w-10 h-10 flex items-center justify-center">
-  ×
-</button>`}
-                darkBg
-            >
-                <div className="flex gap-4 flex-wrap">
-                    <button className="glass-button w-10 h-10 flex items-center justify-center">
-                        ×
-                    </button>
-                    <button className="glass-button w-10 h-10 flex items-center justify-center">
-                        ✓
-                    </button>
-                    <button className="glass-button w-10 h-10 flex items-center justify-center">
-                        ⋮
-                    </button>
-                    <button className="glass-button w-12 h-12 flex items-center justify-center rounded-full">
-                        ✎
-                    </button>
-                </div>
-            </ComponentShowcase>
-        </SectionWrapper>
-    );
-}
diff --git a/apps/web-client/src/app/mood-board/sections/ColorPaletteSection.tsx b/apps/web-client/src/app/mood-board/sections/ColorPaletteSection.tsx
deleted file mode 100644
index 6420c843..00000000
--- a/apps/web-client/src/app/mood-board/sections/ColorPaletteSection.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
- * EN: Color Palette Section - All design token colors
- * VI: Color Palette Section - Tất cả color tokens từ design system
- */
-import SectionWrapper from '@/features/mood-board/components/SectionWrapper';
-import ColorSwatch from '@/features/mood-board/components/ColorSwatch';
-
-export default function ColorPaletteSection() {
-    return (
-        <SectionWrapper
-            id="colors"
-            title="Color Palette"
-            description="All color tokens - backgrounds, text, borders, accents (Dark/Light mode)"
-        >
-            {/* EN: Background Colors / VI: Màu nền */}
-            <div>
-                <h3 className="text-xl font-semibold mb-4 text-text-primary">
-                    Background Colors
-                </h3>
-                <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-                    <ColorSwatch name="--bg-primary" var="var(--bg-primary)" />
-                    <ColorSwatch name="--bg-secondary" var="var(--bg-secondary)" />
-                    <ColorSwatch name="--bg-tertiary" var="var(--bg-tertiary)" />
-                    <ColorSwatch name="--bg-elevated" var="var(--bg-elevated)" />
-                </div>
-            </div>
-
-            {/* EN: Text Colors / VI: Màu chữ */}
-            <div>
-                <h3 className="text-xl font-semibold mb-4 text-text-primary">
-                    Text Colors (WCAG Compliant)
-                </h3>
-                <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-                    <ColorSwatch name="--text-primary" var="var(--text-primary)" />
-                    <ColorSwatch name="--text-secondary" var="var(--text-secondary)" />
-                    <ColorSwatch name="--text-tertiary" var="var(--text-tertiary)" />
-                    <ColorSwatch name="--text-muted" var="var(--text-muted)" />
-                </div>
-            </div>
-
-            {/* EN: Accent Colors / VI: Màu accent */}
-            <div>
-                <h3 className="text-xl font-semibold mb-4 text-text-primary">
-                    Accent Colors (X.ai Brand)
-                </h3>
-                <div className="grid grid-cols-2 md:grid-cols-5 gap-4">
-                    <ColorSwatch name="--accent-primary" var="var(--accent-primary)" />
-                    <ColorSwatch name="--accent-success" var="var(--accent-success)" />
-                    <ColorSwatch name="--accent-warning" var="var(--accent-warning)" />
-                    <ColorSwatch name="--accent-error" var="var(--accent-error)" />
-                    <ColorSwatch name="--accent-info" var="var(--accent-info)" />
-                </div>
-            </div>
-
-            {/* EN: Border Colors / VI: Màu viền */}
-            <div>
-                <h3 className="text-xl font-semibold mb-4 text-text-primary">
-                    Border Colors
-                </h3>
-                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
-                    <ColorSwatch name="--border-primary" var="var(--border-primary)" />
-                    <ColorSwatch
-                        name="--border-secondary"
-                        var="var(--border-secondary)"
-                    />
-                    <ColorSwatch name="--border-focus" var="var(--border-focus)" />
-                </div>
-            </div>
-
-            {/* EN: Chat Colors / VI: Màu chat */}
-            <div>
-                <h3 className="text-xl font-semibold mb-4 text-text-primary">
-                    Chat Specific Colors
-                </h3>
-                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
-                    <ColorSwatch name="--chat-user-bubble" var="var(--chat-user-bubble)" />
-                    <ColorSwatch name="--chat-user-text" var="var(--chat-user-text)" />
-                    <ColorSwatch name="--chat-ai-text" var="var(--chat-ai-text)" />
-                </div>
-            </div>
-        </SectionWrapper>
-    );
-}
diff --git a/apps/web-client/src/app/mood-board/sections/GlassEffectsSection.tsx b/apps/web-client/src/app/mood-board/sections/GlassEffectsSection.tsx
deleted file mode 100644
index 8042f644..00000000
--- a/apps/web-client/src/app/mood-board/sections/GlassEffectsSection.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-/**
- * EN: Glass Effects Section - All glassmorphism utilities
- * VI: Glass Effects Section - Tất cả glassmorphism utilities
- */
-import SectionWrapper from '@/features/mood-board/components/SectionWrapper';
-import ComponentShowcase from '@/features/mood-board/components/ComponentShowcase';
-
-export default function GlassEffectsSection() {
-    return (
-        <SectionWrapper
-            id="glass-effects"
-            title="Glassmorphism Effects"
-            description="All glass utilities from glass.css (X.ai Minimal Style)"
-        >
-            {/* EN: Glass Card / VI: Glass Card */}
-            <ComponentShowcase
-                title="Glass Card"
-                description="Default glass card with subtle blur and border"
-                code={`<div className="glass-card p-6">
-  <h3 className="text-xl font-semibold">Glass Card</h3>
-  <p>Ultra-minimal glassmorphism effect</p>
-</div>`}
-                darkBg
-            >
-                <div className="glass-card p-6 max-w-md">
-                    <h3 className="text-xl font-semibold text-text-primary mb-2">
-                        Glass Card
-                    </h3>
-                    <p className="text-text-secondary">
-                        Ultra-minimal glassmorphism effect with 4% opacity background and 8px
-                        blur.
-                    </p>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Glass Variants / VI: Glass Variants */}
-            <ComponentShowcase
-                title="Glass Variants"
-                description="Different glass effect intensities"
-                code={`<div className="glass-subtle">Subtle (1% bg, 4px blur)</div>
-<div className="glass-card">Default (4% bg, 8px blur)</div>
-<div className="glass-strong">Strong (5% bg, 12px blur)</div>`}
-                darkBg
-            >
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                    <div className="glass-subtle p-6 rounded-lg border border-glass-border-subtle">
-                        <h4 className="font-semibold text-text-primary mb-2">
-                            Glass Subtle
-                        </h4>
-                        <p className="text-sm text-text-secondary">
-                            1% bg, 4px blur
-                        </p>
-                    </div>
-                    <div className="glass-card p-6">
-                        <h4 className="font-semibold text-text-primary mb-2">
-                            Glass Card (Default)
-                        </h4>
-                        <p className="text-sm text-text-secondary">
-                            4% bg, 8px blur
-                        </p>
-                    </div>
-                    <div className="glass-strong p-6 rounded-lg">
-                        <h4 className="font-semibold text-text-primary mb-2">
-                            Glass Strong
-                        </h4>
-                        <p className="text-sm text-text-secondary">
-                            5% bg, 12px blur
-                        </p>
-                    </div>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Glass Button / VI: Glass Button */}
-            <ComponentShowcase
-                title="Glass Button"
-                description="Interactive glass button with hover/active states"
-                code={`<button className="glass-button">
-  Click Me
-</button>`}
-                darkBg
-            >
-                <div className="flex gap-4 flex-wrap">
-                    <button className="glass-button">Default Button</button>
-                    <button className="glass-button" disabled>
-                        Disabled Button
-                    </button>
-                    <button className="glass-button px-6 py-3">Larger Button</button>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Glass Input / VI: Glass Input */}
-            <ComponentShowcase
-                title="Glass Input"
-                description="Glass input with focus states"
-                code={`<input
-  type="text"
-  placeholder="Enter text..."
-  className="glass-input w-full rounded-md px-4 py-2"
-/>`}
-                darkBg
-            >
-                <div className="space-y-4 max-w-md">
-                    <input
-                        type="text"
-                        placeholder="Glass input..."
-                        className="glass-input w-full rounded-md px-4 py-2 text-text-primary"
-                    />
-                    <input
-                        type="email"
-                        placeholder="Email address..."
-                        className="glass-input w-full rounded-md px-4 py-2 text-text-primary"
-                    />
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Glass Badge / VI: Glass Badge */}
-            <ComponentShowcase
-                title="Glass Badge"
-                description="Small glass badges for tags and labels"
-                code={`<span className="glass-badge">Design</span>
-<span className="glass-badge">Development</span>`}
-                darkBg
-            >
-                <div className="flex gap-2 flex-wrap">
-                    <span className="glass-badge">Design</span>
-                    <span className="glass-badge">Development</span>
-                    <span className="glass-badge">X.ai Minimal</span>
-                    <span className="glass-badge">Glassmorphism</span>
-                </div>
-            </ComponentShowcase>
-        </SectionWrapper>
-    );
-}
diff --git a/apps/web-client/src/app/mood-board/sections/SpacingSection.tsx b/apps/web-client/src/app/mood-board/sections/SpacingSection.tsx
deleted file mode 100644
index 43cd8922..00000000
--- a/apps/web-client/src/app/mood-board/sections/SpacingSection.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-/**
- * EN: Spacing Section - Spacing scale and layout tokens
- * VI: Spacing Section - Spacing scale và layout tokens
- */
-import SectionWrapper from '@/features/mood-board/components/SectionWrapper';
-import ComponentShowcase from '@/features/mood-board/components/ComponentShowcase';
-
-export default function SpacingSection() {
-    return (
-        <SectionWrapper
-            id="spacing"
-            title="Spacing & Layout"
-            description="Spacing scale (4px base unit) and layout tokens"
-        >
-            {/* EN: Spacing Scale / VI: Spacing Scale */}
-            <ComponentShowcase
-                title="Spacing Scale"
-                description="8-point grid system from --space-0 to --space-20"
-                code={`<div className="space-y-1">0.25rem (4px)</div>
-<div className="space-y-2">0.5rem (8px)</div>
-<div className="space-y-4">1rem (16px)</div>
-<div className="space-y-8">2rem (32px)</div>`}
-            >
-                <div className="space-y-4">
-                    {[
-                        { name: '--space-0', value: '0', px: '0px' },
-                        { name: '--space-1', value: '0.25rem', px: '4px' },
-                        { name: '--space-2', value: '0.5rem', px: '8px' },
-                        { name: '--space-3', value: '0.75rem', px: '12px' },
-                        { name: '--space-4', value: '1rem', px: '16px' },
-                        { name: '--space-5', value: '1.25rem', px: '20px' },
-                        { name: '--space-6', value: '1.5rem', px: '24px' },
-                        { name: '--space-8', value: '2rem', px: '32px' },
-                        { name: '--space-10', value: '2.5rem', px: '40px' },
-                        { name: '--space-12', value: '3rem', px: '48px' },
-                        { name: '--space-16', value: '4rem', px: '64px' },
-                        { name: '--space-20', value: '5rem', px: '80px' },
-                    ].map((token) => (
-                        <div key={token.name} className="flex items-center gap-4">
-                            <div
-                                className="bg-accent-primary rounded"
-                                style={{
-                                    width: token.value,
-                                    height: '24px',
-                                    minWidth: '4px',
-                                }}
-                            />
-                            <div>
-                                <code className="text-sm font-mono text-text-primary">
-                                    {token.name}
-                                </code>
-                                <span className="text-text-tertiary text-sm ml-2">
-                                    {token.value} ({token.px})
-                                </span>
-                            </div>
-                        </div>
-                    ))}
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Border Radius / VI: Border Radius */}
-            <ComponentShowcase
-                title="Border Radius"
-                description="Minimal roundness for X.ai aesthetic"
-                code={`<div className="rounded-sm">2px - Sharp</div>
-<div className="rounded-md">4px - Buttons</div>
-<div className="rounded-lg">8px - Cards</div>
-<div className="rounded-full">9999px - Avatars</div>`}
-            >
-                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
-                    {[
-                        { name: '--radius-sm', value: '2px', class: 'rounded-sm' },
-                        { name: '--radius-md', value: '4px', class: 'rounded-md' },
-                        { name: '--radius-lg', value: '8px', class: 'rounded-lg' },
-                        { name: '--radius-xl', value: '12px', class: 'rounded-xl' },
-                        { name: '--radius-2xl', value: '16px', class: 'rounded-2xl' },
-                        { name: '--radius-full', value: '9999px', class: 'rounded-full' },
-                    ].map((radius) => (
-                        <div key={radius.name} className="glass-card p-4">
-                            <div
-                                className={`bg-accent-primary w-full h-20 ${radius.class} mb-2`}
-                            />
-                            <p className="text-sm font-medium text-text-primary">
-                                {radius.name}
-                            </p>
-                            <code className="text-xs text-text-tertiary font-mono">
-                                {radius.value}
-                            </code>
-                        </div>
-                    ))}
-                </div>
-            </ComponentShowcase>
-        </SectionWrapper>
-    );
-}
diff --git a/apps/web-client/src/app/mood-board/sections/TypographySection.tsx b/apps/web-client/src/app/mood-board/sections/TypographySection.tsx
deleted file mode 100644
index dc0f9901..00000000
--- a/apps/web-client/src/app/mood-board/sections/TypographySection.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
- * EN: Typography Section - Font scales, weights, letter spacing showcase
- * VI: Typography Section - Showcase font scales, weights, letter spacing
- */
-import SectionWrapper from '@/features/mood-board/components/SectionWrapper';
-import ComponentShowcase from '@/features/mood-board/components/ComponentShowcase';
-
-export default function TypographySection() {
-    return (
-        <SectionWrapper
-            id="typography"
-            title="Typography"
-            description="Font scales, weights, line heights, and letter spacing from Design System"
-        >
-            {/* EN: Font Sizes / VI: Font Sizes */}
-            <ComponentShowcase
-                title="Type Scale"
-                description="All font sizes from --text-xs (12px) to --text-6xl (56px)"
-                code={`<h1 className="text-6xl font-extrabold">Hero Title (56px)</h1>
-<h2 className="text-5xl font-bold">Page Title (44px)</h2>
-<h3 className="text-4xl font-semibold">Section Header (36px)</h3>
-<p className="text-base">Body Text (16px)</p>
-<span className="text-xs">Caption (12px)</span>`}
-            >
-                <div className="space-y-4">
-                    <p className="text-6xl font-extrabold text-text-primary">
-                        Hero Title (--text-6xl)
-                    </p>
-                    <p className="text-5xl font-bold text-text-primary">
-                        Page Title (--text-5xl)
-                    </p>
-                    <p className="text-4xl font-semibold text-text-primary">
-                        Section Header (--text-4xl)
-                    </p>
-                    <p className="text-3xl font-semibold text-text-primary">
-                        Card Header (--text-3xl)
-                    </p>
-                    <p className="text-2xl text-text-primary">Large Body (--text-2xl)</p>
-                    <p className="text-xl text-text-primary">Emphasized (--text-xl)</p>
-                    <p className="text-lg text-text-primary">Large Body (--text-lg)</p>
-                    <p className="text-base text-text-primary">
-                        Default Body (--text-base)
-                    </p>
-                    <p className="text-sm text-text-secondary">Small Text (--text-sm)</p>
-                    <p className="text-xs text-text-tertiary">Caption (--text-xs)</p>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Font Weights / VI: Font Weights */}
-            <ComponentShowcase
-                title="Font Weights"
-                description="All weight variants for typography hierarchy (100-900)"
-                code={`<p className="font-thin">Thin (100)</p>
-<p className="font-light">Light (300)</p>
-<p className="font-normal">Normal (400)</p>
-<p className="font-medium">Medium (500)</p>
-<p className="font-semibold">Semibold (600)</p>
-<p className="font-bold">Bold (700)</p>
-<p className="font-extrabold">Extra Bold (800)</p>
-<p className="font-black">Black (900)</p>`}
-            >
-                <div className="space-y-2 text-2xl text-text-primary">
-                    <p className="font-thin">Thin (--font-thin: 100)</p>
-                    <p className="font-extralight">
-                        Extra Light (--font-extralight: 200)
-                    </p>
-                    <p className="font-light">Light (--font-light: 300)</p>
-                    <p className="font-normal">Normal (--font-normal: 400)</p>
-                    <p className="font-medium">Medium (--font-medium: 500)</p>
-                    <p className="font-semibold">Semibold (--font-semibold: 600)</p>
-                    <p className="font-bold">Bold (--font-bold: 700)</p>
-                    <p className="font-extrabold">Extra Bold (--font-extrabold: 800)</p>
-                    <p className="font-black">Black (--font-black: 900)</p>
-                </div>
-            </ComponentShowcase>
-
-            {/* EN: Letter Spacing / VI: Letter Spacing */}
-            <ComponentShowcase
-                title="Letter Spacing (Tracking)"
-                description="Tracking variants for clean, minimal aesthetics"
-                code={`<p className="tracking-tighter">Very Tight (-0.04em)</p>
-<p className="tracking-tight">Tight (-0.02em)</p>
-<p className="tracking-normal">Normal (0)</p>
-<p className="tracking-wide">Wide (0.02em)</p>
-<p className="tracking-wider">Wider (0.04em)</p>`}
-            >
-                <div className="space-y-2 text-2xl text-text-primary">
-                    <p className="tracking-tighter">
-                        Very Tight (--tracking-tighter: -0.04em)
-                    </p>
-                    <p className="tracking-tight">
-                        Tight (--tracking-tight: -0.02em)
-                    </p>
-                    <p className="tracking-normal">Normal (--tracking-normal: 0)</p>
-                    <p className="tracking-wide">Wide (--tracking-wide: 0.02em)</p>
-                    <p className="tracking-wider">Wider (--tracking-wider: 0.04em)</p>
-                </div>
-            </ComponentShowcase>
-        </SectionWrapper>
-    );
-}
diff --git a/apps/web-client/src/app/page.tsx b/apps/web-client/src/app/page.tsx
deleted file mode 100644
index 947d8d2f..00000000
--- a/apps/web-client/src/app/page.tsx
+++ /dev/null
@@ -1,332 +0,0 @@
-'use client';
-
-import { useAuthStore } from '@/stores/auth-store';
-import { useEffect, useState } from 'react';
-import { useTranslations } from 'next-intl';
-import NextImage from 'next/image';
-import { Button } from '@/ui';
-import { Footer } from '@/shared/components/layout/footer';
-import { NavigationHeader } from '@/shared/components/layout/header';
-import { AnnouncementBanner } from '@/shared/components/layout/announcement-banner';
-import {
-  ArrowRight,
-  Target,      // Marketing/Ads
-  Gift,        // Reward Apps
-  Store,       // POS System
-  Cpu,         // AI/Blockchain
-  BarChart3,
-  Smartphone,
-  CreditCard,
-  Blocks
-} from 'lucide-react';
-
-/**
- * EN: Home page component - GoodGo Platform Landing Page
- * VI: Component trang chủ - Trang đích GoodGo Platform
- */
-export default function Home() {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-
-  // EN: Get authentication state from store
-  // VI: Lấy trạng thái xác thực từ store
-  const { user, isAuthenticated, isLoading, fetchUser } = useAuthStore();
-
-  // EN: State to track if component is mounted on client
-  // VI: State để theo dõi xem component đã mount trên client chưa
-  const [isMounted, setIsMounted] = useState(false);
-
-  // EN: Set mounted state to true on client side
-  // VI: Đặt trạng thái mounted thành true ở phía client
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
-
-  // EN: Fetch user data on component mount if not authenticated
-  // VI: Fetch dữ liệu user khi component mount nếu chưa xác thực
-  useEffect(() => {
-    if (isMounted && !isAuthenticated) {
-      fetchUser();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isMounted]);
-
-  // EN: Prevent hydration mismatch
-  // VI: Ngăn chặn hydration mismatch
-  if (!isMounted) {
-    return null;
-  }
-
-  // EN: Loading state
-  // VI: Trạng thái loading
-  if (isLoading) {
-    return (
-      <div className="min-h-screen flex items-center justify-center p-8 bg-bg-primary text-text-primary">
-        {t('common.loading')}
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <NavigationHeader />
-
-      {/* Announcement Banner */}
-      <AnnouncementBanner
-        title="GoodGo Enterprise"
-        description="Empowering businesses with comprehensive digital solutions"
-        linkText="Explore Now"
-        linkUrl="/services"
-        imageSrc="/images/home/announcement-bg.png"
-      />
-
-      <main className="min-h-screen bg-bg-primary text-text-primary overflow-hidden relative">
-        {/* Ambient Background Effects - Removed for Monochrome */}
-
-        <div className="container mx-auto px-6 relative z-10">
-
-          {/* Hero Section */}
-          <div className="flex flex-col items-center justify-center min-h-[80vh] text-center space-y-10 pt-20">
-            <div className="max-w-5xl space-y-6">
-              <div className="inline-flex items-center space-x-2 px-3 py-1 rounded-full bg-glass-subtle border border-glass-border-subtle mb-4">
-                <span className="relative flex h-2 w-2">
-                  <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-text-primary opacity-75"></span>
-                  <span className="relative inline-flex rounded-full h-2 w-2 bg-text-primary"></span>
-                </span>
-                <span className="text-sm font-medium text-text-secondary">Ecosystem v2.0 Live</span>
-              </div>
-
-              <h1 className="text-5xl md:text-7xl lg:text-8xl font-bold leading-tight tracking-tight">
-                <span className="text-text-primary block">
-                  Powering the Next
-                </span>
-                <span className="text-text-primary block">
-                  Generation of Business
-                </span>
-              </h1>
-
-              <p className="text-xl md:text-2xl text-text-secondary max-w-3xl mx-auto leading-relaxed">
-                Comprehensive solutions for Marketing, Loyalty, Retail, and Web3 technologies.
-                Everything you need to grow your digital presence.
-              </p>
-
-              <div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-8">
-                <Button
-                  size="lg"
-                  className="rounded-full px-8 py-6 text-lg bg-text-primary text-bg-primary hover:bg-text-secondary w-full sm:w-auto transition-all shadow-glow"
-                  onPress={() => window.location.href = '/contact'}
-                >
-                  Start Building
-                </Button>
-                <Button
-                  variant="glass"
-                  size="lg"
-                  className="rounded-full px-8 py-6 text-lg border-border-primary hover:bg-glass-hover w-full sm:w-auto backdrop-blur-md text-text-primary"
-                  onPress={() => window.location.href = '/solutions'}
-                >
-                  View Solutions
-                </Button>
-              </div>
-            </div>
-          </div>
-
-          {/* Solutions Section (4 Pillars) */}
-          <section className="py-24" id="solutions">
-            <div className="text-center mb-20 animate-fade-in-up">
-              <span className="text-text-tertiary font-bold tracking-wider uppercase text-sm mb-2 block">Our Ecosystem</span>
-              <h2 className="text-4xl md:text-5xl font-bold mb-4">Core Business Pillars</h2>
-              <p className="text-text-secondary max-w-2xl mx-auto text-lg">
-                Integrated technological pillars designed to scale your business operations from end to end.
-              </p>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-
-              {/* Pillar 1: Marketing/Ads */}
-              <div className="group relative">
-                <div className="absolute -inset-0.5 bg-gradient-to-br from-text-secondary to-text-tertiary rounded-2xl opacity-10 group-hover:opacity-30 blur transition duration-500"></div>
-                <div className="relative h-full bg-bg-secondary/40 backdrop-blur-xl rounded-2xl border border-glass-border overflow-hidden hover:bg-bg-elevated/90 transition-all duration-300 flex flex-col justify-between">
-                  <div>
-                    <div className="relative h-48 w-full overflow-hidden">
-                      <NextImage
-                        src="/images/home/marketing-ads.png"
-                        alt="Marketing & Ads"
-                        fill
-                        className="object-cover transition-transform duration-700 group-hover:scale-110 grayscale"
-                      />
-                      <div className="absolute inset-0 bg-gradient-to-t from-bg-secondary via-transparent to-transparent"></div>
-                    </div>
-                    <div className="p-8 pt-6">
-                      <div className="w-12 h-12 bg-glass-bg-hover rounded-xl flex items-center justify-center mb-4 text-text-primary">
-                        <Target className="h-6 w-6" />
-                      </div>
-                      <h3 className="text-2xl font-bold mb-3 group-hover:text-text-primary transition-colors">Marketing & Ads</h3>
-                      <p className="text-text-tertiary leading-relaxed mb-6">
-                        Advanced AdTech solutions, Real-Time Bidding (RTB), and cross-platform campaign management.
-                      </p>
-                      <ul className="space-y-2 mb-6">
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <BarChart3 className="h-4 w-4 mr-2 text-text-primary" /> Analytics
-                        </li>
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <Target className="h-4 w-4 mr-2 text-text-primary" /> Precise Targeting
-                        </li>
-                      </ul>
-                    </div>
-                  </div>
-                  <div className="px-8 pb-8">
-                    <Button variant="ghost" className="w-full justify-between group-hover:bg-glass-bg-hover group-hover:text-text-primary">
-                      Learn more <ArrowRight className="h-4 w-4" />
-                    </Button>
-                  </div>
-                </div>
-              </div>
-
-              {/* Pillar 2: Reward Apps */}
-              <div className="group relative">
-                <div className="absolute -inset-0.5 bg-gradient-to-br from-text-secondary to-text-tertiary rounded-2xl opacity-10 group-hover:opacity-30 blur transition duration-500"></div>
-                <div className="relative h-full bg-bg-secondary/40 backdrop-blur-xl rounded-2xl border border-glass-border overflow-hidden hover:bg-bg-elevated/90 transition-all duration-300 flex flex-col justify-between">
-                  <div>
-                    <div className="relative h-48 w-full overflow-hidden">
-                      <NextImage
-                        src="/images/home/reward-apps.png"
-                        alt="Reward Apps"
-                        fill
-                        className="object-cover transition-transform duration-700 group-hover:scale-110 grayscale"
-                      />
-                      <div className="absolute inset-0 bg-gradient-to-t from-bg-secondary via-transparent to-transparent"></div>
-                    </div>
-                    <div className="p-8 pt-6">
-                      <div className="w-12 h-12 bg-glass-bg-hover rounded-xl flex items-center justify-center mb-4 text-text-primary">
-                        <Gift className="h-6 w-6" />
-                      </div>
-                      <h3 className="text-2xl font-bold mb-3 group-hover:text-text-primary transition-colors">Reward Apps</h3>
-                      <p className="text-text-tertiary leading-relaxed mb-6">
-                        Customer loyalty programs, gamification layers, and engagement ecosystems.
-                      </p>
-                      <ul className="space-y-2 mb-6">
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <Smartphone className="h-4 w-4 mr-2 text-text-primary" /> Mobile First
-                        </li>
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <Gift className="h-4 w-4 mr-2 text-text-primary" /> Loyalty Points
-                        </li>
-                      </ul>
-                    </div>
-                  </div>
-                  <div className="px-8 pb-8">
-                    <Button variant="ghost" className="w-full justify-between group-hover:bg-glass-bg-hover group-hover:text-text-primary">
-                      Learn more <ArrowRight className="h-4 w-4" />
-                    </Button>
-                  </div>
-                </div>
-              </div>
-
-              {/* Pillar 3: POS System */}
-              <div className="group relative">
-                <div className="absolute -inset-0.5 bg-gradient-to-br from-text-secondary to-text-tertiary rounded-2xl opacity-10 group-hover:opacity-30 blur transition duration-500"></div>
-                <div className="relative h-full bg-bg-secondary/40 backdrop-blur-xl rounded-2xl border border-glass-border overflow-hidden hover:bg-bg-elevated/90 transition-all duration-300 flex flex-col justify-between">
-                  <div>
-                    <div className="relative h-48 w-full overflow-hidden">
-                      <NextImage
-                        src="/images/home/pos-system.png"
-                        alt="POS System"
-                        fill
-                        className="object-cover transition-transform duration-700 group-hover:scale-110 grayscale"
-                      />
-                      <div className="absolute inset-0 bg-gradient-to-t from-bg-secondary via-transparent to-transparent"></div>
-                    </div>
-                    <div className="p-8 pt-6">
-                      <div className="w-12 h-12 bg-glass-bg-hover rounded-xl flex items-center justify-center mb-4 text-text-primary">
-                        <Store className="h-6 w-6" />
-                      </div>
-                      <h3 className="text-2xl font-bold mb-3 group-hover:text-text-primary transition-colors">POS System</h3>
-                      <p className="text-text-tertiary leading-relaxed mb-6">
-                        Multi-industry Point of Sale solutions for Retail, F&B, and Service sectors.
-                      </p>
-                      <ul className="space-y-2 mb-6">
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <CreditCard className="h-4 w-4 mr-2 text-text-primary" /> Payments
-                        </li>
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <Store className="h-4 w-4 mr-2 text-text-primary" /> Inventory
-                        </li>
-                      </ul>
-                    </div>
-                  </div>
-                  <div className="px-8 pb-8">
-                    <Button variant="ghost" className="w-full justify-between group-hover:bg-glass-bg-hover group-hover:text-text-primary">
-                      Learn more <ArrowRight className="h-4 w-4" />
-                    </Button>
-                  </div>
-                </div>
-              </div>
-
-              {/* Pillar 4: AI/Blockchain */}
-              <div className="group relative">
-                <div className="absolute -inset-0.5 bg-gradient-to-br from-text-secondary to-text-tertiary rounded-2xl opacity-10 group-hover:opacity-30 blur transition duration-500"></div>
-                <div className="relative h-full bg-bg-secondary/40 backdrop-blur-xl rounded-2xl border border-glass-border overflow-hidden hover:bg-bg-elevated/90 transition-all duration-300 flex flex-col justify-between">
-                  <div>
-                    <div className="relative h-48 w-full overflow-hidden">
-                      <NextImage
-                        src="/images/home/ai-blockchain.png"
-                        alt="AI & Blockchain"
-                        fill
-                        className="object-cover transition-transform duration-700 group-hover:scale-110 grayscale"
-                      />
-                      <div className="absolute inset-0 bg-gradient-to-t from-bg-secondary via-transparent to-transparent"></div>
-                    </div>
-                    <div className="p-8 pt-6">
-                      <div className="w-12 h-12 bg-glass-bg-hover rounded-xl flex items-center justify-center mb-4 text-text-primary">
-                        <Cpu className="h-6 w-6" />
-                      </div>
-                      <h3 className="text-2xl font-bold mb-3 group-hover:text-text-primary transition-colors">AI & Blockchain</h3>
-                      <p className="text-text-tertiary leading-relaxed mb-6">
-                        Next-gen infrastructure including Wallet, Mining, Mission, and AI-driven analytics.
-                      </p>
-                      <ul className="space-y-2 mb-6">
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <Blocks className="h-4 w-4 mr-2 text-text-primary" /> Web3 Native
-                        </li>
-                        <li className="flex items-center text-sm text-text-secondary">
-                          <Cpu className="h-4 w-4 mr-2 text-text-primary" /> AI Insights
-                        </li>
-                      </ul>
-                    </div>
-                  </div>
-                  <div className="px-8 pb-8">
-                    <Button variant="ghost" className="w-full justify-between group-hover:bg-glass-bg-hover group-hover:text-text-primary">
-                      Learn more <ArrowRight className="h-4 w-4" />
-                    </Button>
-                  </div>
-                </div>
-              </div>
-
-            </div>
-          </section>
-
-          {/* Authenticated User Welcome - Kept from original but styled */}
-          {isAuthenticated && user && (
-            <section className="py-12 border-t border-border-primary">
-              <div className="max-w-4xl mx-auto text-center">
-                <h2 className="text-2xl font-bold mb-6">Ready to continue your work?</h2>
-                <div className="flex justify-center">
-                  <Button
-                    variant="solid"
-                    className="bg-text-primary text-bg-primary hover:bg-text-secondary px-8"
-                    onPress={() => window.location.href = '/dashboard'}
-                  >
-                    Go to Dashboard
-                  </Button>
-                </div>
-              </div>
-            </section>
-          )}
-
-        </div>
-      </main>
-
-      <Footer />
-    </>
-  );
-}
diff --git a/apps/web-client/src/app/profile/page.tsx b/apps/web-client/src/app/profile/page.tsx
deleted file mode 100644
index 5b4dd56d..00000000
--- a/apps/web-client/src/app/profile/page.tsx
+++ /dev/null
@@ -1,332 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { User, Mail, Lock, Bell, Palette, Globe } from 'lucide-react';
-import { useAuthStore } from '../../stores/auth-store';
-import { UserForm } from '../../features/shared/components/users';
-import { Button } from '../../features/shared/components/ui/button';
-import { Card } from '../../features/shared/components/ui/card';
-import { Switch } from '../../features/shared/components/ui/switch';
-
-/**
- * EN: User Profile Page
- * VI: Trang Profile của User
- *
- * Features:
- * - View and edit personal information
- * - Change password
- * - Account settings
- * - Preferences management
- */
-export default function ProfilePage() {
-  const { user, isAuthenticated, updateProfile } = useAuthStore();
-  const [activeTab, setActiveTab] = useState<'profile' | 'security' | 'preferences'>('profile');
-  const [isEditing, setIsEditing] = useState(false);
-
-  // Mock preferences (in real app, this would come from a preferences store)
-  const [preferences, setPreferences] = useState({
-    emailNotifications: true,
-    pushNotifications: false,
-    darkMode: false,
-    language: 'en',
-  });
-
-  if (!isAuthenticated || !user) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <Card className="p-8 text-center">
-          <h2 className="text-2xl font-bold text-gray-900 mb-4">Please sign in</h2>
-          <p className="text-gray-600">
-            You need to be signed in to access your profile.
-          </p>
-        </Card>
-      </div>
-    );
-  }
-
-  const handleProfileUpdate = async (data: any) => {
-    try {
-      // EN: In a real app, this would call an API, then update the store
-      // VI: Trong app thực tế, phần này sẽ gọi API, sau đó cập nhật store
-      console.log('Updating profile:', data);
-      updateProfile(data);
-      setIsEditing(false);
-    } catch (error) {
-      console.error('Failed to update profile:', error);
-    }
-  };
-
-  const handlePreferenceChange = (key: string, value: any) => {
-    setPreferences(prev => ({ ...prev, [key]: value }));
-  };
-
-  const tabs = [
-    { id: 'profile', label: 'Profile', icon: User },
-    { id: 'security', label: 'Security', icon: Lock },
-    { id: 'preferences', label: 'Preferences', icon: Bell },
-  ];
-
-  return (
-    <div className="min-h-screen bg-gray-50">
-      <div className="max-w-4xl mx-auto p-6">
-        {/* Header */}
-        <div className="mb-8">
-          <h1 className="text-3xl font-bold text-gray-900 mb-2">My Profile</h1>
-          <p className="text-gray-600">Manage your account settings and preferences</p>
-        </div>
-
-        {/* Profile Overview Card */}
-        <Card className="p-6 mb-8">
-          <div className="flex items-center space-x-6">
-            <div className="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center">
-              <span className="text-blue-600 font-bold text-2xl">
-                {user.email[0].toUpperCase()}
-              </span>
-            </div>
-            <div className="flex-1">
-              <h2 className="text-xl font-semibold text-gray-900">{user.email}</h2>
-              <p className="text-gray-600">Member since {new Date(user.createdAt).getFullYear()}</p>
-              <div className="flex items-center mt-2">
-                <span className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-medium ${user.role === 'SUPER_ADMIN' ? 'bg-red-100 text-red-800' :
-                    user.role === 'ADMIN' ? 'bg-blue-100 text-blue-800' :
-                      'bg-gray-100 text-gray-800'
-                  }`}>
-                  {user.role}
-                </span>
-                <span className={`ml-3 inline-flex items-center px-3 py-1 rounded-full text-sm font-medium ${user.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                  }`}>
-                  {user.isActive ? 'Active' : 'Inactive'}
-                </span>
-              </div>
-            </div>
-          </div>
-        </Card>
-
-        {/* Tabs */}
-        <div className="flex space-x-1 mb-6 bg-white p-1 rounded-lg border">
-          {tabs.map((tab) => {
-            const Icon = tab.icon;
-            return (
-              <button
-                key={tab.id}
-                onClick={() => setActiveTab(tab.id as any)}
-                className={`flex items-center space-x-2 px-4 py-2 rounded-md text-sm font-medium transition-all ${activeTab === tab.id
-                    ? 'bg-blue-100 text-blue-700 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
-                  }`}
-              >
-                <Icon className="w-4 h-4" />
-                <span>{tab.label}</span>
-              </button>
-            );
-          })}
-        </div>
-
-        {/* Tab Content */}
-        <div className="space-y-6">
-          {/* Profile Tab */}
-          {activeTab === 'profile' && (
-            <Card className="p-6">
-              <div className="flex items-center justify-between mb-6">
-                <div>
-                  <h3 className="text-lg font-semibold text-gray-900">Personal Information</h3>
-                  <p className="text-gray-600">Update your personal details and contact information</p>
-                </div>
-                {!isEditing && (
-                  <Button onClick={() => setIsEditing(true)}>
-                    Edit Profile
-                  </Button>
-                )}
-              </div>
-
-              {isEditing ? (
-                <UserForm
-                  user={user}
-                  onSubmit={handleProfileUpdate}
-                  onCancel={() => setIsEditing(false)}
-                />
-              ) : (
-                <div className="space-y-4">
-                  <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-2">
-                        Email Address
-                      </label>
-                      <div className="flex items-center space-x-3 p-3 bg-gray-50 rounded-lg">
-                        <Mail className="w-5 h-5 text-gray-400" />
-                        <span className="text-gray-900">{user.email}</span>
-                      </div>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-2">
-                        Account Role
-                      </label>
-                      <div className="flex items-center space-x-3 p-3 bg-gray-50 rounded-lg">
-                        <User className="w-5 h-5 text-gray-400" />
-                        <span className="text-gray-900 capitalize">{user.role.toLowerCase()}</span>
-                      </div>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-2">
-                        Account Status
-                      </label>
-                      <div className="flex items-center space-x-3 p-3 bg-gray-50 rounded-lg">
-                        <span className={`w-3 h-3 rounded-full ${user.isActive ? 'bg-green-500' : 'bg-red-500'
-                          }`} />
-                        <span className="text-gray-900">
-                          {user.isActive ? 'Active' : 'Inactive'}
-                        </span>
-                      </div>
-                    </div>
-
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-2">
-                        Member Since
-                      </label>
-                      <div className="flex items-center space-x-3 p-3 bg-gray-50 rounded-lg">
-                        <span className="text-gray-900">
-                          {new Date(user.createdAt).toLocaleDateString()}
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </Card>
-          )}
-
-          {/* Security Tab */}
-          {activeTab === 'security' && (
-            <Card className="p-6">
-              <div className="mb-6">
-                <h3 className="text-lg font-semibold text-gray-900">Security Settings</h3>
-                <p className="text-gray-600">Manage your password and security preferences</p>
-              </div>
-
-              <div className="space-y-6">
-                <div>
-                  <h4 className="text-md font-medium text-gray-900 mb-4">Change Password</h4>
-                  <div className="space-y-4 max-w-md">
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-2">
-                        Current Password
-                      </label>
-                      <input
-                        type="password"
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        placeholder="Enter current password"
-                      />
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-2">
-                        New Password
-                      </label>
-                      <input
-                        type="password"
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        placeholder="Enter new password"
-                      />
-                    </div>
-                    <div>
-                      <label className="block text-sm font-medium text-gray-700 mb-2">
-                        Confirm New Password
-                      </label>
-                      <input
-                        type="password"
-                        className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                        placeholder="Confirm new password"
-                      />
-                    </div>
-                    <Button>Update Password</Button>
-                  </div>
-                </div>
-              </div>
-            </Card>
-          )}
-
-          {/* Preferences Tab */}
-          {activeTab === 'preferences' && (
-            <Card className="p-6">
-              <div className="mb-6">
-                <h3 className="text-lg font-semibold text-gray-900">Preferences</h3>
-                <p className="text-gray-600">Customize your experience and notification settings</p>
-              </div>
-
-              <div className="space-y-6">
-                <div>
-                  <h4 className="text-md font-medium text-gray-900 mb-4 flex items-center">
-                    <Bell className="w-5 h-5 mr-2" />
-                    Notifications
-                  </h4>
-                  <div className="space-y-4">
-                    <div className="flex items-center justify-between">
-                      <div>
-                        <p className="font-medium text-gray-900">Email Notifications</p>
-                        <p className="text-sm text-gray-600">Receive notifications via email</p>
-                      </div>
-                      <Switch
-                        checked={preferences.emailNotifications}
-                        onCheckedChange={(checked) => handlePreferenceChange('emailNotifications', checked)}
-                      />
-                    </div>
-                    <div className="flex items-center justify-between">
-                      <div>
-                        <p className="font-medium text-gray-900">Push Notifications</p>
-                        <p className="text-sm text-gray-600">Receive push notifications in your browser</p>
-                      </div>
-                      <Switch
-                        checked={preferences.pushNotifications}
-                        onCheckedChange={(checked) => handlePreferenceChange('pushNotifications', checked)}
-                      />
-                    </div>
-                  </div>
-                </div>
-
-                <div>
-                  <h4 className="text-md font-medium text-gray-900 mb-4 flex items-center">
-                    <Palette className="w-5 h-5 mr-2" />
-                    Appearance
-                  </h4>
-                  <div className="space-y-4">
-                    <div className="flex items-center justify-between">
-                      <div>
-                        <p className="font-medium text-gray-900">Dark Mode</p>
-                        <p className="text-sm text-gray-600">Use dark theme for the interface</p>
-                      </div>
-                      <Switch
-                        checked={preferences.darkMode}
-                        onCheckedChange={(checked) => handlePreferenceChange('darkMode', checked)}
-                      />
-                    </div>
-                  </div>
-                </div>
-
-                <div>
-                  <h4 className="text-md font-medium text-gray-900 mb-4 flex items-center">
-                    <Globe className="w-5 h-5 mr-2" />
-                    Language & Region
-                  </h4>
-                  <div className="max-w-xs">
-                    <label className="block text-sm font-medium text-gray-700 mb-2">
-                      Language
-                    </label>
-                    <select
-                      value={preferences.language}
-                      onChange={(e) => handlePreferenceChange('language', e.target.value)}
-                      className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                    >
-                      <option value="en">English</option>
-                      <option value="vi">Tiếng Việt</option>
-                    </select>
-                  </div>
-                </div>
-              </div>
-            </Card>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/app/settings/page.tsx b/apps/web-client/src/app/settings/page.tsx
deleted file mode 100644
index 6e9ce906..00000000
--- a/apps/web-client/src/app/settings/page.tsx
+++ /dev/null
@@ -1,315 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import {
-  Settings,
-  Bell,
-  Shield,
-  Palette,
-  Globe,
-  User,
-  Moon,
-  Sun,
-  Monitor
-} from 'lucide-react';
-import { useAuthStore } from '../../stores/auth-store';
-import { Button } from '../../features/shared/components/ui/button';
-import { Card } from '../../features/shared/components/ui/card';
-import { Switch } from '../../features/shared/components/ui/switch';
-
-/**
- * EN: Settings Page
- * VI: Trang Settings
- *
- * Features:
- * - Theme preferences (light/dark/auto)
- * - Language settings
- * - Notification preferences
- * - Privacy settings
- * - Account management
- */
-export default function SettingsPage() {
-  const { user, isAuthenticated, logout } = useAuthStore();
-  const [settings, setSettings] = useState({
-    theme: 'system', // 'light', 'dark', 'system'
-    language: 'en',
-    emailNotifications: true,
-    pushNotifications: false,
-    marketingEmails: false,
-    profileVisibility: 'private', // 'public', 'private'
-    dataSharing: false,
-  });
-
-  if (!isAuthenticated || !user) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <Card className="p-8 text-center">
-          <h2 className="text-2xl font-bold text-gray-900 mb-4">Please sign in</h2>
-          <p className="text-gray-600">
-            You need to be signed in to access settings.
-          </p>
-        </Card>
-      </div>
-    );
-  }
-
-  const handleSettingChange = (key: string, value: any) => {
-    setSettings(prev => ({ ...prev, [key]: value }));
-  };
-
-  const handleSaveSettings = () => {
-    // In a real app, this would save to backend
-    console.log('Saving settings:', settings);
-    // Show success message
-  };
-
-  const handleExportData = () => {
-    // Mock data export
-    const data = {
-      user: user,
-      settings: settings,
-      exportDate: new Date().toISOString(),
-    };
-    const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `user-data-${user.id}.json`;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-  };
-
-  const handleDeleteAccount = () => {
-    if (confirm('Are you sure you want to delete your account? This action cannot be undone.')) {
-      // In a real app, this would call delete API
-      console.log('Deleting account...');
-      logout();
-    }
-  };
-
-  return (
-    <div className="min-h-screen bg-gray-50">
-      <div className="max-w-4xl mx-auto p-6">
-        {/* Header */}
-        <div className="mb-8">
-          <h1 className="text-3xl font-bold text-gray-900 mb-2">Settings</h1>
-          <p className="text-gray-600">Manage your account preferences and privacy settings</p>
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
-          {/* Main Settings */}
-          <div className="lg:col-span-2 space-y-6">
-            {/* Appearance */}
-            <Card className="p-6">
-              <div className="flex items-center space-x-3 mb-6">
-                <Palette className="w-6 h-6 text-blue-600" />
-                <div>
-                  <h3 className="text-lg font-semibold text-gray-900">Appearance</h3>
-                  <p className="text-gray-600">Customize how the app looks and feels</p>
-                </div>
-              </div>
-
-              <div className="space-y-6">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-3">
-                    Theme
-                  </label>
-                  <div className="grid grid-cols-3 gap-3">
-                    {[
-                      { value: 'light', label: 'Light', icon: Sun },
-                      { value: 'dark', label: 'Dark', icon: Moon },
-                      { value: 'system', label: 'System', icon: Monitor },
-                    ].map((theme) => {
-                      const Icon = theme.icon;
-                      return (
-                        <button
-                          key={theme.value}
-                          onClick={() => handleSettingChange('theme', theme.value)}
-                          className={`p-4 border rounded-lg text-center transition-all ${
-                            settings.theme === theme.value
-                              ? 'border-blue-500 bg-blue-50 text-blue-700'
-                              : 'border-gray-200 hover:border-gray-300'
-                          }`}
-                        >
-                          <Icon className="w-6 h-6 mx-auto mb-2" />
-                          <span className="text-sm font-medium">{theme.label}</span>
-                        </button>
-                      );
-                    })}
-                  </div>
-                </div>
-
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-3">
-                    Language
-                  </label>
-                  <select
-                    value={settings.language}
-                    onChange={(e) => handleSettingChange('language', e.target.value)}
-                    className="w-full max-w-xs px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="en">English</option>
-                    <option value="vi">Tiếng Việt</option>
-                    <option value="es">Español</option>
-                    <option value="fr">Français</option>
-                  </select>
-                </div>
-              </div>
-            </Card>
-
-            {/* Notifications */}
-            <Card className="p-6">
-              <div className="flex items-center space-x-3 mb-6">
-                <Bell className="w-6 h-6 text-green-600" />
-                <div>
-                  <h3 className="text-lg font-semibold text-gray-900">Notifications</h3>
-                  <p className="text-gray-600">Choose what notifications you want to receive</p>
-                </div>
-              </div>
-
-              <div className="space-y-4">
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium text-gray-900">Email Notifications</p>
-                    <p className="text-sm text-gray-600">Receive important updates via email</p>
-                  </div>
-                  <Switch
-                    checked={settings.emailNotifications}
-                    onCheckedChange={(checked) => handleSettingChange('emailNotifications', checked)}
-                  />
-                </div>
-
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium text-gray-900">Push Notifications</p>
-                    <p className="text-sm text-gray-600">Receive notifications in your browser</p>
-                  </div>
-                  <Switch
-                    checked={settings.pushNotifications}
-                    onCheckedChange={(checked) => handleSettingChange('pushNotifications', checked)}
-                  />
-                </div>
-
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium text-gray-900">Marketing Emails</p>
-                    <p className="text-sm text-gray-600">Receive promotional content and updates</p>
-                  </div>
-                  <Switch
-                    checked={settings.marketingEmails}
-                    onCheckedChange={(checked) => handleSettingChange('marketingEmails', checked)}
-                  />
-                </div>
-              </div>
-            </Card>
-
-            {/* Privacy */}
-            <Card className="p-6">
-              <div className="flex items-center space-x-3 mb-6">
-                <Shield className="w-6 h-6 text-purple-600" />
-                <div>
-                  <h3 className="text-lg font-semibold text-gray-900">Privacy</h3>
-                  <p className="text-gray-600">Control your privacy and data sharing preferences</p>
-                </div>
-              </div>
-
-              <div className="space-y-4">
-                <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-3">
-                    Profile Visibility
-                  </label>
-                  <select
-                    value={settings.profileVisibility}
-                    onChange={(e) => handleSettingChange('profileVisibility', e.target.value)}
-                    className="w-full max-w-xs px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                  >
-                    <option value="public">Public - Anyone can see my profile</option>
-                    <option value="private">Private - Only I can see my profile</option>
-                  </select>
-                </div>
-
-                <div className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium text-gray-900">Data Sharing</p>
-                    <p className="text-sm text-gray-600">Allow anonymous usage data to help improve the service</p>
-                  </div>
-                  <Switch
-                    checked={settings.dataSharing}
-                    onCheckedChange={(checked) => handleSettingChange('dataSharing', checked)}
-                  />
-                </div>
-              </div>
-            </Card>
-          </div>
-
-          {/* Sidebar */}
-          <div className="space-y-6">
-            {/* Account Info */}
-            <Card className="p-6">
-              <div className="flex items-center space-x-3 mb-4">
-                <User className="w-6 h-6 text-gray-600" />
-                <div>
-                  <h3 className="text-lg font-semibold text-gray-900">Account</h3>
-                </div>
-              </div>
-
-              <div className="space-y-3">
-                <div>
-                  <p className="text-sm text-gray-600">Email</p>
-                  <p className="font-medium text-gray-900">{user.email}</p>
-                </div>
-                <div>
-                  <p className="text-sm text-gray-600">Role</p>
-                  <p className="font-medium text-gray-900 capitalize">{user.role.toLowerCase()}</p>
-                </div>
-                <div>
-                  <p className="text-sm text-gray-600">Status</p>
-                  <span className={`inline-flex items-center px-2 py-1 rounded-full text-xs font-medium ${
-                    user.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
-                  }`}>
-                    {user.isActive ? 'Active' : 'Inactive'}
-                  </span>
-                </div>
-              </div>
-            </Card>
-
-            {/* Actions */}
-            <Card className="p-6">
-              <h3 className="text-lg font-semibold text-gray-900 mb-4">Account Actions</h3>
-              <div className="space-y-3">
-                <Button onClick={handleSaveSettings} className="w-full">
-                  Save Settings
-                </Button>
-                <Button variant="secondary" onClick={handleExportData} className="w-full">
-                  Export My Data
-                </Button>
-                <Button variant="secondary" onClick={() => window.location.href = '/profile'} className="w-full">
-                  Edit Profile
-                </Button>
-              </div>
-            </Card>
-
-            {/* Danger Zone */}
-            <Card className="p-6 border-red-200 bg-red-50">
-              <h3 className="text-lg font-semibold text-red-900 mb-4">Danger Zone</h3>
-              <div className="space-y-3">
-                <Button
-                  variant="secondary"
-                  onClick={handleDeleteAccount}
-                  className="w-full border-red-300 text-red-700 hover:bg-red-50"
-                >
-                  Delete Account
-                </Button>
-                <p className="text-xs text-red-600">
-                  This action cannot be undone. All your data will be permanently deleted.
-                </p>
-              </div>
-            </Card>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/docs/DESIGN_SYSTEM.md b/apps/web-client/src/docs/DESIGN_SYSTEM.md
deleted file mode 100644
index 84cbb42a..00000000
--- a/apps/web-client/src/docs/DESIGN_SYSTEM.md
+++ /dev/null
@@ -1,613 +0,0 @@
-# Design System Documentation
-
-> **Hệ thống thiết kế toàn diện cho GoodGo Web Client**
->
-> Tài liệu này mô tả đầy đủ các design deliverables chuyên nghiệp, từ UX research đến UI implementation, giúp team phát triển và thiết kế làm việc hiệu quả.
-
-## 📚 Mục lục
-
-- [1. UX Foundation - Nền tảng trải nghiệm người dùng](#1-ux-foundation)
-- [2. UI Visual Design - Thiết kế giao diện](#2-ui-visual-design)
-- [3. Design System - Hệ thống thiết kế](#3-design-system)
-- [4. Component Library - Thư viện thành phần](#4-component-library)
-- [5. Developer Handoff - Bàn giao cho Dev](#5-developer-handoff)
-
----
-
-## 1. UX Foundation - Nền tảng trải nghiệm người dùng
-
-### 1.1 Information Architecture
-
-#### Sitemap
-**Vị trí**: `src/docs/ux/sitemap.md`
-
-Cấu trúc tổng quan của ứng dụng:
-
-```
-GoodGo Web Client
-├── Authentication
-│   ├── Login (/login)
-│   ├── Register (/register)
-│   └── Forgot Password (/forgot-password)
-├── Dashboard (/)
-│   ├── Overview
-│   ├── Analytics
-│   └── Quick Actions
-├── Profile (/profile)
-│   ├── Settings
-│   └── Preferences
-└── [Add more sections...]
-```
-
-**Cách sử dụng**:
-- Cập nhật file `ux/sitemap.md` khi thêm/bớt trang
-- Dùng cho planning và onboarding team mới
-- Tham khảo khi thiết kế navigation
-
----
-
-### 1.2 User Flows
-
-**Vị trí**: `src/docs/ux/flows/`
-
-Các luồng người dùng quan trọng:
-
-#### Authentication Flow
-```
-[Landing] → [Login Page] → [Email Input] → [Password Input]
-    ↓
-[Validation] → [Success: Dashboard]
-    ↓
-[Error: Show Message]
-
-Alternative: Forgot Password
-[Login Page] → [Forgot Password Link] → [Email Input]
-    → [Send Reset Email] → [Success Message]
-```
-
-**Files**:
-- `flows/auth-login.md` - Luồng đăng nhập
-- `flows/auth-register.md` - Luồng đăng ký
-- `flows/auth-password-reset.md` - Luồng reset mật khẩu
-
-**Template cho mỗi flow**:
-```markdown
-# [Flow Name]
-
-## Mục tiêu
-Người dùng cần đạt được điều gì?
-
-## Entry Points
-Từ đâu người dùng bắt đầu?
-
-## Steps
-1. Step 1: Action → Result
-2. Step 2: Action → Result
-...
-
-## Success Criteria
-Làm thế nào để biết flow thành công?
-
-## Error States
-Các lỗi có thể xảy ra và cách xử lý?
-
-## Figma Link
-[Link to prototype]
-```
-
----
-
-### 1.3 Wireframes
-
-**Vị trí**: `src/docs/ux/wireframes/`
-
-#### Low-Fidelity (Concept)
-- Sketch thủ công hoặc basic blocks
-- Focus vào layout và content hierarchy
-- Không có color, chỉ grayscale
-
-#### Mid-Fidelity (Structure)
-- Chi tiết hơn về components
-- Content placeholders rõ ràng
-- Grid system được áp dụng
-- Chưa có branding/style
-
-**Files**:
-- `wireframes/auth-pages-low.md` - Low-fi wireframes
-- `wireframes/auth-pages-mid.md` - Mid-fi wireframes
-
-**Lưu wireframes**:
-- Export từ Figma/Sketch dạng PNG
-- Đặt trong `public/design/wireframes/`
-- Link trong markdown files
-
----
-
-## 2. UI Visual Design - Thiết kế giao diện
-
-### 2.1 Moodboard
-
-**Vị trí**: `src/docs/ui/moodboard.md`
-
-Định hướng phong cách visual cho project:
-
-#### X.ai Minimal Style (Current Direction)
-- **Keywords**: Clean, Minimal, Sophisticated, Tech-forward
-- **Inspiration**: X.ai, Linear, Vercel
-- **Color Direction**: Dark backgrounds, vibrant accents
-- **Typography**: Geometric sans-serif (Inter, Geist)
-- **Visual Treatment**: Subtle glassmorphism, minimal shadows
-
-**References**:
-- X.ai authentication pages
-- Linear app interface
-- Vercel dashboard
-
----
-
-### 2.2 High-Fidelity Mockups
-
-**Vị trí**: `src/docs/ui/mockups/`
-
-Thiết kế hoàn chỉnh của tất cả screens:
-
-#### States Required for Each Screen
-- ✅ **Default State** - Trạng thái bình thường
-- ✅ **Hover State** - Khi di chuột qua interactive elements
-- ✅ **Active State** - Khi click/focus
-- ✅ **Error State** - Khi có lỗi validation
-- ✅ **Success State** - Khi thao tác thành công
-- ✅ **Loading State** - Khi đang xử lý
-- ✅ **Empty State** - Khi không có data
-- ✅ **Disabled State** - Khi element bị vô hiệu hóa
-
-**Files**:
-- `mockups/auth-login-states.md` - Tất cả states của login page
-- `mockups/auth-register-states.md` - Tất cả states của register page
-- `mockups/auth-forgot-password-states.md` - States của forgot password
-
----
-
-### 2.3 Responsive Design
-
-**Breakpoints** (Tailwind CSS):
-- Mobile: `< 640px` (sm)
-- Tablet: `640px - 1024px` (md, lg)
-- Desktop: `> 1024px` (xl, 2xl)
-
-**Files**:
-- `ui/responsive/mobile-specs.md`
-- `ui/responsive/tablet-specs.md`
-- `ui/responsive/desktop-specs.md`
-
-**Quy tắc responsive**:
-- Mobile-first approach
-- Stack elements vertically on mobile
-- 2-column layout on tablet
-- 3+ column layout on desktop
-- Touch targets minimum 44x44px on mobile
-
----
-
-## 3. Design System - Hệ thống thiết kế
-
-### 3.1 Color Palette
-
-**Vị trí**: `src/styles/theme.css` (Source of Truth)
-
-#### X.ai Minimal Color Palette
-
-**Dark Theme (Default)**:
-```css
-/* Backgrounds */
---bg-primary: #15202b;        /* Warm dark gray (not pure black) */
---bg-secondary: #1a2734;      /* Lighter variant */
---bg-tertiary: #1f2f3d;       /* Even lighter */
---bg-elevated: #243442;       /* Elevated surfaces */
-
-/* Brand/Accent */
---accent-primary: #1D9BF0;    /* X.ai blue */
---accent-primary-hover: #1a8cd8;
---accent-secondary: #657786;
-
-/* Text */
---text-primary: #FFFFFF;      /* Pure white */
---text-secondary: #8899A6;    /* Light gray */
---text-tertiary: #657786;     /* Mid gray */
-
-/* Status Colors */
---accent-success: #10B981;    /* Green */
---accent-error: #EF4444;      /* Red */
---accent-warning: #F59E0B;    /* Amber */
---accent-info: #1D9BF0;       /* Blue */
-
-/* Borders */
---border-primary: #38444d;
---border-secondary: #4a5966;
---border-focus: #1D9BF0;      /* X.ai blue */
-```
-
-**Light Theme**:
-```css
---bg-primary: #FFFFFF;
---accent-primary: #1D9BF0;
---text-primary: #1D1D1F;
-```
-
-**Color Usage Guidelines**:
-- Backgrounds: Use `--bg-*` variables
-- Interactive elements: Use `--accent-primary` for primary actions
-- Text: Use `--text-*` with proper hierarchy
-- Never use hardcoded hex values in components
-
-**Accessibility**:
-- All color combinations meet WCAG 2.1 AA (4.5:1 contrast ratio)
-- Test with WebAIM Contrast Checker
-
----
-
-### 3.2 Typography
-
-**Font Family**:
-```css
---font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
---font-mono: 'JetBrains Mono', 'Fira Code', monospace;
-```
-
-**Type Scale**:
-```css
-/* Headings */
---text-xs: 0.75rem;      /* 12px */
---text-sm: 0.875rem;     /* 14px */
---text-base: 1rem;       /* 16px */
---text-lg: 1.125rem;     /* 18px */
---text-xl: 1.25rem;      /* 20px */
---text-2xl: 1.5rem;      /* 24px */
---text-3xl: 1.875rem;    /* 30px */
---text-4xl: 2.25rem;     /* 36px */
---text-5xl: 3rem;        /* 48px */
-
-/* Line Heights */
---leading-tight: 1.25;
---leading-normal: 1.5;
---leading-relaxed: 1.75;
-
-/* Font Weights */
---font-normal: 400;
---font-medium: 500;
---font-semibold: 600;
---font-bold: 700;
---font-extrabold: 800;
-```
-
-**Typography Usage**:
-- H1: `text-4xl font-extrabold` - Page titles
-- H2: `text-3xl font-bold` - Section headers
-- H3: `text-2xl font-semibold` - Subsection headers
-- Body: `text-base font-normal` - Default text
-- Small: `text-sm` - Secondary info
-- Caption: `text-xs` - Captions, labels
-
----
-
-### 3.3 Spacing System
-
-**8-Point Grid System**:
-```css
---spacing-0: 0;
---spacing-1: 0.25rem;   /* 4px */
---spacing-2: 0.5rem;    /* 8px */
---spacing-3: 0.75rem;   /* 12px */
---spacing-4: 1rem;      /* 16px */
---spacing-5: 1.25rem;   /* 20px */
---spacing-6: 1.5rem;    /* 24px */
---spacing-8: 2rem;      /* 32px */
---spacing-10: 2.5rem;   /* 40px */
---spacing-12: 3rem;     /* 48px */
---spacing-16: 4rem;     /* 64px */
---spacing-20: 5rem;     /* 80px */
-```
-
-**Spacing Guidelines**:
-- Form fields: `space-y-4` (16px)
-- Card padding: `p-8` (32px)
-- Section spacing: `space-y-12` (48px)
-- Container max-width: `max-w-md` (448px) for auth forms
-
----
-
-### 3.4 Border Radius
-
-```css
---radius-sm: 0.375rem;   /* 6px */
---radius-md: 0.5rem;     /* 8px */
---radius-lg: 0.75rem;    /* 12px */
---radius-xl: 1rem;       /* 16px */
---radius-2xl: 1.5rem;    /* 24px */
---radius-full: 9999px;   /* Fully rounded */
-```
-
----
-
-### 3.5 Shadows
-
-```css
-/* Subtle shadows for minimal design */
---shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
---shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
---shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
---shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.2);
-
-/* Glass shadows */
---shadow-glass-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
---shadow-glass-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
-```
-
----
-
-### 3.6 Animations & Transitions
-
-**Duration**:
-```css
---duration-fast: 150ms;
---duration-normal: 300ms;
---duration-slow: 500ms;
-```
-
-**Easing**:
-```css
---ease-snap: cubic-bezier(0.4, 0.0, 0.2, 1);
---ease-smooth: cubic-bezier(0.4, 0.0, 0.6, 1);
-```
-
-**Common Animations**:
-- Hover scale: `hover:scale-[1.02] transition-transform duration-150`
-- Fade in: `animate-in fade-in duration-300`
-- Float: `animate-float` (custom keyframe in theme.css)
-
----
-
-## 4. Component Library - Thư viện thành phần
-
-### 4.1 Components Catalog
-
-**Vị trí**: Storybook - `npm run storybook`
-
-Tất cả components đã được document trong Storybook với:
-- Visual examples
-- Props API
-- Usage guidelines
-- Accessibility notes
-- Code snippets
-
-### 4.2 Core Components
-
-#### Button
-**Path**: `src/features/shared/components/ui/button/`
-
-**Variants**:
-- `brand` - Primary CTA (X.ai blue)
-- `secondary` - Secondary actions
-- `ghost` - Tertiary actions
-- `danger` - Destructive actions
-
-**Sizes**: `sm`, `md`, `lg`
-
-**States**: default, hover, active, loading, disabled
-
-**Usage**:
-```tsx
-<Button variant="brand" size="lg">
-  Sign In
-</Button>
-```
-
----
-
-#### Input
-**Path**: `src/features/shared/components/ui/input/`
-
-**Features**:
-- Label support
-- Error messages
-- Description text
-- Password visibility toggle
-- Focus states with X.ai blue
-
-**States**: default, focus, error, disabled
-
-**Usage**:
-```tsx
-<Input
-  label="Email"
-  type="email"
-  placeholder="you@example.com"
-  error="Invalid email"
-/>
-```
-
----
-
-#### Card
-**Path**: `src/features/shared/components/ui/card/`
-
-**Features**:
-- Glass effect variants
-- Hover states
-- Border options
-
-**Usage**:
-```tsx
-<Card className="glass-card p-8">
-  <CardHeader>
-    <CardTitle>Title</CardTitle>
-  </CardHeader>
-  <CardContent>
-    Content here
-  </CardContent>
-</Card>
-```
-
----
-
-### 4.3 Glass Effects
-
-**Path**: `src/styles/glass.css`
-
-**Classes**:
-- `.glass-card` - Card containers
-- `.glass-input` - Input fields
-- `.glass-bg` - Generic glass background
-
-**X.ai Minimal Glass**:
-- Ultra-subtle transparency (1-5%)
-- Thin borders (3-10% white)
-- Minimal blur (4-12px)
-- Works on #15202b background
-
----
-
-## 5. Developer Handoff - Bàn giao cho Dev
-
-### 5.1 Design Specs
-
-**Tools**:
-- Figma Dev Mode (recommended)
-- Zeplin
-- Measure Chrome Extension
-
-**Specs to Include**:
-- Exact pixel measurements
-- Spacing between elements
-- Font sizes and weights
-- Color values (reference CSS variables)
-- Border radius
-- Shadow values
-
----
-
-### 5.2 Assets Export
-
-**Location**: `public/design/assets/`
-
-**Format Guidelines**:
-- **Icons**: SVG (preferred), PNG @2x, @3x
-- **Images**: WebP (preferred), PNG, JPEG
-- **Illustrations**: SVG for vector graphics
-- **Logo**: SVG + PNG variants
-
-**Export Checklist**:
-- [ ] Optimize SVGs (remove unnecessary metadata)
-- [ ] Export @1x, @2x, @3x for raster images
-- [ ] Name files descriptively: `icon-close.svg`, `logo-light.svg`
-- [ ] Organize in folders by category
-
----
-
-### 5.3 Implementation Notes
-
-**Vị trí**: `src/docs/implementation/`
-
-**Files**:
-- `implementation/auth-pages-notes.md` - Ghi chú cho auth pages
-- `implementation/components-notes.md` - Component implementation details
-
-**Template**:
-```markdown
-# [Component/Page Name] Implementation Notes
-
-## Design Intent
-Mục đích thiết kế là gì?
-
-## Technical Requirements
-- Framework: Next.js 14
-- Styling: Tailwind CSS
-- Animations: Framer Motion (if needed)
-
-## Accessibility Requirements
-- ARIA attributes needed
-- Keyboard navigation
-- Screen reader considerations
-
-## Edge Cases
-- What happens when...?
-- How to handle...?
-
-## Dependencies
-- Required components
-- Third-party libraries
-
-## Testing Checklist
-- [ ] Visual regression
-- [ ] Accessibility (a11y)
-- [ ] Responsive on all breakpoints
-- [ ] Cross-browser compatibility
-```
-
----
-
-### 5.4 Component API Documentation
-
-Mỗi component cần có:
-
-**Props Table**:
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `variant` | `'brand' \| 'secondary'` | `'brand'` | Visual style variant |
-| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Size of the button |
-| `disabled` | `boolean` | `false` | Disable interaction |
-
-**Example Usage**:
-```tsx
-// Basic usage
-<Button>Click me</Button>
-
-// With all props
-<Button
-  variant="brand"
-  size="lg"
-  disabled={false}
-  onClick={handleClick}
->
-  Sign In
-</Button>
-```
-
----
-
-## 📝 Maintenance & Updates
-
-### When to Update This Documentation
-
-1. **New Feature Added** → Update sitemap, user flows, components
-2. **Visual Redesign** → Update moodboard, mockups, color palette
-3. **Component Changes** → Update component specs in Storybook
-4. **New Page** → Add to sitemap, create wireframes/mockups
-5. **Accessibility Improvements** → Update WCAG compliance docs
-
-### Version Control
-
-- Use semantic versioning for design system updates
-- Document breaking changes
-- Keep changelog in `DESIGN_SYSTEM_CHANGELOG.md`
-
----
-
-## 🔗 Quick Links
-
-- [Storybook](http://localhost:6006) - Component library
-- [WCAG Compliance](./WCAG_COMPLIANCE.md) - Accessibility guidelines
-- [Performance](./PERFORMANCE.md) - Performance best practices
-- [Figma Design Files](#) - (Add your Figma link here)
-
----
-
-## 📞 Contact
-
-**Design Team**: design@goodgo.com
-**Dev Team**: dev@goodgo.com
-
----
-
-**Last Updated**: 2026-01-04
-**Version**: 2.0.0 (X.ai Minimal Redesign)
diff --git a/apps/web-client/src/docs/DOCUMENTATION_COMPLETE.md b/apps/web-client/src/docs/DOCUMENTATION_COMPLETE.md
deleted file mode 100644
index 2721848e..00000000
--- a/apps/web-client/src/docs/DOCUMENTATION_COMPLETE.md
+++ /dev/null
@@ -1,504 +0,0 @@
-# ✅ Documentation Complete - Summary
-
-> **Professional UX/UI Design Deliverables**
->
-> Hệ thống documentation hoàn chỉnh cho GoodGo Web Client
-
-**Created**: 2026-01-04
-**Total Files**: 12 markdown documents
-**Total Size**: ~106 KB
-**Status**: ✅ Ready for Use
-
----
-
-## 🎯 Tổng quan
-
-Bạn đã yêu cầu tạo **bộ hồ sơ thiết kế UX/UI chuyên nghiệp** theo chuẩn industry standard, không chỉ là "hình ảnh đẹp" mà là tài liệu toàn diện sẵn sàng cho team sử dụng.
-
-**✅ ĐÃ HOÀN THÀNH TẤT CẢ!**
-
----
-
-## 📊 Documentation Coverage
-
-### ✅ 1. UX Foundation - Nền tảng trải nghiệm
-
-| Document | Size | Status | Description |
-|----------|------|--------|-------------|
-| [ux/sitemap.md](./ux/sitemap.md) | 2.7K | ✅ | Information architecture, cấu trúc app |
-| [ux/flows/auth-login.md](./ux/flows/auth-login.md) | 9.2K | ✅ | Chi tiết login user flow với 8 steps |
-| [ux/wireframes/auth-pages-wireframes.md](./ux/wireframes/auth-pages-wireframes.md) | 23K | ✅ | Lo-Fi & Mid-Fi wireframes cho 3 auth pages |
-
-**Coverage**: 3/3 files ✅
-
-**Bao gồm**:
-- ✅ Sitemap với navigation patterns
-- ✅ Login user flow (entry/exit points, success/error paths)
-- ✅ Wireframes (low-fi + mid-fi) cho login, register, forgot password
-- ✅ Grid system & spacing specifications
-- ✅ Responsive wireframe variants
-
----
-
-### ✅ 2. UI Visual Design - Thiết kế giao diện
-
-| Document | Size | Status | Description |
-|----------|------|--------|-------------|
-| [ui/mockups/auth-login-states.md](./ui/mockups/auth-login-states.md) | 9.9K | ✅ | 8 states của login page (default, hover, focus, error, loading, etc.) |
-| [ui/responsive/mobile-specs.md](./ui/responsive/mobile-specs.md) | 9.6K | ✅ | Mobile responsive specs (< 640px) |
-
-**Coverage**: 2 files core ✅
-
-**Bao gồm**:
-- ✅ All UI states documented (default, hover, focus, active, error, loading, success, disabled)
-- ✅ High-fidelity mockup specs với measurements chính xác
-- ✅ Mobile-first responsive specifications
-- ✅ Typography scale, color palette, spacing
-- ✅ Touch targets, virtual keyboard handling
-- ✅ Performance targets cho mobile
-
-**TODO (có thể tạo sau)**:
-- [ ] Register & Forgot Password mockups (dùng template tương tự)
-- [ ] Tablet specs (640-1024px)
-- [ ] Desktop specs (> 1024px)
-
----
-
-### ✅ 3. Design System - Hệ thống thiết kế
-
-| Document | Size | Status | Description |
-|----------|------|--------|-------------|
-| [DESIGN_SYSTEM.md](./DESIGN_SYSTEM.md) | 14K | ✅ | Complete design system documentation |
-
-**Coverage**: 100% ✅
-
-**Bao gồm**:
-- ✅ **UX Foundation**: Sitemap structure, User flows framework, Wireframes guidelines
-- ✅ **UI Visual Design**: Moodboard guidelines, Mockups structure, Responsive specs
-- ✅ **Design System**:
-  - Color palette (X.ai blue #1D9BF0, dark #15202b)
-  - Typography (Inter, geometric sans-serif)
-  - Spacing (8-point grid)
-  - Shadows, Border radius, Animations
-- ✅ **Component Library**: Button, Input, Card specs
-- ✅ **Developer Handoff**: Specs, assets export, implementation notes
-
-**X.ai Minimal Design**:
-- ✅ Warm dark gray background (#15202b thay vì pure black)
-- ✅ X.ai blue accent (#1D9BF0)
-- ✅ Removed cosmic background effects
-- ✅ Neo-minimalism 2026 style
-
----
-
-### ✅ 4. Component Library - Thư viện thành phần
-
-**Integration**: ✅ Storybook (đã có sẵn)
-
-**Components Documented**:
-- ✅ Button (brand variant with X.ai blue)
-- ✅ Input (with focus states, password visibility)
-- ✅ Card (glass effects)
-
-**Component Specs Template**: ✅
-- [TEMPLATE_COMPONENT_SPEC.md](./TEMPLATE_COMPONENT_SPEC.md) (7.5K)
-- Dùng để document thêm components sau
-
-**TODO** (dùng template):
-- [ ] Modal spec
-- [ ] Dropdown spec
-- [ ] Tooltip spec
-- [ ] Toast/Alert spec
-
----
-
-### ✅ 5. Developer Handoff - Bàn giao cho Dev
-
-| Document | Size | Status | Description |
-|----------|------|--------|-------------|
-| [implementation/auth-pages-implementation.md](./implementation/auth-pages-implementation.md) | 13K | ✅ | Chi tiết implementation guide cho auth redesign |
-
-**Coverage**: 100% ✅
-
-**Bao gồm**:
-- ✅ Design intent & rationale
-- ✅ Step-by-step technical implementation (7 files to modify)
-- ✅ Code examples chi tiết với line numbers
-- ✅ Testing requirements (Visual, A11y, Responsive, Functional, Cross-browser)
-- ✅ Design specifications (measurements, colors, animations)
-- ✅ Common issues & solutions
-- ✅ Migration checklist (5 phases)
-- ✅ Assets checklist
-
-**Ready for Implementation**: ✅ Developers có thể bắt đầu ngay!
-
----
-
-### ✅ 6. Templates - Reusable Documentation
-
-| Template | Size | Purpose |
-|----------|------|---------|
-| [TEMPLATE_USER_FLOW.md](./TEMPLATE_USER_FLOW.md) | 3.9K | Tạo user flows cho features mới |
-| [TEMPLATE_COMPONENT_SPEC.md](./TEMPLATE_COMPONENT_SPEC.md) | 7.5K | Document components mới |
-
-**Coverage**: 2 core templates ✅
-
-**Cách dùng**:
-```bash
-# Copy template
-cp src/docs/TEMPLATE_USER_FLOW.md src/docs/ux/flows/checkout-flow.md
-
-# Edit file
-# Điền các section theo hướng dẫn
-# Link vào README.md
-```
-
----
-
-### ✅ 7. Supporting Documentation
-
-| Document | Size | Status | Description |
-|----------|------|--------|-------------|
-| [README.md](./README.md) | 9.6K | ✅ | Central hub, navigation, how-to guides |
-| [WCAG_COMPLIANCE.md](./WCAG_COMPLIANCE.md) | 1.7K | ✅ | Accessibility guidelines |
-| [PERFORMANCE.md](./PERFORMANCE.md) | 2.5K | ✅ | Performance best practices |
-
-**Coverage**: 100% ✅
-
----
-
-## 📁 File Structure (Complete)
-
-```
-src/docs/
-├── 📖 README.md (9.6K) ─────────────────── START HERE!
-├── 🎨 DESIGN_SYSTEM.md (14K) ────────────── Complete design system
-├── ♿ WCAG_COMPLIANCE.md (1.7K) ──────────── Accessibility
-├── ⚡ PERFORMANCE.md (2.5K) ──────────────── Performance
-├── ✅ DOCUMENTATION_COMPLETE.md ──────────── This file
-│
-├── 📝 Templates (Reusable)
-│   ├── TEMPLATE_USER_FLOW.md (3.9K) ────── Copy cho user flows mới
-│   └── TEMPLATE_COMPONENT_SPEC.md (7.5K) ── Copy cho component specs
-│
-├── ux/ ──────────────────────────────────── UX Deliverables
-│   ├── sitemap.md (2.7K) ───────────────── ✅ App structure
-│   ├── flows/
-│   │   └── auth-login.md (9.2K) ────────── ✅ Login flow complete
-│   └── wireframes/
-│       └── auth-pages-wireframes.md (23K) ─ ✅ Lo-Fi + Mid-Fi
-│
-├── ui/ ──────────────────────────────────── UI Design Specs
-│   ├── mockups/
-│   │   └── auth-login-states.md (9.9K) ─── ✅ 8 UI states
-│   └── responsive/
-│       └── mobile-specs.md (9.6K) ──────── ✅ Mobile responsive
-│
-└── implementation/ ───────────────────────── Developer Handoff
-    └── auth-pages-implementation.md (13K) ── ✅ Implementation guide
-
-public/design/ ────────────────────────────── Design Assets (folders created)
-├── assets/ ──────────────────────────────── Icons, images
-└── wireframes/ ──────────────────────────── Exported wireframes
-```
-
-**Total**: 12 documentation files, ~106 KB
-
----
-
-## 🎯 What You Have Now
-
-### ✅ Professional vs Amateur
-
-#### ❌ Design Nghiệp Dư
-- Vài file PNG/JPG của UI
-- Không có user flows
-- Không có design system
-- Dev phải "đoán" implementation
-- Không có wireframes
-- Không có testing guidelines
-
-#### ✅ Design Chuyên Nghiệp (BẠN ĐÃ CÓ!)
-
-**1. UX Foundation** ✅
-- ✅ Sitemap (information architecture)
-- ✅ User flows (chi tiết từng bước)
-- ✅ Wireframes (lo-fi + mid-fi)
-
-**2. UI Visual Design** ✅
-- ✅ Moodboard guidelines (X.ai minimal)
-- ✅ High-fidelity mockups (8 states)
-- ✅ Responsive specifications (mobile)
-
-**3. Design System** ✅
-- ✅ Color palette (X.ai blue, warm dark gray)
-- ✅ Typography (Inter, scales)
-- ✅ Spacing (8-point grid)
-- ✅ Components (Button, Input, Card)
-- ✅ Shadows, Borders, Animations
-
-**4. Component Library** ✅
-- ✅ Storybook integration
-- ✅ Component specs template
-
-**5. Developer Handoff** ✅
-- ✅ Implementation guide (step-by-step)
-- ✅ Code examples (exact line numbers)
-- ✅ Testing checklists
-- ✅ Assets export guidelines
-
-**6. Reusable Templates** ✅
-- ✅ User flow template
-- ✅ Component spec template
-
----
-
-## 🚀 How to Use
-
-### For Designers
-
-1. **Start Here**: [README.md](./README.md)
-2. **Understand System**: [DESIGN_SYSTEM.md](./DESIGN_SYSTEM.md)
-3. **See Examples**:
-   - [Login Flow](./ux/flows/auth-login.md)
-   - [Login Mockups](./ui/mockups/auth-login-states.md)
-   - [Wireframes](./ux/wireframes/auth-pages-wireframes.md)
-4. **Create New**:
-   - Copy [TEMPLATE_USER_FLOW.md](./TEMPLATE_USER_FLOW.md)
-   - Copy [TEMPLATE_COMPONENT_SPEC.md](./TEMPLATE_COMPONENT_SPEC.md)
-
----
-
-### For Developers
-
-1. **Implementation Guide**: [auth-pages-implementation.md](./implementation/auth-pages-implementation.md)
-2. **Design Tokens**: `src/styles/theme.css`
-3. **Component Library**: `npm run storybook`
-4. **Follow Steps**:
-   ```bash
-   # Step 1: Update theme.css
-   # Step 2: Update glass.css
-   # Step 3: Update auth pages
-   # Step 4: Update components
-   # Step 5: Test (4 types)
-   ```
-
----
-
-### For Product Managers
-
-1. **See Structure**: [Sitemap](./ux/sitemap.md)
-2. **Understand Flows**: [Login Flow](./ux/flows/auth-login.md)
-3. **Review Designs**: [Mockups](./ui/mockups/auth-login-states.md)
-4. **Plan Features**: Use templates for new flows
-
----
-
-### For QA/Testing
-
-1. **Test Checklists**: In [implementation guide](./implementation/auth-pages-implementation.md)
-2. **Accessibility**: [WCAG_COMPLIANCE.md](./WCAG_COMPLIANCE.md)
-3. **Responsive**: [Mobile Specs](./ui/responsive/mobile-specs.md)
-4. **User Flows**: [Login Flow](./ux/flows/auth-login.md)
-
----
-
-## 📊 Documentation Metrics
-
-### Completion Status
-
-**Core Documentation**: ✅ 100%
-- Design System: ✅
-- Implementation Guide: ✅
-- User Flows: ✅ (1/3 - login done, template available)
-- Wireframes: ✅
-- Mockups: ✅ (1/3 - login done, template available)
-- Responsive Specs: ✅ (1/3 - mobile done)
-- Templates: ✅
-
-**Optional Enhancements**: 📋 Available via Templates
-- Register flow: Use TEMPLATE_USER_FLOW.md
-- Forgot password flow: Use TEMPLATE_USER_FLOW.md
-- Register mockups: Use auth-login-states.md as reference
-- Tablet specs: Use mobile-specs.md as reference
-- Desktop specs: Use mobile-specs.md as reference
-- More component specs: Use TEMPLATE_COMPONENT_SPEC.md
-
-### Files Created
-
-| Category | Files | Size | Status |
-|----------|-------|------|--------|
-| **Core Docs** | 4 | 28K | ✅ Complete |
-| **UX** | 3 | 35K | ✅ Complete |
-| **UI** | 2 | 19.5K | ✅ Complete |
-| **Implementation** | 1 | 13K | ✅ Complete |
-| **Templates** | 2 | 11.4K | ✅ Complete |
-| **Total** | **12** | **~106K** | **✅ Complete** |
-
----
-
-## 🎨 X.ai Minimal Redesign - Ready to Implement
-
-**Design Approved**: ✅
-**Documentation Complete**: ✅
-**Implementation Guide**: ✅
-**Testing Checklist**: ✅
-
-**Developers can start now!**
-
-### Files to Modify (from implementation guide)
-
-1. ✅ `src/styles/theme.css` - Color palette
-2. ✅ `src/styles/glass.css` - Glass effects
-3. ✅ `src/app/(auth)/login/page.tsx` - Login page
-4. ✅ `src/app/(auth)/register/page.tsx` - Register page
-5. ✅ `src/app/(auth)/forgot-password/page.tsx` - Forgot password
-6. ✅ `src/features/shared/components/ui/input/input.tsx` - Input component
-7. ✅ `src/features/shared/components/ui/button/button.tsx` - Button component
-
-**All specs documented in**: [auth-pages-implementation.md](./implementation/auth-pages-implementation.md)
-
----
-
-## 💡 Benefits of This Documentation System
-
-### 1. Faster Development ⚡
-- Dev có guide chi tiết, không cần đoán
-- Code examples với line numbers chính xác
-- Step-by-step implementation
-
-### 2. Design Consistency 🎨
-- Design system rõ ràng, dễ follow
-- Color palette, typography, spacing defined
-- Components reusable
-
-### 3. Better Collaboration 🤝
-- Docs làm cầu nối Design-Dev-QA-PM
-- Mọi người cùng reference một nguồn
-- Giảm miscommunication
-
-### 4. Scalability 📈
-- Templates sẵn sàng cho feature mới
-- Copy & customize, không phải làm lại
-- Maintainable long-term
-
-### 5. Accessibility ♿
-- Built-in WCAG compliance guidelines
-- Color contrast validated
-- Keyboard navigation documented
-
-### 6. Professional Quality 🏆
-- Industry standard deliverables
-- Ready for stakeholder presentation
-- Ready for developer handoff
-
----
-
-## 📋 Next Steps
-
-### Immediate (Now)
-
-**For Developers**:
-1. ✅ Read [Implementation Guide](./implementation/auth-pages-implementation.md)
-2. ✅ Start implementing (follow 5 steps)
-3. ✅ Test according to checklists
-
-**For Designers**:
-1. ✅ Review all docs
-2. ✅ Create Figma prototypes (link in docs)
-3. ✅ Add screenshots to `public/design/`
-
----
-
-### Short-term (This Week)
-
-**Optional Enhancements**:
-- [ ] Create Register & Forgot Password flows (use template)
-- [ ] Create Register & Forgot Password mockups (use login as reference)
-- [ ] Create Tablet & Desktop responsive specs (use mobile as reference)
-- [ ] Add Figma links to all docs
-- [ ] Export and add screenshots
-
----
-
-### Long-term (This Month)
-
-**Scale the System**:
-- [ ] Document 10 core components (use template)
-- [ ] Create more user flows (checkout, profile, etc.)
-- [ ] Setup Chromatic for visual regression
-- [ ] Accessibility audit all pages
-- [ ] Performance benchmarks
-
----
-
-## 🔗 Quick Reference
-
-| Need | Go To |
-|------|-------|
-| **Overview** | [README.md](./README.md) |
-| **Design System** | [DESIGN_SYSTEM.md](./DESIGN_SYSTEM.md) |
-| **Implement Auth** | [auth-pages-implementation.md](./implementation/auth-pages-implementation.md) |
-| **See User Flow** | [auth-login.md](./ux/flows/auth-login.md) |
-| **See Wireframes** | [auth-pages-wireframes.md](./ux/wireframes/auth-pages-wireframes.md) |
-| **See Mockups** | [auth-login-states.md](./ui/mockups/auth-login-states.md) |
-| **Mobile Specs** | [mobile-specs.md](./ui/responsive/mobile-specs.md) |
-| **Create Flow** | [TEMPLATE_USER_FLOW.md](./TEMPLATE_USER_FLOW.md) |
-| **Document Component** | [TEMPLATE_COMPONENT_SPEC.md](./TEMPLATE_COMPONENT_SPEC.md) |
-
----
-
-## 🎉 Congratulations!
-
-Bạn đã có một **hệ thống documentation UX/UI chuyên nghiệp** hoàn chỉnh!
-
-**✅ Đây KHÔNG PHẢI là vài file hình ảnh**
-**✅ Đây LÀ bộ hồ sơ thiết kế toàn diện theo chuẩn industry**
-
-### So sánh
-
-**Before (Amateur)**:
-- 3 file PNG của UI screens
-- Không có context
-- Dev không biết làm thế nào
-
-**After (Professional - BẠN ĐÃ CÓ!)**:
-- 12 markdown documents
-- ~106 KB documentation
-- UX Foundation (sitemap, flows, wireframes)
-- UI Design (mockups, responsive specs)
-- Design System (colors, typography, spacing, components)
-- Developer Handoff (implementation guide, testing)
-- Reusable Templates (scale cho tương lai)
-
----
-
-## 📞 Support
-
-**Questions about**:
-- Documentation structure → [README.md](./README.md)
-- Design system → [DESIGN_SYSTEM.md](./DESIGN_SYSTEM.md)
-- Implementation → [auth-pages-implementation.md](./implementation/auth-pages-implementation.md)
-
-**Team Contacts**:
-- Design Team: design@goodgo.com
-- Dev Team: dev@goodgo.com
-- Product Team: product@goodgo.com
-
----
-
-**Created**: 2026-01-04
-**Last Updated**: 2026-01-04
-**Version**: 1.0.0
-**Status**: ✅ Complete & Ready for Use
-
----
-
-## 🚀 Ready to Build!
-
-Documentation: ✅
-Design: ✅
-Specs: ✅
-Testing: ✅
-
-**Let's ship it! 🎉**
diff --git a/apps/web-client/src/docs/PERFORMANCE.md b/apps/web-client/src/docs/PERFORMANCE.md
deleted file mode 100644
index 7f30ed8b..00000000
--- a/apps/web-client/src/docs/PERFORMANCE.md
+++ /dev/null
@@ -1,77 +0,0 @@
-# Performance Optimization Documentation
-
-## Code Splitting
-
-### Route-based Splitting
-- Chat page: Lazy loaded TypingIndicator
-- Admin dashboard: Lazy loaded chart components (UserGrowthChart, RevenueChart)
-- Admin settings: Lazy loaded settings forms (GeneralSettings, EmailSettings, SecuritySettings)
-- Admin users: Lazy loaded UserDetailsModal
-
-### Component-based Splitting
-- Heavy components wrapped with `React.lazy()` and `React.Suspense`
-- Fallback loading states provided for better UX
-
-## Image Optimization
-
-### Next.js Image Configuration
-- **Formats**: AVIF and WebP (automatic format selection)
-- **Device sizes**: Responsive breakpoints (640px to 3840px)
-- **Image sizes**: Optimized sizes for different use cases
-- **Lazy loading**: All images use `loading="lazy"` attribute
-
-### Implementation
-- Avatar images: Using Radix UI AvatarImage (supports lazy loading)
-- QR codes: Using `<img>` with `loading="lazy"` (data URLs not supported by Next.js Image)
-
-## Lazy Loading
-
-### Components
-- TypingIndicator: Lazy loaded in chat page
-- Chart components: Lazy loaded in admin dashboard
-- Modal components: Lazy loaded when needed
-- Settings forms: Lazy loaded per tab
-
-### Images
-- All images use `loading="lazy"` attribute
-- Avatar images support lazy loading through Radix UI
-
-### Routes
-- Dynamic imports for route-based code splitting (Next.js App Router handles this automatically)
-
-## Caching Strategy
-
-### Browser Caching
-- **Static assets**: 1 year cache (`Cache-Control: public, max-age=31536000, immutable`)
-- Configured in `next.config.js` headers
-
-### API Response Caching
-- **React Query**: 5 minutes stale time, 10 minutes cache time
-- Automatic refetching on window focus (disabled for better UX)
-- Retry failed requests once
-
-### Session Storage
-- User data: Stored in Zustand stores with persistence
-- Chat conversations: Persisted to localStorage
-- Theme preferences: Persisted to localStorage
-
-## Performance Targets
-
-### Lighthouse Scores
-- **Performance**: 90+
-- **Accessibility**: 95+
-- **Best Practices**: 95+
-- **SEO**: 100
-
-### Core Web Vitals
-- **LCP** (Largest Contentful Paint): < 2.5s
-- **FID** (First Input Delay): < 100ms
-- **CLS** (Cumulative Layout Shift): < 0.1
-
-## Optimization Techniques
-
-1. **Code Splitting**: Route and component-based splitting
-2. **Image Optimization**: WebP/AVIF formats, responsive images, lazy loading
-3. **Caching**: Browser caching for static assets, React Query for API responses
-4. **Compression**: Gzip/Brotli compression enabled
-5. **Console Removal**: Production builds remove console.log (except errors/warnings)
diff --git a/apps/web-client/src/docs/README.md b/apps/web-client/src/docs/README.md
deleted file mode 100644
index efe2b0af..00000000
--- a/apps/web-client/src/docs/README.md
+++ /dev/null
@@ -1,344 +0,0 @@
-# Documentation Hub
-
-> **Central documentation for GoodGo Web Client**
->
-> Professional design deliverables, technical specs, and guidelines
-
-## 📚 Documentation Structure
-
-```
-src/docs/
-├── 📖 README.md (this file)
-├── 🎨 DESIGN_SYSTEM.md - Complete design system documentation ✅
-├── ♿ WCAG_COMPLIANCE.md - Accessibility guidelines ✅
-├── ⚡ PERFORMANCE.md - Performance best practices ✅
-├── 📝 TEMPLATE_USER_FLOW.md - Template for creating user flows ✅
-├── 📝 TEMPLATE_COMPONENT_SPEC.md - Template for component specs ✅
-├── ✅ DOCUMENTATION_COMPLETE.md - Summary of all docs ✅
-│
-├── ux/ - UX Research & Deliverables
-│   ├── sitemap.md - Information architecture ✅
-│   ├── flows/
-│   │   ├── auth-login.md - Login flow ✅
-│   │   ├── auth-register.md - Registration flow (use template)
-│   │   └── auth-password-reset.md - Password reset flow (use template)
-│   └── wireframes/
-│       └── auth-pages-wireframes.md - Lo-Fi + Mid-Fi wireframes ✅
-│
-├── ui/ - UI Design Documentation
-│   ├── MOODBOARD.md - Visual direction & X.ai design philosophy ✅
-│   ├── mockups/
-│   │   ├── auth-login-states.md - All 8 states of login page ✅
-│   │   ├── auth-register-states.md - (use login as template)
-│   │   └── auth-forgot-password-states.md - (use login as template)
-│   ├── responsive/
-│   │   ├── mobile-specs.md - Mobile breakpoint specs ✅
-│   │   ├── tablet-specs.md - (use mobile as template)
-│   │   └── desktop-specs.md - (use mobile as template)
-│   └── components/ - (use TEMPLATE_COMPONENT_SPEC.md)
-│
-└── implementation/
-    └── auth-pages-implementation.md - Auth pages guide ✅
-```
-
----
-
-## 🎯 Quick Links
-
-### For Designers
-- **Start here**: [Design System](./DESIGN_SYSTEM.md)
-- **Visual direction**: [Moodboard](./ui/MOODBOARD.md) - X.ai design philosophy
-- **Wireframes**: [Auth Wireframes](./ux/wireframes/auth-pages-wireframes.md)
-- **Mockups**: [Login States](./ui/mockups/auth-login-states.md)
-- **Create new flow**: Use [User Flow Template](./TEMPLATE_USER_FLOW.md)
-- **Document component**: Use [Component Spec Template](./TEMPLATE_COMPONENT_SPEC.md)
-- **See structure**: [Sitemap](./ux/sitemap.md)
-
-### For Developers
-- **Implementation guide**: [Auth Pages Implementation](./implementation/auth-pages-implementation.md)
-- **Design tokens**: [Theme CSS](../styles/theme.css)
-- **Components**: Run `npm run storybook`
-- **Accessibility**: [WCAG Compliance](./WCAG_COMPLIANCE.md)
-
-### For Product Managers
-- **User flows**: [ux/flows/](./ux/flows/)
-- **Feature specs**: [implementation/](./implementation/)
-- **Analytics**: See individual flow documents
-
-### For QA/Testing
-- **Test checklists**: See implementation docs
-- **Accessibility**: [WCAG Compliance](./WCAG_COMPLIANCE.md)
-- **Performance**: [Performance Guide](./PERFORMANCE.md)
-
----
-
-## 🚀 Current Project: X.ai Minimal Redesign
-
-**Status**: In Progress ⏳
-
-**Objective**: Redesign 3 authentication pages to match X.ai's 2026 minimal aesthetic
-
-### Completed ✅
-- [x] Design system documentation structure
-- [x] UX sitemap
-- [x] Login user flow
-- [x] Implementation guide for auth pages
-- [x] Templates for reusable documentation
-
-### In Progress 🏗️
-- [ ] High-fidelity mockups for all auth states
-- [ ] Component specifications
-- [ ] Responsive design specifications
-
-### Pending 📋
-- [ ] User flows for register & forgot password
-- [ ] Wireframes documentation
-- [ ] Moodboard creation
-- [ ] Visual regression tests
-- [ ] Accessibility audit
-
----
-
-## 📝 How to Use This Documentation
-
-### Creating a New User Flow
-
-1. Copy [TEMPLATE_USER_FLOW.md](./TEMPLATE_USER_FLOW.md)
-2. Save to `ux/flows/[feature-name]-flow.md`
-3. Fill in all sections
-4. Link Figma prototype
-5. Add to sitemap if new page
-6. Update this README
-
-**Example**:
-```bash
-cp src/docs/TEMPLATE_USER_FLOW.md src/docs/ux/flows/checkout-flow.md
-# Edit checkout-flow.md
-# Add link in sitemap.md
-# Update README.md
-```
-
----
-
-### Creating a New Component Spec
-
-1. Copy [TEMPLATE_COMPONENT_SPEC.md](./TEMPLATE_COMPONENT_SPEC.md)
-2. Save to `ui/components/[component-name]-spec.md`
-3. Fill in all sections
-4. Add screenshots
-5. Link Figma design
-6. Create Storybook story
-
-**Example**:
-```bash
-cp src/docs/TEMPLATE_COMPONENT_SPEC.md src/docs/ui/components/modal-spec.md
-# Edit modal-spec.md
-# Add screenshots to public/design/
-# Create Storybook story
-```
-
----
-
-### Creating Implementation Documentation
-
-1. Create file in `implementation/[feature-name]-implementation.md`
-2. Include:
-   - Design intent
-   - Technical requirements
-   - Step-by-step guide
-   - Code examples
-   - Testing checklist
-3. Link related docs (flows, specs)
-4. Add to this README
-
----
-
-## 🎨 Design System Quick Reference
-
-### Colors
-```css
-/* X.ai Minimal Palette */
---bg-primary: #15202b;        /* Warm dark gray */
---accent-primary: #1D9BF0;    /* X.ai blue */
---text-primary: #FFFFFF;      /* Pure white */
-```
-
-### Typography
-```css
---font-sans: 'Inter', sans-serif;
---text-4xl: 2.25rem;          /* Headings */
---text-base: 1rem;            /* Body */
-```
-
-### Spacing (8-point grid)
-```css
---spacing-4: 1rem;            /* 16px */
---spacing-8: 2rem;            /* 32px */
-```
-
-### Breakpoints
-```css
-Mobile: < 640px
-Tablet: 640px - 1024px
-Desktop: > 1024px
-```
-
----
-
-## ♿ Accessibility Requirements
-
-All components and pages must meet:
-- **WCAG 2.1 Level AA** compliance
-- **Contrast ratio** ≥ 4.5:1 for text
-- **Keyboard navigation** fully supported
-- **Screen reader** compatible
-- **Focus indicators** clearly visible (X.ai blue ring)
-
-See [WCAG_COMPLIANCE.md](./WCAG_COMPLIANCE.md) for details.
-
----
-
-## 📊 Performance Standards
-
-- **Page load**: < 1s
-- **Time to Interactive**: < 2s
-- **Lighthouse Performance**: ≥ 90
-- **Lighthouse Accessibility**: ≥ 95
-
-See [PERFORMANCE.md](./PERFORMANCE.md) for optimization guide.
-
----
-
-## 🔄 Documentation Maintenance
-
-### Review Schedule
-- **Weekly**: Update in-progress features
-- **Bi-weekly**: Review completed sections
-- **Monthly**: Full documentation audit
-- **Quarterly**: Archive outdated docs
-
-### When to Update
-- ✏️ New feature added → Add sitemap, flow, specs
-- 🎨 Visual redesign → Update mockups, components
-- 🔧 Component changes → Update specs, Storybook
-- 🐛 Bug fix → Update known issues
-- 🚀 New page → Add to sitemap, create flow
-
-### Version Control
-- Use semantic versioning (v1.0.0)
-- Track in individual doc files
-- Major changes → Update version in this README
-- Keep changelog in relevant docs
-
----
-
-## 📞 Contact & Support
-
-**Design Team**: design@goodgo.com
-**Dev Team**: dev@goodgo.com
-**Product Team**: product@goodgo.com
-
-**Slack Channels**:
-- #design - Design discussions
-- #dev-frontend - Development questions
-- #accessibility - A11y topics
-
----
-
-## 🔗 External Resources
-
-### Design Tools
-- [Figma Project](#) - Main design files
-- [Storybook](http://localhost:6006) - Component library
-- [Chromatic](#) - Visual regression testing
-
-### Development Tools
-- [GitHub Repo](#) - Source code
-- [Vercel Dashboard](#) - Deployments
-- [Sentry](#) - Error monitoring
-
-### Learning Resources
-- [X.ai Brand Guidelines](https://x.ai/legal/brand-guidelines)
-- [WCAG 2.1 Guidelines](https://www.w3.org/WAI/WCAG21/quickref/)
-- [React Aria Docs](https://react-spectrum.adobe.com/react-aria/)
-
----
-
-## 📈 Metrics & Analytics
-
-### Design System Adoption
-- Components documented: 3/20 (15%)
-- User flows documented: 1/10 (10%)
-- Pages with specs: 3/3 (100% - Auth pages)
-
-### Goals for Q1 2026
-- [ ] 100% of auth flow documented
-- [ ] All shared components have specs
-- [ ] Storybook coverage > 80%
-- [ ] Accessibility score > 95 on all pages
-
----
-
-## 🎓 Onboarding
-
-### New Designers
-1. Read [Design System](./DESIGN_SYSTEM.md)
-2. Review [Sitemap](./ux/sitemap.md)
-3. Explore Figma files
-4. Check existing [User Flows](./ux/flows/)
-5. Review component specs in Storybook
-
-### New Developers
-1. Read [Auth Pages Implementation](./implementation/auth-pages-implementation.md)
-2. Run `npm run storybook` to see components
-3. Review [Theme CSS](../styles/theme.css)
-4. Check [WCAG Compliance](./WCAG_COMPLIANCE.md)
-5. Run tests: `npm test`
-
-### New QA Engineers
-1. Review all user flows in [ux/flows/](./ux/flows/)
-2. Check testing checklists in implementation docs
-3. Review [WCAG Compliance](./WCAG_COMPLIANCE.md)
-4. Familiarize with Storybook for component testing
-
----
-
-## 📋 Templates Available
-
-| Template | Purpose | Location |
-|----------|---------|----------|
-| User Flow | Document user journeys | [TEMPLATE_USER_FLOW.md](./TEMPLATE_USER_FLOW.md) |
-| Component Spec | Document UI components | [TEMPLATE_COMPONENT_SPEC.md](./TEMPLATE_COMPONENT_SPEC.md) |
-
----
-
-## 🏆 Best Practices
-
-### For Documentation
-- ✅ Write clear, concise descriptions
-- ✅ Include visual examples (screenshots, diagrams)
-- ✅ Link related documents
-- ✅ Keep it up-to-date
-- ✅ Use consistent formatting
-- ❌ Don't duplicate information
-- ❌ Don't use jargon without explanation
-
-### For Design
-- ✅ Follow design system tokens
-- ✅ Maintain accessibility standards
-- ✅ Test on all breakpoints
-- ✅ Document all states
-- ✅ Get feedback early and often
-
-### For Development
-- ✅ Reference design specs
-- ✅ Use CSS variables, not hardcoded values
-- ✅ Test accessibility
-- ✅ Write Storybook stories
-- ✅ Keep components reusable
-
----
-
-**Last Updated**: 2026-01-04
-**Version**: 2.0.0 (X.ai Minimal Redesign)
-**Maintained by**: Design Team + Dev Team
diff --git a/apps/web-client/src/docs/TEMPLATE_COMPONENT_SPEC.md b/apps/web-client/src/docs/TEMPLATE_COMPONENT_SPEC.md
deleted file mode 100644
index 0ed6da7e..00000000
--- a/apps/web-client/src/docs/TEMPLATE_COMPONENT_SPEC.md
+++ /dev/null
@@ -1,422 +0,0 @@
-# Component Specification Template
-
-> **Copy this template for new component documentation**
->
-> Location: `src/docs/ui/components/[component-name]-spec.md`
-
-## 📦 Component: [Component Name]
-
-**Path**: `src/features/[feature]/components/[component-name]/`
-
-**Purpose**: [What does this component do? One-line description]
-
-**Category**: [Form Input | Button | Layout | Navigation | Data Display | Feedback]
-
----
-
-## 🎨 Visual Design
-
-### Desktop View
-![Desktop Screenshot](path/to/screenshot-desktop.png)
-
-### Mobile View
-![Mobile Screenshot](path/to/screenshot-mobile.png)
-
-### Figma Link
-[Link to Figma component]
-
----
-
-## 🔧 Component API
-
-### Props
-
-| Prop | Type | Default | Required | Description |
-|------|------|---------|----------|-------------|
-| `variant` | `'primary' \| 'secondary'` | `'primary'` | No | Visual style variant |
-| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | No | Size of the component |
-| `disabled` | `boolean` | `false` | No | Disable interaction |
-| `children` | `ReactNode` | - | Yes | Content to display |
-| `className` | `string` | - | No | Additional CSS classes |
-| `onClick` | `() => void` | - | No | Click handler |
-
-### Variants
-
-#### Primary Variant
-- **Use when**: [When to use this variant]
-- **Visual**: [Description of appearance]
-- **Example**:
-```tsx
-<Component variant="primary">Primary</Component>
-```
-
-#### Secondary Variant
-- **Use when**: [When to use this variant]
-- **Visual**: [Description of appearance]
-- **Example**:
-```tsx
-<Component variant="secondary">Secondary</Component>
-```
-
-### Sizes
-
-#### Small (`sm`)
-- Height: [px/rem]
-- Padding: [px/rem]
-- Font size: [px/rem]
-- Use case: [When to use]
-
-#### Medium (`md`)
-- Height: [px/rem]
-- Padding: [px/rem]
-- Font size: [px/rem]
-- Use case: [When to use]
-
-#### Large (`lg`)
-- Height: [px/rem]
-- Padding: [px/rem]
-- Font size: [px/rem]
-- Use case: [When to use]
-
----
-
-## 📱 States
-
-### Default State
-**Description**: Normal, inactive state
-
-**Visual**:
-- Background: [color/variable]
-- Border: [color/variable]
-- Text: [color/variable]
-
-**Code**:
-```tsx
-<Component>Default</Component>
-```
-
----
-
-### Hover State
-**Description**: Mouse over the component
-
-**Visual**:
-- Background: [color/variable]
-- Border: [color/variable]
-- Text: [color/variable]
-- Transform: [scale/translate if any]
-
-**Code**:
-```tsx
-<Component className="hover:...">Hover me</Component>
-```
-
----
-
-### Active State
-**Description**: Component is being clicked/pressed
-
-**Visual**:
-- Background: [color/variable]
-- Border: [color/variable]
-- Text: [color/variable]
-
----
-
-### Focus State
-**Description**: Component is focused (keyboard navigation)
-
-**Visual**:
-- Outline/Ring: [color/variable]
-- Background: [color/variable]
-
-**Accessibility**: Must be clearly visible for keyboard users
-
----
-
-### Disabled State
-**Description**: Component cannot be interacted with
-
-**Visual**:
-- Opacity: [value]
-- Cursor: not-allowed
-- Background: [color/variable]
-
-**Code**:
-```tsx
-<Component disabled>Disabled</Component>
-```
-
----
-
-### Loading State (if applicable)
-**Description**: Component is processing an action
-
-**Visual**:
-- Spinner/loading indicator
-- Disabled interaction
-- Optional text change
-
-**Code**:
-```tsx
-<Component loading>Loading...</Component>
-```
-
----
-
-### Error State (if applicable)
-**Description**: Component has validation error
-
-**Visual**:
-- Border: error color
-- Background: error color with low opacity
-- Error icon (optional)
-- Error message below
-
-**Code**:
-```tsx
-<Component error="Error message">Value</Component>
-```
-
----
-
-## 💡 Usage Examples
-
-### Basic Usage
-```tsx
-import { Component } from '@/features/shared/components/ui/component'
-
-function Example() {
-  return (
-    <Component>
-      Basic example
-    </Component>
-  )
-}
-```
-
----
-
-### With All Props
-```tsx
-<Component
-  variant="primary"
-  size="lg"
-  disabled={false}
-  onClick={handleClick}
-  className="custom-class"
->
-  Full example
-</Component>
-```
-
----
-
-### Complex Example
-```tsx
-function ComplexExample() {
-  const [loading, setLoading] = useState(false)
-
-  const handleClick = async () => {
-    setLoading(true)
-    await someAction()
-    setLoading(false)
-  }
-
-  return (
-    <Component
-      variant="primary"
-      size="lg"
-      loading={loading}
-      onClick={handleClick}
-    >
-      {loading ? 'Processing...' : 'Click me'}
-    </Component>
-  )
-}
-```
-
----
-
-## 🎨 Design Tokens Used
-
-### Colors
-- `--accent-primary`: Primary action color
-- `--bg-secondary`: Background color
-- `--text-primary`: Text color
-- `--border-primary`: Border color
-
-### Typography
-- Font: `var(--font-sans)`
-- Size: `var(--text-base)`
-- Weight: `var(--font-medium)`
-
-### Spacing
-- Padding: `var(--spacing-4)`
-- Margin: `var(--spacing-2)`
-
-### Borders
-- Radius: `var(--radius-md)`
-- Width: `1px`
-
-### Shadows
-- Default: `var(--shadow-sm)`
-- Hover: `var(--shadow-md)`
-
----
-
-## ♿ Accessibility
-
-### ARIA Attributes
-```tsx
-<Component
-  role="button"
-  aria-label="Descriptive label"
-  aria-disabled={disabled}
->
-  Content
-</Component>
-```
-
-### Keyboard Navigation
-- **Tab**: Focus the component
-- **Enter/Space**: Activate the component
-- **Escape**: Cancel (if applicable)
-
-### Screen Reader Support
-- Component announces its purpose
-- State changes are announced
-- Error messages are announced with `role="alert"`
-
-### Focus Management
-- Visible focus indicator (X.ai blue ring)
-- Focus trap (if modal/dialog)
-- Focus returns to trigger element after close
-
-### Color Contrast
-- Text to background: ≥ 4.5:1 (WCAG AA)
-- Focus indicator: ≥ 3:1 (WCAG AA)
-
----
-
-## 📱 Responsive Behavior
-
-### Mobile (< 640px)
-- [How does it adapt?]
-- [Touch target size: min 44x44px]
-- [Full width or stacked?]
-
-### Tablet (640-1024px)
-- [How does it adapt?]
-
-### Desktop (> 1024px)
-- [How does it adapt?]
-
----
-
-## 🧪 Testing
-
-### Unit Tests
-```tsx
-describe('Component', () => {
-  it('renders correctly', () => {
-    // Test case
-  })
-
-  it('handles click events', () => {
-    // Test case
-  })
-
-  it('shows disabled state', () => {
-    // Test case
-  })
-})
-```
-
-### Visual Regression Tests
-- Default state
-- All variants
-- All sizes
-- All states (hover, active, focus, disabled)
-- Dark + Light theme
-
-### Accessibility Tests
-- axe-core tests pass
-- Keyboard navigation works
-- Screen reader announces correctly
-
----
-
-## 🐛 Known Issues
-
-### Issue 1: [Issue Description]
-**Browsers affected**: [Chrome, Firefox, Safari, etc.]
-**Workaround**: [How to work around it]
-**Tracking**: [Link to GitHub issue]
-
----
-
-## 📝 Development Notes
-
-### Dependencies
-- `react`: ^18.2.0
-- `react-aria`: ^3.45.0 (if applicable)
-- [Other dependencies]
-
-### File Structure
-```
-component-name/
-├── index.ts              # Barrel export
-├── component-name.tsx    # Main component
-├── component-name.test.tsx
-├── component-name.stories.tsx
-└── component-name.module.css (if needed)
-```
-
-### CSS Classes
-```tsx
-// Tailwind classes used
-className="
-  bg-accent-primary
-  text-white
-  px-4 py-2
-  rounded-md
-  hover:bg-accent-primary-hover
-  focus:ring-2 focus:ring-accent-primary/30
-  disabled:opacity-50
-  transition-colors duration-150
-"
-```
-
----
-
-## 🔄 Changelog
-
-### v2.0.0 (2026-01-04)
-- Updated to X.ai blue accent color
-- Removed gradient, now solid color
-- Updated focus states
-
-### v1.0.0 (2025-12-01)
-- Initial release
-
----
-
-## 📚 Related Components
-
-- [Related Component 1](./related-component-1-spec.md)
-- [Related Component 2](./related-component-2-spec.md)
-
----
-
-## 🔗 Links
-
-- [Storybook](http://localhost:6006/?path=/story/component)
-- [Figma Design](#)
-- [GitHub Source](path/to/component)
-
----
-
-**Maintained by**: [Team Name]
-**Last Updated**: [Date]
-**Version**: [Version Number]
diff --git a/apps/web-client/src/docs/TEMPLATE_USER_FLOW.md b/apps/web-client/src/docs/TEMPLATE_USER_FLOW.md
deleted file mode 100644
index 43e3d15a..00000000
--- a/apps/web-client/src/docs/TEMPLATE_USER_FLOW.md
+++ /dev/null
@@ -1,189 +0,0 @@
-# User Flow Template
-
-> **Copy this template to create new user flows**
->
-> Location: `src/docs/ux/flows/[feature-name]-flow.md`
-
-## 📋 Flow Overview
-
-**Goal**: [What does the user want to accomplish?]
-
-**Entry Points**:
-- [Where can users start this flow?]
-- [List all entry points]
-
-**Exit Points**:
-- Success → [Where do they go on success?]
-- Cancel → [What happens if they cancel?]
-- Error → [What happens on error?]
-
----
-
-## 🗺️ Flow Diagram
-
-```
-┌─────────────┐
-│ Entry Point │
-└──────┬──────┘
-       │
-       v
-┌──────────────────────────────┐
-│   Step 1: [Action]           │
-│   - Detail 1                 │
-│   - Detail 2                 │
-└──────┬───────────────────────┘
-       │
-       v
-┌──────────────────────────────┐
-│  Step 2: [Action]            │
-└──────┬───────────────────────┘
-       │
-       v
-┌──────────────────────────────┐
-│  Step 3: [Decision Point]    │
-└──────┬───────────────────────┘
-       │
-       ├─────────────┬──────────────┐
-       v Path A      v Path B       v Path C
-┌─────────────┐ ┌──────────────┐ ┌──────────────┐
-│ Outcome A   │ │ Outcome B    │ │ Outcome C    │
-└─────────────┘ └──────────────┘ └──────────────┘
-```
-
----
-
-## 📝 Detailed Steps
-
-### Step 1: [Step Name]
-**Action**: [What does the user do?]
-
-**UI State**:
-- [What's visible on screen?]
-- [What's the initial state?]
-
-**Validation** (if applicable):
-- ✅ [Validation rule 1]
-- ✅ [Validation rule 2]
-
-**Error Messages**:
-- [Error condition]: "[Error message]"
-
-**Technical Notes**:
-- [API calls, state changes, etc.]
-
----
-
-### Step 2: [Step Name]
-**Action**: [What does the user do?]
-
-**UI State**:
-- [What changes?]
-
-**Behavior**:
-- [How does it behave?]
-
----
-
-### Step 3: [Decision Point]
-**Action**: [What triggers the decision?]
-
-**Possible Outcomes**:
-
-#### ✅ Success Path
-**Condition**: [When does this happen?]
-
-**Actions**:
-1. [What happens first?]
-2. [What happens next?]
-3. [Final outcome]
-
----
-
-#### ❌ Error Path
-**Condition**: [When does this happen?]
-
-**Actions**:
-1. [How is error shown?]
-2. [How can user recover?]
-
----
-
-## 🔀 Alternative Paths
-
-### Path A: [Alternative Name]
-**Trigger**: [What triggers this path?]
-
-**Action**: [What happens?]
-
----
-
-### Path B: [Alternative Name]
-**Trigger**: [What triggers this path?]
-
-**Action**: [What happens?]
-
----
-
-## ✅ Success Criteria
-
-Flow is successful when:
-- ✅ [Criterion 1]
-- ✅ [Criterion 2]
-- ✅ [Criterion 3]
-
----
-
-## 🧪 Testing Checklist
-
-**Functional Tests**:
-- [ ] [Test case 1]
-- [ ] [Test case 2]
-- [ ] [Test case 3]
-
-**Edge Cases**:
-- [ ] [Edge case 1]
-- [ ] [Edge case 2]
-
-**Accessibility**:
-- [ ] Keyboard navigation works
-- [ ] Screen reader announces correctly
-- [ ] Focus management is correct
-
-**Performance**:
-- [ ] Page loads < [X]s
-- [ ] API response < [X]s
-- [ ] No layout shift
-
----
-
-## 📱 Responsive Behavior
-
-**Mobile (< 640px)**:
-- [How does it adapt?]
-
-**Tablet (640-1024px)**:
-- [How does it adapt?]
-
-**Desktop (> 1024px)**:
-- [How does it adapt?]
-
----
-
-## 🎨 Figma Prototype
-
-[Link to Figma prototype]
-
----
-
-## 📊 Analytics Events
-
-Track these events:
-- `[event_name_1]`
-- `[event_name_2]`
-- `[event_name_3]`
-
----
-
-**Maintained by**: [Team Name]
-**Last Updated**: [Date]
-**Version**: [Version Number]
diff --git a/apps/web-client/src/docs/WCAG_COMPLIANCE.md b/apps/web-client/src/docs/WCAG_COMPLIANCE.md
deleted file mode 100644
index d2f077db..00000000
--- a/apps/web-client/src/docs/WCAG_COMPLIANCE.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# WCAG 2.1 AA Compliance Documentation
-
-## Color Contrast
-
-### Text Colors (WCAG 2.1 AA Compliant)
-
-**Normal Text (< 18px): Minimum 4.5:1 contrast ratio**
-
-- `--text-primary: #FAFAFA` on `--bg-primary: #0A0A0A` = **15.8:1** ✓
-- `--text-secondary: #E0E0E0` on `--bg-primary: #0A0A0A` = **12.6:1** ✓
-- `--text-tertiary: #A0A0A0` on `--bg-primary: #0A0A0A` = **6.4:1** ✓
-
-**Large Text (≥ 18px): Minimum 3:1 contrast ratio**
-
-- All text colors meet this requirement ✓
-
-### UI Components: Minimum 3:1 contrast ratio
-
-- `--accent-primary: #3B82F6` on `--bg-primary: #0A0A0A` = **4.2:1** ✓
-- `--accent-success: #10B981` on `--bg-primary: #0A0A0A` = **5.1:1** ✓
-- `--accent-error: #EF4444` on `--bg-primary: #0A0A0A` = **5.8:1** ✓
-
-## Font Size
-
-- **Minimum base font size: 16px** (set in `globals.css`)
-- All text uses relative units (rem) for proper scaling
-- Supports zoom up to 200% without breaking layout
-
-## Keyboard Navigation
-
-- **Focus indicators**: 2px solid outline with 2px offset
-- **Tab order**: Logical and consistent
-- **Custom shortcuts**: Ctrl+K (search), Ctrl+N (new chat), Ctrl+/ (help)
-
-## Screen Reader Support
-
-- **Semantic HTML**: Proper use of `<header>`, `<nav>`, `<main>`, `<aside>`, `<footer>`
-- **ARIA labels**: All interactive elements have descriptive labels
-- **Live regions**: Announcements with `role="status" aria-live="polite"`
-- **Skip link**: "Skip to main content" link for keyboard navigation
-
-## Alternative Text
-
-- All images have descriptive `alt` attributes
-- Decorative images use `alt=""`
-- Avatar images include user names in alt text
-
-## Testing Tools
-
-- WebAIM Contrast Checker
-- Chrome DevTools Accessibility tab
-- WAVE browser extension
-- axe DevTools
diff --git a/apps/web-client/src/docs/implementation/auth-implementation-status.md b/apps/web-client/src/docs/implementation/auth-implementation-status.md
deleted file mode 100644
index b44ad1b2..00000000
--- a/apps/web-client/src/docs/implementation/auth-implementation-status.md
+++ /dev/null
@@ -1,477 +0,0 @@
-# Báo Cáo Tình Trạng Implementation - Authentication Pages
-
-**Ngày kiểm tra**: 2026-01-05  
-**Người kiểm tra**: AI Assistant
-
----
-
-## 📊 Tổng Quan
-
-| Tiêu chí | Trạng thái | Ghi chú |
-|----------|-----------|---------|
-| **Login Page** | ✅ Hoàn thành 100% | Đã implement đầy đủ theo design guide |
-| **Register Page** | ✅ Hoàn thành 100% | Đã implement đầy đủ theo design guide |
-| **Forgot Password** | ✅ Hoàn thành 100% | Đã implement đầy đủ theo design guide |
-| **Theme CSS** | ✅ Hoàn thành 100% | Đã cập nhật X.ai minimal colors |
-| **Glass CSS** | ✅ Hoàn thành 100% | Đã fix shadow values và X.ai blue glow |
-| **Input Component** | ✅ Hoàn thành 100% | X.ai blue focus ring đúng 100% |
-| **Button Component** | ✅ Hoàn thành 100% | Solid X.ai blue (no gradient) |
-
-**🎉 HOÀN THÀNH 100%** - Tất cả components đã implement đúng theo X.ai minimal design guide!
-
----
-
-## ✅ Đã Hoàn Thành
-
-### 1. Login Page (`/login`)
-
-**File**: `src/app/(auth)/login/page.tsx`
-
-✅ **Background**:
-- Line 113: Đã đổi từ `bg-black` → `bg-bg-primary` (#15202b)
-- Đã xóa cosmic background (lines 115-116 có comment)
-
-✅ **Icon Container**:
-- Line 123: Đã cập nhật `bg-accent-primary/5 border border-accent-primary/10`
-- Đã xóa `animate-float` class (icon tĩnh)
-
-✅ **Links & Buttons**:
-- Line 237: "Forgot password" link dùng `text-accent-primary hover:text-accent-primary-hover`
-- Line 264: "Sign up" link dùng `text-accent-primary hover:text-accent-primary-hover`
-- Line 246-257: Button dùng `variant="brand"`
-
-✅ **Form Elements**:
-- Line 226: Checkbox dùng `text-accent-primary focus:ring-accent-primary`
-- Inputs sử dụng Input component với validation
-
----
-
-### 2. Register Page (`/register`)
-
-**File**: `src/app/(auth)/register/page.tsx`
-
-✅ **Background**:
-- Line 230: Đã đổi từ `bg-black` → `bg-bg-primary` (#15202b)
-- Đã xóa cosmic background (lines 232-233 có comment)
-
-✅ **Icon Container**:
-- Line 240: Đã cập nhật `bg-accent-primary/5 border border-accent-primary/10`
-- Đã xóa `animate-float` class (icon tĩnh)
-
-✅ **Password Strength Indicator**:
-- Lines 355-383: Đã implement đầy đủ với 4 bars
-- Sử dụng màu X.ai: error (red), warning (amber), success (green)
-- Real-time calculation với `useMemo`
-
-✅ **Links & Buttons**:
-- Line 426: Terms link dùng `text-accent-primary hover:text-accent-primary-hover`
-- Line 466: "Sign in" link dùng `text-accent-primary hover:text-accent-primary-hover`
-- Line 448-459: Button dùng `variant="brand"`
-
-✅ **Form Elements**:
-- Line 418: Terms checkbox dùng `text-accent-primary focus:ring-accent-primary`
-- Inputs sử dụng Input component với validation đầy đủ
-
----
-
-### 3. Forgot Password Page (`/forgot-password`)
-
-**File**: `src/app/(auth)/forgot-password/page.tsx`
-
-✅ **Background**:
-- Line 113: Đã đổi từ `bg-black` → `bg-bg-primary` (#15202b)
-- Đã xóa cosmic background (lines 115-116 có comment)
-
-✅ **Icon Container**:
-- Line 123: Đã cập nhật `bg-accent-primary/5 border border-accent-primary/10`
-- Đã xóa `animate-float` class (icon tĩnh)
-
-✅ **Success State**:
-- Lines 152-211: Đã implement đầy đủ success state
-- Success icon với green color
-- "Back to login" button
-- "Send to another email" option
-
-✅ **Links & Buttons**:
-- Line 274: "Back to login" link dùng `text-accent-primary hover:text-accent-primary-hover`
-- Line 192-199: Button dùng `variant="brand"`
-
-✅ **Form Elements**:
-- Line 240-256: Input sử dụng Input component với validation
-
----
-
-### 4. Theme CSS
-
-**File**: `src/styles/theme.css`
-
-✅ **Background Colors** (Lines 22-30):
-```css
---bg-primary: #15202b;        /* ✅ Warm dark gray */
---bg-secondary: #1a2734;      /* ✅ Lighter variant */
---bg-tertiary: #1f2f3d;       /* ✅ Medium variant */
---bg-elevated: #243442;       /* ✅ Elevated variant */
-```
-
-✅ **Accent Colors** (Lines 44-50):
-```css
---accent-primary: #1D9BF0;         /* ✅ X.ai blue */
---accent-primary-hover: #1a8cd8;   /* ✅ X.ai blue hover */
---accent-primary-light: #8ecdf7;   /* ✅ X.ai blue light */
-```
-
-✅ **Brand Colors** (Lines 89-97):
-```css
---brand-primary: #1D9BF0;          /* ✅ X.ai blue */
---brand-primary-light: #8ecdf7;    /* ✅ Light variant */
---brand-primary-dark: #1a8cd8;     /* ✅ Dark variant */
-```
-
-✅ **Border Colors** (Lines 76-82):
-```css
---border-focus: #1D9BF0;           /* ✅ X.ai blue for focus */
-```
-
-✅ **Glass Effects** (Lines 113-143):
-```css
---glass-bg-default: rgba(255, 255, 255, 0.04);     /* ✅ 4% opacity */
---glass-border-default: rgba(255, 255, 255, 0.08); /* ✅ 8% opacity */
---glass-border-focus: rgba(29, 155, 240, 0.5);     /* ✅ X.ai blue 50% */
---glass-blur-md: 8px;                              /* ✅ Reduced blur */
-```
-
----
-
-## ✅ Đã Kiểm Tra - Components
-
-### 1. Glass CSS File ⚠️ CẦN CẬP NHẬT
-
-**File**: `src/styles/glass.css`
-
-**Tình trạng**: ❌ **Chưa đúng theo design guide**
-
-**Hiện tại** (Lines 45-59):
-```css
-.glass-card {
-  background: var(--glass-bg-default);
-  backdrop-filter: blur(var(--glass-blur-sm));        /* ✅ Đúng */
-  border: 1px solid var(--glass-border-default);      /* ✅ Đúng */
-  box-shadow: var(--shadow);                          /* ⚠️ Cần update */
-  border-radius: var(--radius-lg);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-
-.glass-card:hover {
-  transform: translateY(-1px);                        /* ⚠️ Không cần transform */
-  border-color: var(--glass-border-hover);            /* ✅ Đúng */
-  /* No shadow change - cleaner look */               /* ❌ Cần thêm shadow */
-}
-```
-
-**Cần sửa thành** (theo design guide):
-```css
-.glass-card {
-  background: var(--glass-bg-default);
-  backdrop-filter: blur(var(--glass-blur-sm));
-  border: 1px solid var(--glass-border-default);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);          /* Softer shadow */
-  border-radius: var(--radius-lg);
-}
-
-.glass-card:hover {
-  border-color: var(--glass-border-hover);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);         /* Softer hover */
-}
-```
-
-**Glass Input** (Lines 108-125):
-```css
-.glass-input:focus {
-  background: var(--glass-bg-default);
-  border-color: var(--glass-border-focus);           /* ✅ Đúng (X.ai blue) */
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.03);  /* ❌ Cần X.ai blue glow */
-  outline: none;
-}
-```
-
-**Cần sửa thành**:
-```css
-.glass-input:focus {
-  border-color: var(--accent-primary);               /* X.ai blue */
-  box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.1);    /* X.ai blue glow */
-}
-```
-
----
-
-### 2. Input Component ✅ HOÀN THÀNH
-
-**File**: `src/features/shared/components/ui/input/input.tsx`
-
-**Tình trạng**: ✅ **Đã đúng 100% theo design guide**
-
-**Focus States** (Lines 203-206):
-```tsx
-// ✅ Đã implement đúng X.ai blue focus ring
-'focus:outline-none focus:ring-2 focus:ring-offset-2',
-'focus:ring-accent-primary/30 focus:ring-offset-bg-primary',
-'focus:bg-glass focus:border-accent-primary',
-```
-
-**Khớp với design guide**:
-- ✅ `focus:ring-accent-primary/30` - X.ai blue ring 30% opacity
-- ✅ `focus:ring-offset-bg-primary` - Ring offset với background
-- ✅ `focus:border-accent-primary` - Border X.ai blue khi focus
-
-**Validation States** (Lines 208-210):
-```tsx
-// ✅ Invalid state với accent-error
-'data-[invalid]:border-accent-error',
-'data-[invalid]:focus:ring-accent-error/50',
-```
-
-**Kết luận**: ✅ Input component đã hoàn thành đúng theo X.ai minimal design
-
----
-
-### 3. Button Component ✅ HOÀN THÀNH
-
-**File**: `src/features/shared/components/ui/button/button.tsx`
-
-**Tình trạng**: ✅ **Đã đúng 100% theo design guide**
-
-**Brand Variant** (Lines 82-90):
-```tsx
-// ✅ Đã implement đúng X.ai blue solid color
-brand: [
-  'bg-accent-primary text-white',                    // ✅ Solid X.ai blue (không có gradient)
-  'shadow-md hover:shadow-lg',                       // ✅ Simplified shadow
-  'hover:bg-accent-primary-hover',                   // ✅ X.ai blue hover
-  'transition-colors duration-quick',                // ✅ Fast transition
-  'focus-visible:ring-2 focus-visible:ring-accent-primary/30',  // ✅ X.ai blue focus ring
-  'focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary',
-],
-```
-
-**Khớp với design guide**:
-- ✅ Gradient → Solid X.ai blue (`bg-accent-primary`)
-- ✅ Simplified hover (no scale transform) - chỉ có `hover:bg-accent-primary-hover`
-- ✅ X.ai blue focus ring (`focus-visible:ring-accent-primary/30`)
-- ✅ Fast transition (`duration-quick`)
-
-**Active State** (Line 35):
-```tsx
-'active:scale-[0.98]',  // ✅ Minimal press feedback
-```
-
-**Kết luận**: ✅ Button component đã hoàn thành đúng theo X.ai minimal design
-
----
-
-## 🧪 Testing Checklist
-
-### Visual Testing (Dark Theme)
-
-- [ ] Background là #15202b (warm dark gray)
-- [ ] Không có cosmic blur orbs
-- [ ] Icon container có X.ai blue tint
-- [ ] Primary button là X.ai blue
-- [ ] Links là X.ai blue
-- [ ] Input focus ring là X.ai blue
-- [ ] Glass effects subtle nhưng visible
-- [ ] Text readable (high contrast)
-
-### Visual Testing (Light Theme)
-
-- [ ] Background là white
-- [ ] X.ai blue vẫn prominent
-- [ ] Text là dark
-- [ ] Tất cả interactive elements visible
-
-### Accessibility Testing
-
-- [ ] Lighthouse Accessibility score ≥ 95
-- [ ] Contrast ratio ≥ 4.5:1 cho tất cả text
-- [ ] Focus indicators visible (X.ai blue ring)
-- [ ] Keyboard navigation works
-- [ ] Screen reader announces form fields correctly
-- [ ] Error messages có `role="alert"`
-- [ ] Form labels properly associated
-
-### Responsive Testing
-
-- [ ] Form centered trên tất cả screen sizes
-- [ ] Text readable without zoom trên mobile
-- [ ] Buttons touch-friendly (min 44x44px)
-- [ ] Không có horizontal scroll
-- [ ] AuthControls accessible trên mobile
-- [ ] Virtual keyboard không hide submit button
-
-### Functional Testing
-
-#### Login Page
-- [ ] Submit với valid email + password
-- [ ] Email validation shows error
-- [ ] Password validation shows error
-- [ ] "Remember me" checkbox works
-- [ ] "Forgot password" link navigates
-- [ ] "Sign up" link navigates
-- [ ] Loading state shows spinner
-- [ ] API error displays message
-
-#### Register Page
-- [ ] Password strength indicator updates real-time
-- [ ] Confirm password validates match
-- [ ] Terms checkbox required
-- [ ] All validation messages display
-
-#### Forgot Password
-- [ ] Email validation works
-- [ ] Success state shows confirmation
-- [ ] "Back to login" link works
-- [ ] "Send to another email" works
-
-### Cross-Browser Testing
-
-- [ ] Chrome (latest)
-- [ ] Firefox (latest)
-- [ ] Safari (latest)
-- [ ] Edge (latest)
-
-## 📝 Kết Luận
-
-### Tổng Kết
-
-**🎉 HOÀN THÀNH 100%** ✅
-
-**Đã làm xong** (100%):
-1. ✅ **Login Page** - 100% hoàn thành
-2. ✅ **Register Page** - 100% hoàn thành  
-3. ✅ **Forgot Password Page** - 100% hoàn thành
-4. ✅ **Theme CSS** - 100% hoàn thành (X.ai minimal colors)
-5. ✅ **Glass CSS** - 100% hoàn thành (đã fix shadow values và X.ai blue glow)
-6. ✅ **Input Component** - 100% hoàn thành (X.ai blue focus ring)
-7. ✅ **Button Component** - 100% hoàn thành (solid X.ai blue, no gradient)
-
-### Chi Tiết Đã Fix
-
-#### File: `src/styles/glass.css` ✅
-
-**1. Glass Card Shadow (Line 50)**
-
-✅ Đã sửa từ:
-```css
-box-shadow: var(--shadow);
-```
-
-Thành:
-```css
-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);  /* Softer shadow */
-```
-
-**2. Glass Card Hover (Lines 55-59)**
-
-✅ Đã xóa:
-```css
-transform: translateY(-1px);  /* Removed */
-```
-
-✅ Đã thêm:
-```css
-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);  /* Softer hover */
-```
-
-**3. Glass Input Focus (Line 123)**
-
-✅ Đã sửa từ:
-```css
-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.03);  /* White glow */
-```
-
-Thành:
-```css
-box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.1);  /* X.ai blue glow */
-```
-
-### Next Steps - Testing
-
-#### 1. Visual Testing (10 phút)
-
-```bash
-# Dev server đang chạy tại http://localhost:3000
-# Navigate to:
-# - http://localhost:3000/login
-# - http://localhost:3000/register  
-# - http://localhost:3000/forgot-password
-```
-
-**Kiểm tra**:
-- [ ] Glass card có shadow mềm hơn (0 2px 8px)
-- [ ] Glass card hover có shadow tăng nhẹ (0 4px 12px)
-- [ ] Input focus có X.ai blue glow (không phải white)
-- [ ] Tất cả buttons là X.ai blue solid
-- [ ] Links là X.ai blue
-- [ ] Background là #15202b (warm dark gray)
-- [ ] Không có cosmic blur orbs
-
-#### 2. Accessibility Testing (10 phút)
-
-**Tools**:
-- Chrome DevTools Lighthouse
-- axe DevTools extension
-
-**Targets**:
-- [ ] Lighthouse Accessibility score ≥ 95
-- [ ] Contrast ratio ≥ 4.5:1 (X.ai blue #1D9BF0 on #15202b = 5.2:1 ✅)
-- [ ] Focus indicators visible
-- [ ] Keyboard navigation works
-
-#### 3. Responsive Testing (10 phút)
-
-**Breakpoints**:
-- [ ] Mobile: 375px (iPhone)
-- [ ] Tablet: 768px (iPad)
-- [ ] Desktop: 1440px
-
-### Đánh Giá Chất Lượng
-
-| Tiêu chí | Điểm | Ghi chú |
-|----------|------|---------|
-| **Code Quality** | 10/10 | ✅ Perfect - Clean, maintainable code |
-| **Design Compliance** | 10/10 | ✅ 100% khớp với X.ai minimal design |
-| **Accessibility** | 10/10 | ✅ Đầy đủ ARIA, keyboard nav, focus states |
-| **Performance** | 10/10 | ✅ Minimal blur, fast transitions |
-| **Maintainability** | 10/10 | ✅ Clean code, good comments |
-
-### Kết Luận Cuối
-
-**🎉 Implementation đã hoàn thành 100%** với chất lượng cao!
-
-**Điểm mạnh**:
-- ✅ Tất cả 3 trang auth đã implement đúng design guide
-- ✅ Theme CSS hoàn hảo với X.ai minimal colors (#15202b, #1D9BF0)
-- ✅ Glass CSS đã fix đúng shadow values và X.ai blue glow
-- ✅ Input và Button components đã đúng 100%
-- ✅ Code quality cao, maintainable
-- ✅ Accessibility đầy đủ
-- ✅ Performance tối ưu (minimal blur, fast transitions)
-
-**Thay đổi chính**:
-1. Background: `#000000` → `#15202b` (warm dark gray)
-2. Accent: `#FFFFFF` → `#1D9BF0` (X.ai blue)
-3. Cosmic effects: Removed (minimal design)
-4. Glass shadows: Softer values
-5. Focus glow: X.ai blue (not white)
-
-**Khuyến nghị tiếp theo**:
-1. ✅ Chạy visual testing (10 phút)
-2. ✅ Chạy accessibility testing (10 phút)
-3. ✅ Chạy responsive testing (10 phút)
-4. ✅ Deploy to staging để QA test
-
----
-
-**Tác giả**: AI Assistant  
-**Ngày tạo**: 2026-01-05  
-**Ngày hoàn thành**: 2026-01-05 10:16  
-**Version**: 3.0 (100% Complete)
diff --git a/apps/web-client/src/docs/implementation/auth-pages-implementation.md b/apps/web-client/src/docs/implementation/auth-pages-implementation.md
deleted file mode 100644
index 6cd48695..00000000
--- a/apps/web-client/src/docs/implementation/auth-pages-implementation.md
+++ /dev/null
@@ -1,594 +0,0 @@
-# Authentication Pages - Implementation Guide
-
-> **Developer Handoff Documentation**
->
-> Hướng dẫn chi tiết để implement 3 trang xác thực theo X.ai minimal design
-
-## 🎯 Design Intent
-
-**Vision**: Tạo trải nghiệm xác thực minimal, sophisticated, và user-friendly theo phong cách X.ai 2026
-
-**Key Principles**:
-- **Neo-minimalism**: "Less is enough" - loại bỏ yếu tố thừa
-- **High contrast**: White text on warm dark background
-- **Accessibility-first**: WCAG 2.1 AA compliance
-- **Responsive**: Mobile-first approach
-- **Performance**: Fast load, smooth animations
-
----
-
-## 📋 Pages Overview
-
-### 1. Login Page (`/login`)
-- Email + Password form
-- Remember me checkbox
-- Forgot password link
-- Sign up link
-
-### 2. Register Page (`/register`)
-- Email + Password + Confirm Password
-- Password strength indicator
-- Terms & conditions checkbox
-- Sign in link
-
-### 3. Forgot Password Page (`/forgot-password`)
-- Email input
-- Success state with confirmation
-- Back to login link
-
----
-
-## 🎨 Design Changes (X.ai Minimal Redesign)
-
-### Background
-**Before**: Pure black (#000000) with 2 floating blur orbs
-**After**: Warm dark gray (#15202b), clean solid background
-
-**Rationale**:
-- #15202b reduces eye strain
-- Softer, more inviting feel
-- Aligns with X.ai's 2026 neo-minimalism
-- Better for OLED displays
-
----
-
-### Accent Color
-**Before**: White (#FFFFFF)
-**After**: X.ai blue (#1D9BF0)
-
-**Usage**:
-- Primary buttons
-- Links
-- Focus states
-- Interactive elements
-
-**Rationale**:
-- Creates strong brand identity
-- Better visual hierarchy
-- Meets WCAG contrast requirements on #15202b
-
----
-
-### Cosmic Background Removal
-**Removed**:
-```tsx
-// DELETE THIS:
-<div className="absolute inset-0 z-0 pointer-events-none">
-  <div className="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-accent-primary/5 blur-[120px] rounded-full animate-float opacity-50" />
-  <div className="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-accent-primary/5 blur-[120px] rounded-full animate-float opacity-50" />
-</div>
-```
-
-**Rationale**:
-- Reduce visual noise
-- Focus user attention on form
-- Faster rendering (no blur filters)
-- Aligns with minimal aesthetic
-
----
-
-## 🛠️ Technical Implementation
-
-### Step 1: Update Theme Variables
-
-**File**: `src/styles/theme.css`
-
-**Changes**:
-```css
-/* Dark Theme Colors */
-:root {
-  /* Backgrounds */
-  --bg-primary: #15202b;          /* Changed from #000000 */
-  --bg-secondary: #1a2734;        /* Changed from #0A0A0A */
-  --bg-tertiary: #1f2f3d;         /* Changed from #141414 */
-  --bg-elevated: #243442;         /* Changed from #1A1A1A */
-
-  /* Accent Colors */
-  --accent-primary: #1D9BF0;      /* Changed from #FFFFFF */
-  --accent-primary-hover: #1a8cd8;
-
-  /* Brand Colors */
-  --brand-primary: #1D9BF0;       /* Changed from #FFFFFF */
-  --brand-primary-light: #8ecdf7;
-  --brand-primary-dark: #1a8cd8;
-
-  /* Borders */
-  --border-focus: #1D9BF0;        /* Changed from #FFFFFF */
-
-  /* Glass Effects */
-  --glass-border-focus: rgba(29, 155, 240, 0.5);
-}
-
-/* Light Theme */
-[data-theme="light"], .light {
-  --bg-primary: #FFFFFF;
-  --accent-primary: #1D9BF0;
-  --border-focus: #1D9BF0;
-}
-```
-
-**Impact**: All components using CSS variables automatically update
-
----
-
-### Step 2: Update Glass Effects
-
-**File**: `src/styles/glass.css`
-
-**Changes**:
-```css
-.glass-card {
-  background: var(--glass-bg-default);
-  backdrop-filter: blur(var(--glass-blur-sm));
-  border: 1px solid var(--glass-border-default);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);  /* Softer shadow */
-  border-radius: var(--radius-lg);
-}
-
-.glass-card:hover {
-  border-color: var(--glass-border-hover);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);  /* Softer hover */
-}
-
-.glass-input:focus {
-  border-color: var(--accent-primary);  /* X.ai blue */
-  box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.1);  /* X.ai blue glow */
-}
-```
-
----
-
-### Step 3: Update Auth Pages
-
-#### Login Page
-**File**: `src/app/(auth)/login/page.tsx`
-
-**Line 116** - Update background:
-```tsx
-// BEFORE:
-className="min-h-screen flex items-center justify-center relative overflow-hidden bg-black py-12 px-4 sm:px-6 lg:px-8"
-
-// AFTER:
-className="min-h-screen flex items-center justify-center relative overflow-hidden bg-bg-primary py-12 px-4 sm:px-6 lg:px-8"
-```
-
-**Lines 118-126** - Remove cosmic background:
-```tsx
-// DELETE ENTIRE BLOCK
-```
-
-**Lines 133-147** - Update icon container:
-```tsx
-// BEFORE:
-<div className="p-3 rounded-2xl bg-white/5 border border-white/10 shadow-glass-sm animate-float">
-
-// AFTER:
-<div className="p-3 rounded-2xl bg-accent-primary/5 border border-accent-primary/10 shadow-glass-sm">
-```
-
-**Note**: Remove `animate-float` class for static icon
-
----
-
-#### Register Page
-**File**: `src/app/(auth)/register/page.tsx`
-
-**Same changes as Login**:
-1. Line 230: `bg-black` → `bg-bg-primary`
-2. Lines 232-240: Delete cosmic background
-3. Lines 247-261: Update icon container
-
----
-
-#### Forgot Password Page
-**File**: `src/app/(auth)/forgot-password/page.tsx`
-
-**Same changes as Login**:
-1. Line 115: `bg-black` → `bg-bg-primary`
-2. Lines 118-125: Delete cosmic background
-3. Lines 132-146: Update icon container
-
-**Optional** - Line 278, update "Back to login" link:
-```tsx
-// BEFORE:
-className="text-sm font-medium text-text-secondary hover:text-white transition-colors inline-flex items-center gap-2 group"
-
-// AFTER:
-className="text-sm font-medium text-accent-primary hover:text-accent-primary-hover transition-colors inline-flex items-center gap-2 group"
-```
-
----
-
-### Step 4: Update Input Component
-
-**File**: `src/features/shared/components/ui/input/input.tsx`
-
-**Lines 203-206** - Update focus states:
-```tsx
-// BEFORE:
-'focus:outline-none focus:ring-2 focus:ring-offset-2',
-'focus:ring-glass-focus focus:ring-offset-bg-primary',
-'focus:bg-glass focus:border-glass-hover',
-
-// AFTER:
-'focus:outline-none focus:ring-2 focus:ring-offset-2',
-'focus:ring-accent-primary/30 focus:ring-offset-bg-primary',
-'focus:bg-glass focus:border-accent-primary',
-```
-
-**Visual Result**: X.ai blue focus ring around inputs
-
----
-
-### Step 5: Update Button Component
-
-**File**: `src/features/shared/components/ui/button/button.tsx`
-
-**Lines 83-88** - Update brand variant:
-```tsx
-// BEFORE:
-brand: [
-  'bg-brand-gradient text-white',
-  'shadow-brand hover:shadow-brand-lg',
-  'hover:scale-[1.02]',
-  'focus-visible:ring-brand-primary focus-visible:shadow-colored',
-],
-
-// AFTER:
-brand: [
-  'bg-accent-primary text-white',
-  'shadow-md hover:shadow-lg',
-  'hover:bg-accent-primary-hover',
-  'focus-visible:ring-2 focus-visible:ring-accent-primary/30 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary',
-],
-```
-
-**Changes**:
-- Gradient → Solid X.ai blue
-- Simplified hover (no scale transform)
-- X.ai blue focus ring
-
----
-
-## 🧪 Testing Requirements
-
-### Visual Testing
-
-**Dark Theme** (Default):
-```bash
-# Start dev server
-npm run dev
-
-# Navigate to:
-http://localhost:3000/login
-http://localhost:3000/register
-http://localhost:3000/forgot-password
-```
-
-**Checklist**:
-- [ ] Background is #15202b (warm dark gray)
-- [ ] No cosmic blur orbs visible
-- [ ] Icon container has X.ai blue tint
-- [ ] Primary button is X.ai blue
-- [ ] Links are X.ai blue
-- [ ] Input focus ring is X.ai blue
-- [ ] Glass effects subtle but visible
-- [ ] Text readable (high contrast)
-
----
-
-**Light Theme**:
-```bash
-# Click theme toggle in top-right
-# Or manually:
-localStorage.setItem('theme', 'light')
-```
-
-**Checklist**:
-- [ ] Background is white
-- [ ] X.ai blue still prominent
-- [ ] Text is dark
-- [ ] All interactive elements visible
-
----
-
-### Accessibility Testing
-
-**Tools**:
-- Chrome DevTools Lighthouse
-- axe DevTools extension
-- WebAIM Contrast Checker
-
-**Requirements**:
-- [ ] Lighthouse Accessibility score ≥ 95
-- [ ] Contrast ratio ≥ 4.5:1 for all text
-- [ ] Focus indicators visible (X.ai blue ring)
-- [ ] Keyboard navigation works (Tab, Shift+Tab, Enter)
-- [ ] Screen reader announces form fields correctly
-- [ ] Error messages have `role="alert"`
-- [ ] Form labels properly associated
-
-**Contrast Check**:
-```
-X.ai blue (#1D9BF0) on dark bg (#15202b):
-✅ Contrast ratio: 5.2:1 (Passes WCAG AA)
-
-White (#FFFFFF) on dark bg (#15202b):
-✅ Contrast ratio: 12.8:1 (Passes WCAG AAA)
-```
-
----
-
-### Responsive Testing
-
-**Breakpoints**:
-```bash
-# Mobile
-Resize browser to 375px width (iPhone)
-
-# Tablet
-Resize to 768px width (iPad)
-
-# Desktop
-Resize to 1440px width
-```
-
-**Checklist**:
-- [ ] Form centered on all screen sizes
-- [ ] Text readable without zoom on mobile
-- [ ] Buttons touch-friendly (min 44x44px)
-- [ ] No horizontal scroll
-- [ ] AuthControls (theme/lang) accessible on mobile
-- [ ] Virtual keyboard doesn't hide submit button
-
----
-
-### Functional Testing
-
-**Login Page**:
-- [ ] Can submit with valid email + password
-- [ ] Email validation shows error for invalid format
-- [ ] Password validation shows error if < 8 chars
-- [ ] "Remember me" checkbox works
-- [ ] "Forgot password" link navigates correctly
-- [ ] "Sign up" link navigates correctly
-- [ ] Loading state shows spinner
-- [ ] API error displays message
-
-**Register Page**:
-- [ ] Password strength indicator updates in real-time
-- [ ] Confirm password validates match
-- [ ] Terms checkbox required to submit
-- [ ] All validation messages display correctly
-
-**Forgot Password**:
-- [ ] Email validation works
-- [ ] Success state shows confirmation
-- [ ] "Back to login" link works
-- [ ] "Send to another email" option works
-
----
-
-### Cross-Browser Testing
-
-**Required Browsers**:
-- [ ] Chrome (latest)
-- [ ] Firefox (latest)
-- [ ] Safari (latest)
-- [ ] Edge (latest)
-
-**Known Issues**:
-- Safari: backdrop-filter may have slight differences
-- Solution: Fallback to solid background if needed
-
----
-
-## 🎨 Design Specifications
-
-### Layout Measurements
-
-**Form Container**:
-- Max-width: 448px (`max-w-md`)
-- Padding: 32px (`p-8`)
-- Border-radius: 12px (`rounded-xl`)
-
-**Spacing**:
-- Form fields: 16px gap (`space-y-4`)
-- Sections: 24px gap (`space-y-6`)
-- Button to form: 24px (`mt-6`)
-
-**Typography**:
-- Heading: 36px / 2.25rem (`text-4xl`)
-- Body: 16px / 1rem (`text-base`)
-- Small: 14px / 0.875rem (`text-sm`)
-
----
-
-### Color Specifications
-
-**Backgrounds**:
-```
-Dark Primary: #15202b
-Dark Secondary: #1a2734
-Light Primary: #FFFFFF
-```
-
-**Accent**:
-```
-X.ai Blue: #1D9BF0
-X.ai Blue Hover: #1a8cd8
-X.ai Blue Light: #8ecdf7
-```
-
-**Text**:
-```
-Primary: #FFFFFF (dark theme), #1D1D1F (light theme)
-Secondary: #8899A6
-Tertiary: #657786
-```
-
-**Status**:
-```
-Success: #10B981
-Error: #EF4444
-Warning: #F59E0B
-```
-
----
-
-### Animation Specifications
-
-**Transitions**:
-```css
-Fast: 150ms cubic-bezier(0.4, 0.0, 0.2, 1)
-Normal: 300ms cubic-bezier(0.4, 0.0, 0.2, 1)
-```
-
-**Hover Effects**:
-- Button: `hover:bg-accent-primary-hover`
-- Link: `hover:text-accent-primary-hover`
-- Card: `hover:border-glass-hover`
-
-**Focus Effects**:
-- Ring: 2px solid, 30% opacity X.ai blue
-- Offset: 2px from element
-
----
-
-## 🐛 Common Issues & Solutions
-
-### Issue 1: Glass effect not visible
-**Cause**: Backdrop-filter not supported or disabled
-**Solution**:
-```css
-/* Add fallback */
-.glass-card {
-  background: rgba(255, 255, 255, 0.05);  /* Fallback */
-  backdrop-filter: blur(8px);
-}
-
-@supports not (backdrop-filter: blur(8px)) {
-  .glass-card {
-    background: rgba(255, 255, 255, 0.1);  /* More opaque */
-  }
-}
-```
-
----
-
-### Issue 2: Focus ring not showing
-**Cause**: Browser default outline removed
-**Solution**: Always replace with custom focus styles:
-```tsx
-className="focus:outline-none focus:ring-2 focus:ring-accent-primary/30"
-```
-
----
-
-### Issue 3: Color contrast failure
-**Cause**: Insufficient contrast ratio
-**Solution**: Use CSS variables that are pre-validated:
-```tsx
-// ✅ Good
-text-text-primary
-
-// ❌ Bad
-text-gray-400  // May not meet contrast requirements
-```
-
----
-
-## 📦 Assets Needed
-
-### Icons
-- [ ] Logo/Brand mark (SVG) - Already in codebase
-- [ ] Social login icons (future)
-
-### Images
-- None required for auth pages (minimal design)
-
-### Fonts
-- [x] Inter (already loaded via Tailwind)
-
----
-
-## 🔄 Migration Checklist
-
-For developers implementing this redesign:
-
-### Phase 1: Preparation
-- [ ] Read this document fully
-- [ ] Review Figma designs (if available)
-- [ ] Backup current code (git branch)
-- [ ] Run existing tests to ensure baseline
-
-### Phase 2: Implementation
-- [ ] Update `src/styles/theme.css`
-- [ ] Update `src/styles/glass.css`
-- [ ] Update `src/features/shared/components/ui/input/input.tsx`
-- [ ] Update `src/features/shared/components/ui/button/button.tsx`
-- [ ] Update `src/app/(auth)/login/page.tsx`
-- [ ] Update `src/app/(auth)/register/page.tsx`
-- [ ] Update `src/app/(auth)/forgot-password/page.tsx`
-
-### Phase 3: Testing
-- [ ] Visual testing (dark + light theme)
-- [ ] Accessibility testing (Lighthouse)
-- [ ] Responsive testing (mobile, tablet, desktop)
-- [ ] Functional testing (all forms)
-- [ ] Cross-browser testing
-
-### Phase 4: Review
-- [ ] Code review with team
-- [ ] Design review with designer
-- [ ] QA testing
-- [ ] Performance benchmarks
-
-### Phase 5: Deployment
-- [ ] Merge to main branch
-- [ ] Deploy to staging
-- [ ] Final QA on staging
-- [ ] Deploy to production
-- [ ] Monitor for issues
-
----
-
-## 📞 Support
-
-**Questions about design**: Contact Design Team
-**Questions about implementation**: Contact Dev Lead
-**Bug reports**: Create issue in GitHub
-
----
-
-## 📚 Related Documentation
-
-- [Design System](../DESIGN_SYSTEM.md) - Full design system docs
-- [WCAG Compliance](../WCAG_COMPLIANCE.md) - Accessibility guidelines
-- [Login User Flow](../ux/flows/auth-login.md) - Detailed UX flow
-
----
-
-**Author**: Design Team + Dev Team
-**Last Updated**: 2026-01-04
-**Version**: 2.0 (X.ai Minimal Redesign)
diff --git a/apps/web-client/src/docs/implementation/theme-completeness-report.md b/apps/web-client/src/docs/implementation/theme-completeness-report.md
deleted file mode 100644
index 3819df60..00000000
--- a/apps/web-client/src/docs/implementation/theme-completeness-report.md
+++ /dev/null
@@ -1,397 +0,0 @@
-# Theme Completeness Report - X.ai Minimal Design
-
-**Ngày kiểm tra**: 2026-01-05  
-**Phiên bản**: 1.0
-
----
-
-## 📊 Tổng Quan
-
-**Kết quả**: ✅ Theme đã hoàn chỉnh 98% - Chỉ cần vài improvements nhỏ
-
-| Component | Status | Ghi chú |
-|-----------|--------|---------|
-| **Theme CSS** | ✅ 100% | Hoàn hảo - X.ai minimal colors |
-| **Glass CSS** | ✅ 100% | Đã fix shadow values |
-| **Tailwind Config** | ✅ 100% | Đầy đủ utilities |
-| **Global CSS** | ✅ 100% | Base styles tốt |
-| **Light Mode** | ⚠️ 90% | Cần test kỹ hơn |
-| **Animations** | ⚠️ 95% | Có thể thêm vài animations |
-
----
-
-## ✅ Điểm Mạnh
-
-### 1. Theme Variables (theme.css)
-
-**Hoàn hảo** - Đã có đầy đủ:
-- ✅ X.ai minimal colors (#15202b, #1D9BF0)
-- ✅ Glass effects với opacity phù hợp (4-8%)
-- ✅ Typography scale đầy đủ
-- ✅ Spacing system nhất quán
-- ✅ Animation timing (fast, snappy)
-- ✅ Dark/Light theme support
-
-### 2. Tailwind Config
-
-**Hoàn hảo** - Đã map tất cả CSS variables:
-- ✅ Colors (bg, text, accent, brand, glass)
-- ✅ Typography (font sizes, weights, line heights)
-- ✅ Spacing & layout
-- ✅ Shadows (glass shadows)
-- ✅ Backdrop blur levels
-- ✅ Animation utilities
-
-### 3. Glass Effects
-
-**Hoàn hảo** - Đã có đầy đủ glass utilities:
-- ✅ `.glass-card` - với softer shadows
-- ✅ `.glass-input` - với X.ai blue focus
-- ✅ `.glass-button`
-- ✅ `.glass-modal`
-- ✅ `.glass-nav`
-- ✅ `.glass-dropdown`
-
-### 4. Accessibility
-
-**Tốt** - Đã có:
-- ✅ Focus indicators (X.ai blue outline)
-- ✅ Skip links (.sr-only)
-- ✅ Minimum font size (16px)
-- ✅ WCAG 2.1 AA compliant colors
-
----
-
-## ⚠️ Cần Bổ Sung (Optional Improvements)
-
-### 1. Light Mode Testing ⚠️
-
-**Hiện tại**: Đã có light mode variables nhưng chưa test kỹ
-
-**Cần làm**:
-```css
-/* theme.css - Light mode đã có nhưng cần verify */
-[data-theme="light"] {
-  --bg-primary: #FFFFFF;
-  --accent-primary: #1D9BF0;
-  --glass-bg-default: rgba(0, 0, 0, 0.04);  /* Inverted for light */
-}
-```
-
-**Action**: Test light mode trên auth pages để đảm bảo:
-- [ ] Background trắng
-- [ ] Text đen
-- [ ] X.ai blue vẫn prominent
-- [ ] Glass effects visible
-
----
-
-### 2. Smooth Scroll Behavior 💡
-
-**Thiếu**: Smooth scroll cho anchor links
-
-**Đề xuất thêm vào `globals.css`**:
-```css
-@layer base {
-  html {
-    scroll-behavior: smooth;
-  }
-  
-  /* Disable for users who prefer reduced motion */
-  @media (prefers-reduced-motion: reduce) {
-    html {
-      scroll-behavior: auto;
-    }
-  }
-}
-```
-
-**Lý do**: Cải thiện UX khi click anchor links
-
----
-
-### 3. Selection Color 💡
-
-**Thiếu**: Custom text selection color
-
-**Đề xuất thêm vào `globals.css`**:
-```css
-@layer base {
-  ::selection {
-    background-color: var(--accent-primary);
-    color: var(--text-primary);
-  }
-  
-  ::-moz-selection {
-    background-color: var(--accent-primary);
-    color: var(--text-primary);
-  }
-}
-```
-
-**Lý do**: Brand consistency khi user select text
-
----
-
-### 4. Loading States 💡
-
-**Thiếu**: Skeleton loading animation
-
-**Đề xuất thêm vào `globals.css`**:
-```css
-@keyframes skeleton {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-
-@layer utilities {
-  .skeleton {
-    background: linear-gradient(
-      90deg,
-      var(--glass-bg-subtle) 0%,
-      var(--glass-bg-default) 50%,
-      var(--glass-bg-subtle) 100%
-    );
-    background-size: 200% 100%;
-    animation: skeleton 1.5s ease-in-out infinite;
-  }
-}
-```
-
-**Lý do**: Better UX khi loading data
-
----
-
-### 5. Scrollbar Styling 💡
-
-**Thiếu**: Custom scrollbar theo X.ai theme
-
-**Đề xuất thêm vào `globals.css`**:
-```css
-@layer base {
-  /* Webkit browsers (Chrome, Safari, Edge) */
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-  
-  ::-webkit-scrollbar-track {
-    background: var(--bg-secondary);
-  }
-  
-  ::-webkit-scrollbar-thumb {
-    background: var(--glass-border-default);
-    border-radius: var(--radius-full);
-  }
-  
-  ::-webkit-scrollbar-thumb:hover {
-    background: var(--glass-border-hover);
-  }
-  
-  /* Firefox */
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: var(--glass-border-default) var(--bg-secondary);
-  }
-}
-```
-
-**Lý do**: Consistent với X.ai minimal design
-
----
-
-### 6. Print Styles 💡
-
-**Thiếu**: Print-friendly styles
-
-**Đề xuất thêm vào `globals.css`**:
-```css
-@media print {
-  body {
-    background: white;
-    color: black;
-  }
-  
-  .glass-card {
-    background: white;
-    border: 1px solid #ccc;
-    box-shadow: none;
-  }
-  
-  /* Hide non-essential elements */
-  nav, footer, .no-print {
-    display: none;
-  }
-}
-```
-
-**Lý do**: Better UX khi user print pages
-
----
-
-### 7. Focus-Within States 💡
-
-**Thiếu**: Focus-within for form groups
-
-**Đề xuất thêm vào `glass.css`**:
-```css
-.glass-card:focus-within {
-  border-color: var(--accent-primary);
-  box-shadow: 0 0 0 1px var(--accent-primary);
-}
-```
-
-**Lý do**: Visual feedback khi focus vào form trong card
-
----
-
-## 🎨 Đề Xuất Bổ Sung (Nice to Have)
-
-### 1. Gradient Utilities (Minimal)
-
-Mặc dù X.ai minimal không dùng nhiều gradient, nhưng có thể thêm vài gradients tinh tế:
-
-```css
-/* theme.css */
-:root {
-  /* Subtle gradients for special cases */
-  --gradient-subtle: linear-gradient(
-    180deg,
-    var(--bg-primary) 0%,
-    var(--bg-secondary) 100%
-  );
-  
-  --gradient-accent: linear-gradient(
-    135deg,
-    var(--accent-primary) 0%,
-    var(--accent-primary-hover) 100%
-  );
-}
-```
-
----
-
-### 2. Micro-interactions
-
-Thêm vài micro-animations cho buttons:
-
-```css
-@layer utilities {
-  .btn-press {
-    transition: transform var(--duration-fast) var(--ease-snap);
-  }
-  
-  .btn-press:active {
-    transform: scale(0.98);
-  }
-}
-```
-
----
-
-### 3. Toast/Notification Styles
-
-Thêm styles cho toast notifications:
-
-```css
-.toast {
-  background: var(--glass-bg-medium);
-  backdrop-filter: blur(var(--glass-blur-md));
-  border: 1px solid var(--glass-border-default);
-  box-shadow: var(--shadow-lg);
-  border-radius: var(--radius-lg);
-  padding: var(--space-4);
-}
-
-.toast-success {
-  border-left: 4px solid var(--accent-success);
-}
-
-.toast-error {
-  border-left: 4px solid var(--accent-error);
-}
-```
-
----
-
-## 📝 Checklist Bổ Sung
-
-### High Priority (Nên làm)
-
-- [ ] **Test Light Mode** - Test kỹ light mode trên auth pages
-- [ ] **Smooth Scroll** - Thêm smooth scroll behavior
-- [ ] **Selection Color** - Custom text selection với X.ai blue
-
-### Medium Priority (Tốt nếu có)
-
-- [ ] **Scrollbar Styling** - Custom scrollbar theo theme
-- [ ] **Loading States** - Skeleton loading animation
-- [ ] **Focus-Within** - Focus states cho form groups
-
-### Low Priority (Nice to have)
-
-- [ ] **Print Styles** - Print-friendly CSS
-- [ ] **Gradient Utilities** - Subtle gradients
-- [ ] **Micro-interactions** - Button press animations
-- [ ] **Toast Styles** - Notification components
-
----
-
-## 🎯 Kết Luận
-
-### Tổng Kết
-
-**Theme hiện tại: 98% hoàn chỉnh** ✅
-
-**Điểm mạnh**:
-- ✅ X.ai minimal design đã implement đúng 100%
-- ✅ Theme variables đầy đủ và nhất quán
-- ✅ Glass effects hoàn hảo
-- ✅ Accessibility tốt (WCAG 2.1 AA)
-- ✅ Dark mode hoàn hảo
-
-**Cần bổ sung** (Optional):
-- ⚠️ Test light mode kỹ hơn
-- 💡 Smooth scroll behavior
-- 💡 Custom text selection
-- 💡 Scrollbar styling
-- 💡 Loading states
-
-### Khuyến Nghị
-
-**Ưu tiên cao** (15 phút):
-1. Test light mode trên auth pages
-2. Thêm smooth scroll behavior
-3. Thêm custom text selection color
-
-**Ưu tiên trung bình** (30 phút):
-4. Custom scrollbar styling
-5. Skeleton loading animation
-6. Focus-within states
-
-**Ưu tiên thấp** (khi có thời gian):
-7. Print styles
-8. Gradient utilities
-9. Toast/notification styles
-
-### Đánh Giá Cuối
-
-| Tiêu chí | Điểm | Ghi chú |
-|----------|------|---------|
-| **Completeness** | 9.8/10 | Gần như hoàn hảo |
-| **Consistency** | 10/10 | Rất nhất quán |
-| **Accessibility** | 10/10 | WCAG 2.1 AA compliant |
-| **Performance** | 10/10 | Minimal, fast |
-| **Maintainability** | 10/10 | Clean, organized |
-
-**Kết luận**: Theme đã rất tốt, chỉ cần vài improvements nhỏ để đạt 100% hoàn hảo!
-
----
-
-**Tác giả**: AI Assistant  
-**Ngày tạo**: 2026-01-05  
-**Version**: 1.0
diff --git a/apps/web-client/src/docs/implementation/theme-improvements-applied.md b/apps/web-client/src/docs/implementation/theme-improvements-applied.md
deleted file mode 100644
index 6f0c083f..00000000
--- a/apps/web-client/src/docs/implementation/theme-improvements-applied.md
+++ /dev/null
@@ -1,370 +0,0 @@
-# Theme Improvements - Applied Successfully ✅
-
-**Ngày apply**: 2026-01-05  
-**Files modified**: 2 files
-
----
-
-## 📊 Tổng Quan
-
-**🎉 Đã apply thành công 100%** - Tất cả 7 improvements đã được thêm vào theme!
-
-| Improvement | File | Status |
-|-------------|------|--------|
-| **Smooth Scroll** | globals.css | ✅ Applied |
-| **Custom Selection** | globals.css | ✅ Applied |
-| **Scrollbar Styling** | globals.css | ✅ Applied |
-| **Skeleton Loading** | globals.css | ✅ Applied |
-| **Button Press** | globals.css | ✅ Applied |
-| **Print Styles** | globals.css | ✅ Applied |
-| **Focus-Within** | glass.css | ✅ Applied |
-
----
-
-## ✅ Chi Tiết Đã Apply
-
-### 1. Smooth Scroll Behavior ✅
-
-**File**: `src/app/globals.css` (Lines 23-48)
-
-**Thêm vào**:
-```css
-html {
-  scroll-behavior: smooth;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  html {
-    scroll-behavior: auto;
-  }
-  /* Disable animations for accessibility */
-}
-```
-
-**Lợi ích**:
-- ✅ Smooth scroll khi click anchor links
-- ✅ Respect user preferences (reduced motion)
-- ✅ Better UX
-
----
-
-### 2. Custom Text Selection (X.ai Blue) ✅
-
-**File**: `src/app/globals.css` (Lines 50-62)
-
-**Thêm vào**:
-```css
-::selection {
-  background-color: var(--accent-primary);
-  color: white;
-}
-
-::-moz-selection {
-  background-color: var(--accent-primary);
-  color: white;
-}
-```
-
-**Lợi ích**:
-- ✅ Brand consistency khi select text
-- ✅ X.ai blue highlight
-- ✅ Better visual feedback
-
----
-
-### 3. Custom Scrollbar (X.ai Minimal) ✅
-
-**File**: `src/app/globals.css` (Lines 64-91)
-
-**Thêm vào**:
-```css
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: var(--bg-secondary);
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--glass-border-default);
-  border-radius: var(--radius-full);
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--glass-border-hover);
-}
-
-/* Firefox */
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--glass-border-default) var(--bg-secondary);
-}
-```
-
-**Lợi ích**:
-- ✅ Consistent với X.ai minimal design
-- ✅ Subtle, không gây mất tập trung
-- ✅ Cross-browser support (Chrome, Firefox, Safari)
-
----
-
-### 4. Skeleton Loading Animation ✅
-
-**File**: `src/app/globals.css`
-
-**Thêm animation** (Lines 195-207):
-```css
-@keyframes skeleton {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-```
-
-**Thêm utilities** (Lines 235-272):
-```css
-.skeleton {
-  background: linear-gradient(
-    90deg,
-    var(--glass-bg-subtle) 0%,
-    var(--glass-bg-default) 50%,
-    var(--glass-bg-subtle) 100%
-  );
-  background-size: 200% 100%;
-  animation: skeleton 1.5s ease-in-out infinite;
-  border-radius: var(--radius-md);
-}
-
-.skeleton-text { height: 1em; }
-.skeleton-title { height: 2em; }
-.skeleton-avatar { width: 48px; height: 48px; }
-.skeleton-card { height: 200px; }
-```
-
-**Lợi ích**:
-- ✅ Better loading UX
-- ✅ Consistent với glass theme
-- ✅ Ready-to-use utilities
-
-**Usage**:
-```tsx
-<div className="skeleton skeleton-text" />
-<div className="skeleton skeleton-card" />
-```
-
----
-
-### 5. Button Press Micro-interaction ✅
-
-**File**: `src/app/globals.css` (Lines 274-282)
-
-**Thêm vào**:
-```css
-.btn-press {
-  transition: transform var(--duration-fast) var(--ease-snap);
-}
-
-.btn-press:active:not(:disabled) {
-  transform: scale(0.98);
-}
-```
-
-**Lợi ích**:
-- ✅ Tactile feedback
-- ✅ Better UX
-- ✅ Minimal, subtle
-
-**Usage**:
-```tsx
-<button className="btn-press">Click me</button>
-```
-
----
-
-### 6. Print Styles ✅
-
-**File**: `src/app/globals.css` (Lines 295-337)
-
-**Thêm vào**:
-```css
-@media print {
-  body {
-    background: white;
-    color: black;
-  }
-  
-  .glass-card {
-    background: white;
-    border: 1px solid #ccc;
-    box-shadow: none;
-  }
-  
-  /* Hide non-essential elements */
-  nav, footer, .no-print, button, .auth-controls {
-    display: none !important;
-  }
-  
-  /* Show link URLs */
-  a[href]:after {
-    content: " (" attr(href) ")";
-  }
-}
-```
-
-**Lợi ích**:
-- ✅ Print-friendly pages
-- ✅ Hide unnecessary elements
-- ✅ Show link URLs
-
----
-
-### 7. Focus-Within States ✅
-
-**File**: `src/styles/glass.css` (Lines 60-70)
-
-**Thêm vào**:
-```css
-.glass-card:focus-within {
-  border-color: var(--accent-primary);
-  box-shadow: 0 0 0 1px rgba(29, 155, 240, 0.2);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-```
-
-**Lợi ích**:
-- ✅ Visual feedback khi focus vào form trong card
-- ✅ Better accessibility
-- ✅ X.ai blue highlight
-
----
-
-## 🎯 Kết Quả
-
-### Files Modified
-
-1. **`src/app/globals.css`**:
-   - ✅ Smooth scroll behavior
-   - ✅ Custom text selection
-   - ✅ Custom scrollbar
-   - ✅ Skeleton loading animation + utilities
-   - ✅ Button press micro-interaction
-   - ✅ Print styles
-
-2. **`src/styles/glass.css`**:
-   - ✅ Focus-within states
-
-### New Utilities Available
-
-```css
-/* Skeleton Loading */
-.skeleton
-.skeleton-text
-.skeleton-title
-.skeleton-avatar
-.skeleton-card
-
-/* Button Press */
-.btn-press
-```
-
-### Accessibility Improvements
-
-- ✅ Respect `prefers-reduced-motion`
-- ✅ Focus-within visual feedback
-- ✅ Print-friendly styles
-- ✅ Smooth scroll (can be disabled)
-
-### UX Improvements
-
-- ✅ Better loading states (skeleton)
-- ✅ Brand consistency (X.ai blue selection)
-- ✅ Tactile feedback (button press)
-- ✅ Smooth navigation (scroll behavior)
-- ✅ Custom scrollbar (minimal design)
-
----
-
-## 📝 Testing Checklist
-
-### Visual Testing
-
-- [ ] Test smooth scroll với anchor links
-- [ ] Select text để xem X.ai blue highlight
-- [ ] Scroll page để xem custom scrollbar
-- [ ] Test skeleton loading utilities
-- [ ] Click buttons để xem press animation
-- [ ] Focus vào form trong glass-card
-
-### Accessibility Testing
-
-- [ ] Test với `prefers-reduced-motion` enabled
-- [ ] Test keyboard navigation với focus-within
-- [ ] Test print preview (Ctrl/Cmd + P)
-
-### Cross-Browser Testing
-
-- [ ] Chrome - Scrollbar styling
-- [ ] Firefox - Scrollbar styling
-- [ ] Safari - Scrollbar styling
-- [ ] All browsers - Selection color
-
----
-
-## 🎨 Usage Examples
-
-### Skeleton Loading
-
-```tsx
-// Loading user profile
-<div className="glass-card p-6">
-  <div className="skeleton skeleton-avatar mb-4" />
-  <div className="skeleton skeleton-title" />
-  <div className="skeleton skeleton-text" />
-  <div className="skeleton skeleton-text" />
-</div>
-
-// Loading card
-<div className="skeleton skeleton-card" />
-```
-
-### Button Press
-
-```tsx
-<Button className="btn-press" variant="brand">
-  Click me
-</Button>
-```
-
-### Print-Friendly
-
-```tsx
-// Hide element when printing
-<div className="no-print">
-  <AuthControls />
-</div>
-```
-
----
-
-## 📊 Đánh Giá Cuối
-
-| Tiêu chí | Before | After |
-|----------|--------|-------|
-| **Theme Completeness** | 98% | 100% ✅ |
-| **UX Features** | Good | Excellent ✅ |
-| **Accessibility** | Good | Excellent ✅ |
-| **Loading States** | None | Skeleton ✅ |
-| **Print Support** | None | Full ✅ |
-
-**Kết luận**: Theme đã hoàn hảo 100% với tất cả improvements được apply thành công! 🎉
-
----
-
-**Tác giả**: AI Assistant  
-**Ngày apply**: 2026-01-05  
-**Version**: 1.0 (Complete)
diff --git a/apps/web-client/src/docs/implementation/theme-improvements.css b/apps/web-client/src/docs/implementation/theme-improvements.css
deleted file mode 100644
index 08f06f61..00000000
--- a/apps/web-client/src/docs/implementation/theme-improvements.css
+++ /dev/null
@@ -1,197 +0,0 @@
-/**
- * EN: High Priority Theme Improvements
- * VI: Cải tiến theme ưu tiên cao
- * 
- * Add these improvements to globals.css for better UX
- * Thêm các cải tiến này vào globals.css để UX tốt hơn
- */
-
-/* ============================================
-   1. Smooth Scroll Behavior
-   ============================================ */
-@layer base {
-    html {
-        scroll-behavior: smooth;
-    }
-
-    /* Disable for users who prefer reduced motion */
-    @media (prefers-reduced-motion: reduce) {
-        html {
-            scroll-behavior: auto;
-        }
-
-        /* Also disable all animations */
-        *,
-        *::before,
-        *::after {
-            animation-duration: 0.01ms !important;
-            animation-iteration-count: 1 !important;
-            transition-duration: 0.01ms !important;
-        }
-    }
-}
-
-/* ============================================
-   2. Custom Text Selection (X.ai Blue)
-   ============================================ */
-@layer base {
-    ::selection {
-        background-color: var(--accent-primary);
-        color: white;
-    }
-
-    ::-moz-selection {
-        background-color: var(--accent-primary);
-        color: white;
-    }
-}
-
-/* ============================================
-   3. Custom Scrollbar (X.ai Minimal)
-   ============================================ */
-@layer base {
-
-    /* Webkit browsers (Chrome, Safari, Edge) */
-    ::-webkit-scrollbar {
-        width: 8px;
-        height: 8px;
-    }
-
-    ::-webkit-scrollbar-track {
-        background: var(--bg-secondary);
-    }
-
-    ::-webkit-scrollbar-thumb {
-        background: var(--glass-border-default);
-        border-radius: var(--radius-full);
-        transition: background var(--duration-fast) var(--ease-snap);
-    }
-
-    ::-webkit-scrollbar-thumb:hover {
-        background: var(--glass-border-hover);
-    }
-
-    /* Firefox */
-    * {
-        scrollbar-width: thin;
-        scrollbar-color: var(--glass-border-default) var(--bg-secondary);
-    }
-}
-
-/* ============================================
-   4. Skeleton Loading Animation
-   ============================================ */
-@keyframes skeleton {
-    0% {
-        background-position: 200% 0;
-    }
-
-    100% {
-        background-position: -200% 0;
-    }
-}
-
-@layer utilities {
-    .skeleton {
-        background: linear-gradient(90deg,
-                var(--glass-bg-subtle) 0%,
-                var(--glass-bg-default) 50%,
-                var(--glass-bg-subtle) 100%);
-        background-size: 200% 100%;
-        animation: skeleton 1.5s ease-in-out infinite;
-        border-radius: var(--radius-md);
-    }
-
-    /* Skeleton variants */
-    .skeleton-text {
-        height: 1em;
-        margin-bottom: 0.5em;
-    }
-
-    .skeleton-title {
-        height: 2em;
-        margin-bottom: 1em;
-    }
-
-    .skeleton-avatar {
-        width: 48px;
-        height: 48px;
-        border-radius: var(--radius-full);
-    }
-
-    .skeleton-card {
-        height: 200px;
-        border-radius: var(--radius-lg);
-    }
-}
-
-/* ============================================
-   5. Focus-Within States for Form Groups
-   ============================================ */
-@layer components {
-    .glass-card:focus-within {
-        border-color: var(--accent-primary);
-        box-shadow: 0 0 0 1px rgba(29, 155, 240, 0.2);
-        transition: all var(--duration-fast) var(--ease-snap);
-    }
-
-    .form-group:focus-within label {
-        color: var(--accent-primary);
-        transition: color var(--duration-fast) var(--ease-snap);
-    }
-}
-
-/* ============================================
-   6. Print Styles
-   ============================================ */
-@media print {
-    body {
-        background: white;
-        color: black;
-    }
-
-    .glass-card {
-        background: white;
-        border: 1px solid #ccc;
-        box-shadow: none;
-    }
-
-    /* Hide non-essential elements */
-    nav,
-    footer,
-    .no-print,
-    button,
-    .auth-controls {
-        display: none !important;
-    }
-
-    /* Ensure readable text */
-    * {
-        color: black !important;
-        background: white !important;
-    }
-
-    a {
-        text-decoration: underline;
-    }
-
-    /* Show link URLs after text */
-    a[href]:after {
-        content: " (" attr(href) ")";
-        font-size: 0.8em;
-        color: #666;
-    }
-}
-
-/* ============================================
-   7. Button Press Micro-interaction
-   ============================================ */
-@layer utilities {
-    .btn-press {
-        transition: transform var(--duration-fast) var(--ease-snap);
-    }
-
-    .btn-press:active:not(:disabled) {
-        transform: scale(0.98);
-    }
-}
\ No newline at end of file
diff --git a/apps/web-client/src/docs/ui/MOODBOARD.md b/apps/web-client/src/docs/ui/MOODBOARD.md
deleted file mode 100644
index 78a3e54e..00000000
--- a/apps/web-client/src/docs/ui/MOODBOARD.md
+++ /dev/null
@@ -1,597 +0,0 @@
-# Moodboard - Visual Direction Guide
-
-> **X.ai Minimal Design Philosophy**
->
-> Hướng dẫn visual direction cho GoodGo Web Client theo phong cách Neo-minimalism 2026
-
-## 📋 Overview
-
-**Design Style**: X.ai Minimal / Neo-minimalism 2026
-**Target Audience**: Tech-savvy professionals
-**Brand Personality**: Sophisticated, Trustworthy, Innovative, Clean
-**Last Updated**: 2026-01-04
-
----
-
-## 🎯 Design Philosophy
-
-### Core Principle: "Less is Enough"
-
-> **Neo-minimalism** is the evolution of minimalism - moving away from cold, sterile designs toward something warmer, more human, and inviting. It's about removing the unnecessary while retaining warmth and personality.
-
-### Key Characteristics
-
-1. **Intentional Simplicity**
-   - Every element has a purpose
-   - Remove visual clutter
-   - White space is a feature, not empty space
-
-2. **Warm Darkness**
-   - Dark backgrounds that feel inviting, not harsh
-   - `#15202b` instead of pure black `#000000`
-   - Reduces eye strain, feels sophisticated
-
-3. **Vibrant Accents**
-   - Single accent color for focus: X.ai Blue `#1D9BF0`
-   - High contrast for accessibility
-   - Blue = trust, technology, reliability
-
-4. **Subtle Depth**
-   - Minimal shadows, not flat
-   - Glass effects (glassmorphism) but very subtle
-   - Layering through transparency, not heavy shadows
-
-5. **Geometric Typography**
-   - Clean, sans-serif fonts (Inter)
-   - Strong hierarchy
-   - Generous line-height for readability
-
----
-
-## 🎨 Visual Inspiration
-
-### Primary Inspiration: X.ai / Grok
-
-**Why X.ai?**
-- Leader in AI interface design
-- Perfect balance of minimal + functional
-- Warm dark theme with vibrant blue accent
-- Clean, distraction-free interfaces
-
-**Key Elements from X.ai**:
-- Warm dark gray backgrounds (#15202b family)
-- Signature blue accent (#1D9BF0)
-- Minimal UI chrome
-- Focus on content, not decoration
-- Subtle glassmorphism
-
----
-
-### Secondary Inspirations
-
-#### 1. Linear.app
-**What to Learn**:
-- Ultra-clean interfaces
-- Smooth micro-interactions
-- Purple/violet accents on dark backgrounds
-- Keyboard-first design
-
-**Visual Elements**:
-- Subtle gradients
-- Crisp typography
-- Minimal shadows
-- Fast, snappy animations
-
----
-
-#### 2. Vercel Dashboard
-**What to Learn**:
-- Developer-friendly aesthetics
-- High contrast for readability
-- Clean data visualization
-- Monospace typography for code
-
-**Visual Elements**:
-- Pure black backgrounds (but we use warmer)
-- White/gray text hierarchy
-- Accent colors for status
-- Edge-to-edge layouts
-
----
-
-#### 3. Stripe Dashboard
-**What to Learn**:
-- Trust through design
-- Clear visual hierarchy
-- Excellent form design
-- Error handling patterns
-
-**Visual Elements**:
-- Clean form layouts
-- Clear labels and instructions
-- Inline validation
-- Accessible color choices
-
----
-
-#### 4. Notion
-**What to Learn**:
-- Content-first approach
-- Flexible layouts
-- Light + dark themes
-- Collaborative feel
-
-**Visual Elements**:
-- Generous whitespace
-- Subtle hover states
-- Friendly, approachable feel
-- Emoji as visual elements (optional)
-
----
-
-## 🌈 Color Direction
-
-### Primary Palette: X.ai Minimal
-
-```
-┌─────────────────────────────────────────────────────┐
-│                                                     │
-│   BACKGROUNDS                                       │
-│   ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐  │
-│   │         │ │         │ │         │ │         │  │
-│   │ #15202b │ │ #1a2734 │ │ #1f2f3d │ │ #243442 │  │
-│   │         │ │         │ │         │ │         │  │
-│   └─────────┘ └─────────┘ └─────────┘ └─────────┘  │
-│   Primary     Secondary   Tertiary    Elevated     │
-│                                                     │
-│   ACCENT                                            │
-│   ┌─────────┐ ┌─────────┐ ┌─────────┐              │
-│   │         │ │         │ │         │              │
-│   │ #1D9BF0 │ │ #1a8cd8 │ │ #8ecdf7 │              │
-│   │         │ │         │ │         │              │
-│   └─────────┘ └─────────┘ └─────────┘              │
-│   X.ai Blue   Hover       Light                    │
-│                                                     │
-│   TEXT                                              │
-│   ┌─────────┐ ┌─────────┐ ┌─────────┐              │
-│   │ #FFFFFF │ │ #8899A6 │ │ #657786 │              │
-│   └─────────┘ └─────────┘ └─────────┘              │
-│   Primary     Secondary   Tertiary                 │
-│                                                     │
-│   STATUS                                            │
-│   ┌─────────┐ ┌─────────┐ ┌─────────┐              │
-│   │ #10B981 │ │ #EF4444 │ │ #F59E0B │              │
-│   └─────────┘ └─────────┘ └─────────┘              │
-│   Success     Error       Warning                  │
-│                                                     │
-└─────────────────────────────────────────────────────┘
-```
-
-### Color Psychology
-
-| Color | Hex | Emotion | Usage |
-|-------|-----|---------|-------|
-| **X.ai Blue** | #1D9BF0 | Trust, Technology, Calm | Primary actions, links, focus |
-| **Warm Dark** | #15202b | Sophisticated, Professional | Backgrounds |
-| **White** | #FFFFFF | Clean, Clear | Primary text |
-| **Green** | #10B981 | Success, Positive | Success states |
-| **Red** | #EF4444 | Alert, Important | Errors, destructive |
-| **Amber** | #F59E0B | Caution, Attention | Warnings |
-
----
-
-## 🔤 Typography Direction
-
-### Font Family: Inter
-
-**Why Inter?**
-- Designed for screens
-- Excellent readability at all sizes
-- Geometric but warm
-- Open-source, widely available
-- Similar to SF Pro (Apple's system font)
-
-### Typography Scale
-
-```
-Heading 1:  36px / 2.25rem / font-extrabold / #FFFFFF
-            "Sign in to your account"
-
-Heading 2:  30px / 1.875rem / font-bold / #FFFFFF
-            "Section Title"
-
-Heading 3:  24px / 1.5rem / font-semibold / #FFFFFF
-            "Subsection"
-
-Body:       16px / 1rem / font-normal / #FFFFFF or #8899A6
-            "Regular paragraph text goes here."
-
-Small:      14px / 0.875rem / font-normal / #8899A6
-            "Secondary information or labels"
-
-Tiny:       12px / 0.75rem / font-normal / #657786
-            "Captions, timestamps, footnotes"
-```
-
-### Typography Principles
-
-1. **Hierarchy is Key**
-   - 3 levels max per screen
-   - Size + Weight + Color = Hierarchy
-   - Don't rely on color alone
-
-2. **Generous Spacing**
-   - Line-height: 1.5 for body
-   - Letter-spacing: -0.02em for headings
-   - Paragraph spacing: 1.5x line-height
-
-3. **Readability First**
-   - Max line length: 65-75 characters
-   - 16px minimum for body (prevents iOS zoom)
-   - High contrast (WCAG AA minimum)
-
----
-
-## 🎭 UI Patterns & Elements
-
-### Glassmorphism (Subtle)
-
-**Our Approach**: Ultra-subtle glass effects
-
-```css
-/* X.ai Minimal Glass */
-background: rgba(255, 255, 255, 0.04);
-backdrop-filter: blur(8px);
-border: 1px solid rgba(255, 255, 255, 0.08);
-```
-
-**DO**:
-- ✅ Very low opacity (2-5%)
-- ✅ Subtle blur (4-12px)
-- ✅ Thin, barely visible borders
-- ✅ Use sparingly on cards, modals
-
-**DON'T**:
-- ❌ Heavy blur (>20px)
-- ❌ High opacity (>10%)
-- ❌ Thick, obvious borders
-- ❌ Glass on glass (double layer)
-
----
-
-### Shadows
-
-**Our Approach**: Minimal, subtle shadows
-
-```css
-/* Light shadow */
-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-
-/* Medium shadow */
-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
-
-/* Glow effect (for focus) */
-box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.1);
-```
-
-**DO**:
-- ✅ Soft, diffused shadows
-- ✅ Dark shadows on dark backgrounds
-- ✅ Blue glow for focus states
-- ✅ Minimal elevation differences
-
-**DON'T**:
-- ❌ Sharp, hard shadows
-- ❌ Light shadows on dark backgrounds
-- ❌ Multiple shadow layers
-- ❌ Colored shadows (except focus)
-
----
-
-### Animations & Transitions
-
-**Our Approach**: Fast, snappy, purposeful
-
-```css
-/* Fast (hover, focus) */
-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
-
-/* Normal (page transitions) */
-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
-
-/* Easing: Material Design "Emphasized" */
-cubic-bezier(0.4, 0.0, 0.2, 1)
-```
-
-**DO**:
-- ✅ Fast transitions (150-300ms)
-- ✅ Subtle hover effects (opacity, color change)
-- ✅ Smooth easing curves
-- ✅ Respect `prefers-reduced-motion`
-
-**DON'T**:
-- ❌ Slow animations (>500ms)
-- ❌ Bouncy/elastic effects
-- ❌ Rotation or complex transforms
-- ❌ Animations that block interaction
-
----
-
-### Buttons
-
-**Primary (X.ai Blue)**:
-```
-┌─────────────────────────────────────┐
-│                                     │
-│            Sign in                  │
-│                                     │
-└─────────────────────────────────────┘
-Background: #1D9BF0
-Text: #FFFFFF
-Height: 48px
-Border-radius: 8px
-```
-
-**Secondary (Ghost)**:
-```
-┌─────────────────────────────────────┐
-│                                     │
-│            Cancel                   │
-│                                     │
-└─────────────────────────────────────┘
-Background: transparent
-Text: #8899A6
-Border: 1px solid rgba(255,255,255,0.1)
-Height: 48px
-```
-
----
-
-### Form Inputs
-
-**Default State**:
-```
-Email address
-┌─────────────────────────────────────┐
-│ you@example.com                     │
-└─────────────────────────────────────┘
-Background: rgba(255,255,255,0.02)
-Border: 1px solid rgba(255,255,255,0.08)
-```
-
-**Focus State**:
-```
-Email address
-┌─────────────────────────────────────┐
-│ you@example.com                  |  │
-└─────────────────────────────────────┘
-Border: 1px solid #1D9BF0
-Glow: 0 0 0 3px rgba(29,155,240,0.1)
-```
-
----
-
-### Cards
-
-**Glass Card**:
-```
-┌─────────────────────────────────────────┐
-│                                         │
-│   Card Title                            │
-│                                         │
-│   Card content goes here. Keep it       │
-│   simple and focused on one thing.      │
-│                                         │
-│   [Action Button]                       │
-│                                         │
-└─────────────────────────────────────────┘
-Background: rgba(255,255,255,0.04)
-Border: 1px solid rgba(255,255,255,0.08)
-Padding: 24-32px
-Border-radius: 12px
-```
-
----
-
-## ✅ Do's and Don'ts
-
-### Colors
-
-| ✅ DO | ❌ DON'T |
-|-------|----------|
-| Use CSS variables (`--accent-primary`) | Hardcode hex values |
-| Warm dark gray (#15202b) | Pure black (#000000) |
-| Single accent color (X.ai blue) | Multiple bright colors |
-| Test contrast ratios (WCAG AA) | Assume colors are accessible |
-| Consistent color meanings | Random color choices |
-
----
-
-### Typography
-
-| ✅ DO | ❌ DON'T |
-|-------|----------|
-| Use Inter font family | Mix multiple font families |
-| Clear hierarchy (3 levels max) | Too many font sizes |
-| 16px minimum for body | Small text (<14px for body) |
-| High contrast (white on dark) | Low contrast text |
-| Generous line-height (1.5) | Cramped text |
-
----
-
-### Layout & Spacing
-
-| ✅ DO | ❌ DON'T |
-|-------|----------|
-| 8-point grid system | Random spacing values |
-| Generous whitespace | Cramped layouts |
-| Single-column forms | Multi-column forms (mobile) |
-| Consistent padding | Variable padding |
-| Max-width for content (448px forms) | Full-width everything |
-
----
-
-### Effects & Decorations
-
-| ✅ DO | ❌ DON'T |
-|-------|----------|
-| Subtle glass effects (2-5% opacity) | Heavy glassmorphism (>10%) |
-| Minimal shadows | Multiple shadow layers |
-| Fast transitions (150-300ms) | Slow animations (>500ms) |
-| Blue glow for focus | Rainbow/gradient glows |
-| ~~Cosmic backgrounds~~ Solid backgrounds | Complex background patterns |
-
----
-
-### Components
-
-| ✅ DO | ❌ DON'T |
-|-------|----------|
-| Touch-friendly sizes (44px+) | Small touch targets |
-| Clear hover/focus states | Missing interaction states |
-| Loading states | No feedback during actions |
-| Error messages with icons | Error messages with color only |
-| Disabled states clearly visible | Subtle disabled states |
-
----
-
-## 🖼️ Visual Reference Board
-
-### Approved Styles ✅
-
-**Authentication Pages**:
-- Centered form layout
-- Glass card container
-- X.ai blue primary button
-- Warm dark background (#15202b)
-- Subtle icon container with blue tint
-- No cosmic/floating background effects
-
-**Form Elements**:
-- Top-aligned labels
-- Subtle input backgrounds
-- Blue focus rings
-- Inline validation messages
-- Password visibility toggle
-
-**Buttons**:
-- Solid X.ai blue (not gradient)
-- Subtle hover darkening
-- Loading spinner inline
-- Full-width on mobile
-
----
-
-### Rejected Styles ❌
-
-**Avoid**:
-- Pure black backgrounds (#000000)
-- White accent colors (low visibility)
-- Floating blur orbs/cosmic effects
-- Gradient buttons
-- Heavy shadows
-- Bouncy animations
-- Decorative illustrations (for auth)
-- Multiple accent colors
-
----
-
-## 📱 Responsive Considerations
-
-### Mobile-First Approach
-
-1. **Start with mobile** (375px)
-2. **Enhance for tablet** (768px)
-3. **Optimize for desktop** (1280px+)
-
-### Key Mobile Adjustments
-
-- Full-width containers
-- Larger touch targets (48px)
-- Reduced spacing (75% of desktop)
-- Stacked layouts
-- Simplified navigation
-- 16px font for inputs (prevent zoom)
-
----
-
-## 🧪 Design Validation Checklist
-
-Before finalizing any design:
-
-**Visual**:
-- [ ] Uses approved color palette
-- [ ] Typography follows scale
-- [ ] Spacing follows 8-point grid
-- [ ] Glass effects are subtle
-- [ ] Shadows are minimal
-- [ ] Animations are fast (<300ms)
-
-**Accessibility**:
-- [ ] Contrast ratio ≥ 4.5:1
-- [ ] Focus states visible
-- [ ] Touch targets ≥ 44px
-- [ ] Error messages clear
-- [ ] Color not sole indicator
-
-**Consistency**:
-- [ ] Matches existing components
-- [ ] Uses design tokens (CSS variables)
-- [ ] Follows established patterns
-- [ ] Works in dark + light themes
-
----
-
-## 🔗 Resources & References
-
-### Design Tools
-- [Figma](https://figma.com) - Primary design tool
-- [Storybook](http://localhost:6006) - Component library
-
-### Inspiration Sources
-- [X.ai](https://x.ai) - Primary inspiration
-- [Linear.app](https://linear.app) - UI patterns
-- [Vercel](https://vercel.com) - Developer aesthetics
-- [Stripe](https://stripe.com) - Form patterns
-
-### Guidelines
-- [X.ai Brand Guidelines](https://x.ai/legal/brand-guidelines)
-- [Material Design 3](https://m3.material.io)
-- [Apple Human Interface Guidelines](https://developer.apple.com/design/)
-
-### Learning
-- [Refactoring UI](https://refactoringui.com)
-- [UI Design Daily](https://uidesigndaily.com)
-- [Mobbin](https://mobbin.com) - UI patterns library
-
----
-
-## 📝 Version History
-
-### v2.0.0 (2026-01-04) - X.ai Minimal Redesign
-- Adopted X.ai blue accent (#1D9BF0)
-- Changed from pure black to warm dark (#15202b)
-- Removed cosmic background effects
-- Simplified glassmorphism
-- Updated animation guidelines
-
-### v1.0.0 (2025-12-01) - Initial Design
-- White accent on black background
-- Cosmic floating effects
-- Gradient buttons
-
----
-
-## 📚 Related Documentation
-
-- [Design System](../DESIGN_SYSTEM.md)
-- [Login Mockups](./mockups/auth-login-states.md)
-- [Mobile Specs](./responsive/mobile-specs.md)
-- [Implementation Guide](../implementation/auth-pages-implementation.md)
-
----
-
-**Created by**: Design Team
-**Last Updated**: 2026-01-04
-**Version**: 2.0 (X.ai Minimal)
-**Status**: ✅ Approved & Active
diff --git a/apps/web-client/src/docs/ui/mockups/auth-login-states.md b/apps/web-client/src/docs/ui/mockups/auth-login-states.md
deleted file mode 100644
index 4bb6149e..00000000
--- a/apps/web-client/src/docs/ui/mockups/auth-login-states.md
+++ /dev/null
@@ -1,447 +0,0 @@
-# Login Page - UI Mockups & States
-
-> **High-Fidelity Design Specifications**
->
-> Tất cả states của trang đăng nhập theo X.ai minimal design
-
-## 📋 Overview
-
-**Page**: Login (`/login`)
-**Figma**: [Add Figma link here]
-**Last Updated**: 2026-01-04
-
----
-
-## 🎨 Design States
-
-### 1. Default State (Initial Load)
-
-**Description**: Trạng thái ban đầu khi user vào trang
-
-#### Visual Specs
-
-**Background**:
-- Color: `#15202b` (warm dark gray)
-- Pattern: Solid, no cosmic effects
-
-**Form Container**:
-- Width: `448px` (max-w-md)
-- Padding: `32px` (p-8)
-- Background: `rgba(255, 255, 255, 0.04)` (glass-card)
-- Border: `1px solid rgba(255, 255, 255, 0.08)`
-- Border-radius: `12px` (rounded-xl)
-- Backdrop-filter: `blur(8px)`
-- Shadow: `0 2px 8px rgba(0, 0, 0, 0.3)`
-
-**Logo/Icon Container**:
-- Size: `56px x 56px`
-- Padding: `12px` (p-3)
-- Background: `rgba(29, 155, 240, 0.05)` (X.ai blue 5%)
-- Border: `1px solid rgba(29, 155, 240, 0.1)`
-- Border-radius: `16px` (rounded-2xl)
-- Icon: Star (white, 40x40px)
-
-**Heading**:
-- Text: "Sign in to your account"
-- Font: Inter, 36px (text-4xl)
-- Weight: 800 (font-extrabold)
-- Color: `#FFFFFF`
-- Line-height: `1.25` (tracking-tight)
-
-**Subheading**:
-- Text: "Enter your credentials to access your account"
-- Font: Inter, 14px (text-sm)
-- Color: `#8899A6` (text-secondary)
-
-**Form Fields**:
-
-**Email Input**:
-- Label: "Email address"
-- Placeholder: "you@example.com"
-- Background: `rgba(255, 255, 255, 0.02)`
-- Border: `1px solid rgba(255, 255, 255, 0.08)`
-- Height: `44px`
-- Border-radius: `8px`
-- Font: 16px
-- Color: `#FFFFFF`
-
-**Password Input**:
-- Label: "Password"
-- Placeholder: "••••••••"
-- Same styling as email
-- Eye icon: `24x24px`, color `#8899A6`
-
-**Remember Me Checkbox**:
-- Size: `20x20px`
-- Border: `1px solid rgba(255, 255, 255, 0.2)`
-- Border-radius: `4px`
-- Label: "Remember me", 14px, `#8899A6`
-
-**Forgot Password Link**:
-- Text: "Forgot password?"
-- Font: 14px (text-sm)
-- Color: `#1D9BF0` (X.ai blue)
-- Hover: `#1a8cd8`
-
-**Sign In Button**:
-- Text: "Sign in"
-- Width: `100%`
-- Height: `48px`
-- Background: `#1D9BF0` (X.ai blue)
-- Color: `#FFFFFF`
-- Border-radius: `8px`
-- Font: 16px, weight 600
-- Shadow: `0 2px 8px rgba(0, 0, 0, 0.1)`
-
-**Sign Up Link**:
-- Text: "Don't have an account? Sign up"
-- Font: 14px
-- "Sign up" part: `#1D9BF0`
-
-**Theme/Language Controls** (top-right):
-- Position: `fixed top-6 right-6`
-- Gap: `12px`
-- Each button: `40x40px`, glass effect
-
-#### Screenshot
-![Default State](../../../public/design/mockups/login-default.png)
-*TODO: Add screenshot*
-
----
-
-### 2. Hover States
-
-#### Email Input Hover
-**Changes**:
-- Border: `1px solid rgba(255, 255, 255, 0.12)`
-- Transition: `150ms ease`
-
-#### Password Input Hover
-**Changes**: Same as email
-
-#### Sign In Button Hover
-**Changes**:
-- Background: `#1a8cd8` (darker blue)
-- Shadow: `0 4px 12px rgba(0, 0, 0, 0.15)`
-- Transition: `150ms ease`
-
-#### Link Hover
-**Changes**:
-- Color: `#1a8cd8`
-- Transition: `150ms ease`
-
-#### Screenshot
-![Hover States](../../../public/design/mockups/login-hover.png)
-*TODO: Add screenshot*
-
----
-
-### 3. Focus States
-
-#### Email Input Focus
-**Changes**:
-- Border: `1px solid #1D9BF0` (X.ai blue)
-- Background: `rgba(255, 255, 255, 0.04)`
-- Ring: `2px solid rgba(29, 155, 240, 0.3)`
-- Ring offset: `2px`
-- Outline: `none`
-
-#### Password Input Focus
-**Changes**: Same as email
-
-#### Button Focus
-**Changes**:
-- Ring: `2px solid rgba(29, 155, 240, 0.3)`
-- Ring offset: `2px`
-
-#### Screenshot
-![Focus States](../../../public/design/mockups/login-focus.png)
-*TODO: Add screenshot with focused input*
-
----
-
-### 4. Active/Typing State
-
-#### Email Input with Text
-**Changes**:
-- Value: "user@example.com"
-- Text color: `#FFFFFF`
-- Cursor: blinking white line
-
-#### Password Input with Text
-**Changes**:
-- Value: "••••••••" (masked)
-- Eye icon clickable
-
-#### Screenshot
-![Typing State](../../../public/design/mockups/login-typing.png)
-*TODO: Add screenshot*
-
----
-
-### 5. Validation Error State
-
-#### Email Error
-**Trigger**: Invalid email format
-
-**Visual Changes**:
-- Border: `1px solid #EF4444` (error red)
-- Background: `rgba(239, 68, 68, 0.1)`
-- Error message below:
-  - Text: "Please enter a valid email address"
-  - Color: `#EF4444`
-  - Icon: Alert circle (16x16px)
-  - Font: 14px (text-sm)
-  - Margin-top: `4px`
-
-#### Password Error
-**Trigger**: Password < 8 characters
-
-**Visual Changes**:
-- Border: `1px solid #EF4444`
-- Background: `rgba(239, 68, 68, 0.1)`
-- Error message: "Password must be at least 8 characters"
-
-#### Form-level Error
-**Trigger**: API returns error (invalid credentials)
-
-**Visual Changes**:
-- Alert box above form:
-  - Background: `rgba(239, 68, 68, 0.1)`
-  - Border: `1px solid rgba(239, 68, 68, 0.2)`
-  - Border-radius: `8px`
-  - Padding: `12px 16px`
-  - Icon: X circle (20x20px, red)
-  - Text: "Invalid email or password. Please try again."
-  - Color: `#EF4444`
-  - Font: 14px
-
-#### Screenshot
-![Error States](../../../public/design/mockups/login-error.png)
-*TODO: Add screenshot*
-
----
-
-### 6. Loading State
-
-#### Button Loading
-**Trigger**: Form submitted, waiting for API
-
-**Visual Changes**:
-- Button disabled
-- Text: "Signing in..."
-- Spinner:
-  - Size: `20x20px`
-  - Color: `#FFFFFF`
-  - Position: Left of text
-  - Animation: Spin (1s linear infinite)
-- Opacity: `0.7`
-- Cursor: `not-allowed`
-
-**Form Fields**:
-- All inputs disabled
-- Opacity: `0.5`
-
-#### Screenshot
-![Loading State](../../../public/design/mockups/login-loading.png)
-*TODO: Add screenshot*
-
----
-
-### 7. Success State (Redirect)
-
-**Note**: Very brief state before redirect to dashboard
-
-**Visual Changes**:
-- Success toast (optional):
-  - Background: `rgba(16, 185, 129, 0.1)`
-  - Border: `1px solid rgba(16, 185, 129, 0.2)`
-  - Icon: Checkmark circle (green)
-  - Text: "Login successful! Redirecting..."
-  - Position: Top-center
-  - Duration: 1s before redirect
-
-#### Screenshot
-![Success State](../../../public/design/mockups/login-success.png)
-*TODO: Add screenshot*
-
----
-
-### 8. Disabled State
-
-**Trigger**: Network error or maintenance mode
-
-**Visual Changes**:
-- All inputs disabled
-- Button disabled:
-  - Background: `rgba(29, 155, 240, 0.3)`
-  - Cursor: `not-allowed`
-  - Opacity: `0.5`
-- Message: "Login is temporarily unavailable"
-
-#### Screenshot
-![Disabled State](../../../public/design/mockups/login-disabled.png)
-*TODO: Add screenshot*
-
----
-
-## 📱 Responsive Variations
-
-### Mobile (< 640px)
-
-**Changes**:
-- Container: Full width with `16px` padding
-- Form: Full width
-- Stack vertically
-- Touch targets: Min `44x44px`
-- Font sizes may adjust slightly
-
-**Screenshot**:
-![Mobile View](../../../public/design/mockups/login-mobile.png)
-*TODO: Add screenshot*
-
----
-
-### Tablet (640px - 1024px)
-
-**Changes**:
-- Container: Centered, same max-width (448px)
-- Similar to desktop
-
-**Screenshot**:
-![Tablet View](../../../public/design/mockups/login-tablet.png)
-*TODO: Add screenshot*
-
----
-
-### Desktop (> 1024px)
-
-**Changes**: Default state as described above
-
-**Screenshot**:
-![Desktop View](../../../public/design/mockups/login-desktop.png)
-*TODO: Add screenshot*
-
----
-
-## 🎨 Dark vs Light Theme
-
-### Dark Theme (Default)
-- Background: `#15202b`
-- Text: `#FFFFFF`
-- As described above
-
-### Light Theme
-**Changes**:
-- Background: `#FFFFFF`
-- Text: `#1D1D1F` (dark)
-- Glass effect: `rgba(0, 0, 0, 0.04)`
-- Borders: `rgba(0, 0, 0, 0.1)`
-- X.ai blue stays: `#1D9BF0`
-
-**Screenshot**:
-![Light Theme](../../../public/design/mockups/login-light.png)
-*TODO: Add screenshot*
-
----
-
-## 🔤 Typography Specs
-
-| Element | Font | Size | Weight | Color | Line Height |
-|---------|------|------|--------|-------|-------------|
-| H1 Heading | Inter | 36px | 800 | #FFFFFF | 1.25 |
-| Subheading | Inter | 14px | 400 | #8899A6 | 1.5 |
-| Input Label | Inter | 14px | 500 | #8899A6 | 1.5 |
-| Input Text | Inter | 16px | 400 | #FFFFFF | 1.5 |
-| Button Text | Inter | 16px | 600 | #FFFFFF | 1.5 |
-| Link Text | Inter | 14px | 500 | #1D9BF0 | 1.5 |
-| Error Text | Inter | 14px | 400 | #EF4444 | 1.5 |
-
----
-
-## 🎨 Color Palette
-
-| Purpose | Color | Hex | Usage |
-|---------|-------|-----|-------|
-| Background | Warm Dark Gray | #15202b | Main background |
-| X.ai Blue | Primary Accent | #1D9BF0 | Buttons, links, focus |
-| X.ai Blue Hover | Darker Blue | #1a8cd8 | Hover states |
-| White | Primary Text | #FFFFFF | Headings, input text |
-| Light Gray | Secondary Text | #8899A6 | Labels, descriptions |
-| Red | Error | #EF4444 | Error messages, borders |
-| Green | Success | #10B981 | Success messages |
-
----
-
-## 📐 Spacing & Layout
-
-**Form Container**:
-- Max-width: `448px`
-- Padding: `32px`
-- Gap between elements: `24px`
-
-**Form Fields**:
-- Label to input: `8px`
-- Input to input: `16px`
-- Input height: `44px`
-
-**Buttons**:
-- Height: `48px`
-- Margin-top: `24px`
-
-**Mobile**:
-- Side padding: `16px`
-- All gaps reduced by 25%
-
----
-
-## ♿ Accessibility Notes
-
-**Contrast Ratios**:
-- White on #15202b: 12.8:1 (WCAG AAA ✅)
-- X.ai blue on #15202b: 5.2:1 (WCAG AA ✅)
-- Error red on white bg: 4.5:1 (WCAG AA ✅)
-
-**Focus Indicators**:
-- All interactive elements have visible focus ring
-- X.ai blue ring with 30% opacity
-- 2px thick, 2px offset
-
-**Keyboard Navigation**:
-- Tab order: Email → Password → Remember me → Button → Forgot password → Sign up link
-- Enter key submits form
-
-**Screen Reader**:
-- Form has proper labels
-- Error messages announced with `role="alert"`
-- Loading state announced
-
----
-
-## 🧪 Design Validation Checklist
-
-- [ ] All states designed (8 states)
-- [ ] Responsive variants (mobile, tablet, desktop)
-- [ ] Dark + Light theme variants
-- [ ] Typography specs documented
-- [ ] Color palette defined
-- [ ] Spacing consistent with 8-point grid
-- [ ] Accessibility requirements met
-- [ ] Screenshots added to Figma/public folder
-- [ ] Interactive prototype created
-
----
-
-## 🔗 Related Documentation
-
-- [Login User Flow](../../ux/flows/auth-login.md)
-- [Implementation Guide](../../implementation/auth-pages-implementation.md)
-- [Design System](../../DESIGN_SYSTEM.md)
-- [Responsive Specs](../responsive/mobile-specs.md)
-
----
-
-**Designer**: [Name]
-**Reviewer**: [Name]
-**Last Updated**: 2026-01-04
-**Version**: 2.0 (X.ai Minimal Redesign)
diff --git a/apps/web-client/src/docs/ui/responsive/mobile-specs.md b/apps/web-client/src/docs/ui/responsive/mobile-specs.md
deleted file mode 100644
index b2b52016..00000000
--- a/apps/web-client/src/docs/ui/responsive/mobile-specs.md
+++ /dev/null
@@ -1,554 +0,0 @@
-# Mobile Responsive Design Specifications
-
-> **Mobile-First Design Guide**
->
-> Breakpoint: `< 640px` (sm in Tailwind)
-
-## 📱 Overview
-
-**Target Devices**:
-- iPhone 12/13/14: 390px width
-- iPhone SE: 375px width
-- Android phones: 360px - 414px width
-
-**Orientation**: Portrait (primary), Landscape (secondary)
-
-**Last Updated**: 2026-01-04
-
----
-
-## 🎯 Mobile Design Principles
-
-### 1. Touch-First Interaction
-- Minimum touch target: `44x44px` (Apple HIG)
-- Recommended: `48x48px` (Material Design)
-- Spacing between touchable elements: `8px` minimum
-
-### 2. Thumb Zone Optimization
-- Primary actions: Bottom center (easy reach)
-- Secondary actions: Top corners
-- Avoid: Middle edges (hard to reach)
-
-### 3. Content Priority
-- Show essential content only
-- Progressive disclosure for details
-- Reduce visual clutter
-
-### 4. Performance
-- Optimize images for mobile
-- Minimize animations
-- Fast load times (< 2s)
-
----
-
-## 📋 Auth Pages - Mobile Specifications
-
-### Login Page (`/login`)
-
-#### Layout
-
-**Container**:
-```css
-width: 100vw;
-min-height: 100vh;
-padding: 16px; /* Reduced from 32px */
-background: #15202b;
-```
-
-**Form Container**:
-```css
-width: 100%;
-max-width: 100%; /* Remove 448px limit */
-padding: 24px; /* Reduced from 32px */
-margin: auto;
-```
-
-**Vertical Spacing**:
-- Logo to heading: `16px` (reduced from 24px)
-- Heading to form: `20px` (reduced from 24px)
-- Between inputs: `12px` (reduced from 16px)
-- Form to button: `20px` (reduced from 24px)
-
-#### Typography
-
-**Heading**:
-```css
-font-size: 28px; /* Reduced from 36px */
-line-height: 1.2;
-margin-bottom: 8px;
-```
-
-**Subheading**:
-```css
-font-size: 14px; /* Same */
-line-height: 1.4;
-```
-
-**Input Labels**:
-```css
-font-size: 14px;
-margin-bottom: 6px;
-```
-
-**Input Text**:
-```css
-font-size: 16px; /* Must be 16px to prevent zoom on iOS */
-```
-
-#### Form Elements
-
-**Input Fields**:
-```css
-height: 48px; /* Increased from 44px for better touch */
-padding: 12px 16px;
-border-radius: 8px;
-font-size: 16px; /* Prevent iOS zoom */
-```
-
-**Submit Button**:
-```css
-height: 52px; /* Increased from 48px */
-width: 100%;
-font-size: 16px;
-border-radius: 8px;
-```
-
-**Links**:
-```css
-min-height: 44px; /* Touch target */
-padding: 8px 0;
-display: inline-block;
-```
-
-**Checkbox**:
-```css
-width: 24px; /* Increased from 20px */
-height: 24px;
-margin-right: 8px;
-```
-
-#### Theme/Language Controls
-
-**Position**:
-```css
-position: fixed;
-top: 16px; /* Reduced from 24px */
-right: 16px;
-z-index: 50;
-```
-
-**Size**:
-```css
-width: 40px;
-height: 40px;
-gap: 8px;
-```
-
-#### Screenshot Layout
-![Mobile Login](../../../public/design/mockups/mobile-login-layout.png)
-*TODO: Add annotated screenshot*
-
----
-
-### Register Page (`/register`)
-
-**Same as Login with additions**:
-
-#### Password Strength Indicator
-
-**Bars**:
-```css
-height: 4px; /* Reduced from 6px */
-width: 100%;
-gap: 4px;
-border-radius: 2px;
-```
-
-**Text**:
-```css
-font-size: 12px;
-margin-top: 4px;
-```
-
-#### Terms Checkbox
-
-**Hit Area**:
-```css
-min-height: 44px;
-padding: 8px 0;
-```
-
-**Text**:
-```css
-font-size: 13px; /* Slightly smaller */
-line-height: 1.5;
-```
-
-#### Screenshot
-![Mobile Register](../../../public/design/mockups/mobile-register-layout.png)
-*TODO: Add screenshot*
-
----
-
-### Forgot Password Page (`/forgot-password`)
-
-**Same mobile specs as Login**
-
-#### Success State
-
-**Message Box**:
-```css
-padding: 16px;
-border-radius: 8px;
-margin-bottom: 16px;
-```
-
-#### Screenshot
-![Mobile Forgot Password](../../../public/design/mockups/mobile-forgot-password.png)
-*TODO: Add screenshot*
-
----
-
-## 📐 Grid & Spacing
-
-### 8-Point Grid (Mobile Adjusted)
-
-**Base unit**: 4px
-
-**Common spacing**:
-- Extra small: `4px` (spacing-1)
-- Small: `8px` (spacing-2)
-- Medium: `12px` (spacing-3)
-- Default: `16px` (spacing-4)
-- Large: `20px` (spacing-5)
-- Extra large: `24px` (spacing-6)
-
-**Container Padding**:
-- Side padding: `16px` (px-4)
-- Top/bottom: `16px` (py-4)
-
----
-
-## 🎨 Typography Scale (Mobile)
-
-| Element | Size | Weight | Line Height | Letter Spacing |
-|---------|------|--------|-------------|----------------|
-| H1 | 28px | 800 | 1.2 | -0.02em |
-| H2 | 24px | 700 | 1.25 | -0.01em |
-| H3 | 20px | 600 | 1.3 | 0 |
-| Body | 16px | 400 | 1.5 | 0 |
-| Small | 14px | 400 | 1.5 | 0 |
-| Tiny | 12px | 400 | 1.4 | 0 |
-
-**Important**: All input fields MUST use `font-size: 16px` to prevent iOS auto-zoom.
-
----
-
-## 🔘 Interactive Elements
-
-### Touch Targets
-
-**Minimum Sizes**:
-- Buttons: `48x48px` or `100% width x 52px`
-- Links: `44px` min-height
-- Checkboxes: `24x24px`
-- Radio buttons: `24x24px`
-- Toggle switches: `52x32px`
-
-**Spacing**:
-- Between buttons: `12px`
-- Button to text: `8px`
-- Icon to text: `8px`
-
-### Button Variations
-
-**Primary Button (Sign In)**:
-```css
-width: 100%;
-height: 52px;
-font-size: 16px;
-font-weight: 600;
-border-radius: 8px;
-```
-
-**Secondary Button** (if needed):
-```css
-width: 100%;
-height: 48px;
-font-size: 15px;
-font-weight: 500;
-```
-
-**Link Button**:
-```css
-min-height: 44px;
-padding: 10px 0;
-display: inline-block;
-```
-
----
-
-## ⌨️ Virtual Keyboard Handling
-
-### iOS Safari
-
-**Issue**: Keyboard covers bottom of viewport
-
-**Solutions**:
-
-1. **Input Focus**:
-```javascript
-// Scroll input into view
-input.scrollIntoView({ behavior: 'smooth', block: 'center' });
-```
-
-2. **Form Position**:
-```css
-/* Keep submit button visible */
-.form-container {
-  margin-bottom: 300px; /* Space for keyboard */
-}
-```
-
-3. **Viewport Units**:
-```css
-/* Avoid 100vh on mobile */
-min-height: 100dvh; /* Dynamic viewport height */
-```
-
-### Android
-
-**Input Types**:
-```html
-<!-- Show correct keyboard -->
-<input type="email" inputmode="email" />
-<input type="tel" inputmode="tel" />
-<input type="number" inputmode="numeric" />
-```
-
----
-
-## 🖼️ Images & Assets
-
-### Icon Sizes (Mobile)
-
-| Element | Size | Format |
-|---------|------|--------|
-| Logo | 40x40px | SVG |
-| Form icons | 20x20px | SVG |
-| Success/Error icons | 20x20px | SVG |
-| Menu icons | 24x24px | SVG |
-
-### Image Export
-
-**Density**:
-- Standard: @1x
-- Retina: @2x
-- Super Retina: @3x
-
-**Format**:
-- Icons: SVG (preferred)
-- Photos: WebP or JPEG
-- Transparency: PNG
-
----
-
-## 🎭 Animations (Mobile)
-
-### Reduced Motion
-
-**Respect User Preference**:
-```css
-@media (prefers-reduced-motion: reduce) {
-  * {
-    animation-duration: 0.01ms !important;
-    transition-duration: 0.01ms !important;
-  }
-}
-```
-
-### Performance
-
-**Avoid**:
-- Heavy blur effects (< 8px ok)
-- Too many simultaneous animations
-- Animating `width`, `height`, `top`, `left`
-
-**Use**:
-- `transform` (translateY, scale)
-- `opacity`
-- Hardware acceleration: `will-change: transform`
-
-### Transitions
-
-**Fast**:
-```css
-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
-```
-
-**Normal**:
-```css
-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
-```
-
----
-
-## 📊 Performance Targets (Mobile)
-
-### Load Times
-- First Contentful Paint: < 1.5s
-- Time to Interactive: < 2.5s
-- Total page weight: < 500KB
-
-### Lighthouse Scores
-- Performance: ≥ 85
-- Accessibility: ≥ 95
-- Best Practices: ≥ 90
-
----
-
-## ♿ Mobile Accessibility
-
-### Touch Targets
-- Minimum: `44x44px`
-- Ideal: `48x48px`
-- Spacing: `8px` between targets
-
-### Text Sizing
-- All text scalable (no `font-size: 16px !important`)
-- Test with iOS text size settings
-- Test with Android display size settings
-
-### Screen Readers
-- iOS VoiceOver compatible
-- Android TalkBack compatible
-- Proper heading hierarchy
-- Form labels associated
-
-### Focus Management
-- Visible focus indicators
-- Focus not trapped unintentionally
-- Logical tab order
-
----
-
-## 🧪 Testing Checklist
-
-### Devices to Test
-
-**iOS**:
-- [ ] iPhone 14 Pro (393x852)
-- [ ] iPhone 14 (390x844)
-- [ ] iPhone SE (375x667)
-
-**Android**:
-- [ ] Samsung Galaxy S21 (360x800)
-- [ ] Google Pixel 7 (412x915)
-
-### Orientations
-- [ ] Portrait (primary)
-- [ ] Landscape (secondary)
-
-### Actions
-- [ ] Form filling with virtual keyboard
-- [ ] Submit form
-- [ ] Navigate between fields (Tab)
-- [ ] Tap all interactive elements
-- [ ] Zoom in/out (pinch)
-- [ ] Scroll form
-- [ ] Theme toggle
-- [ ] Language switcher
-
-### Edge Cases
-- [ ] Long email addresses
-- [ ] Small screen (320px width)
-- [ ] Large text size (iOS settings)
-- [ ] Slow network (3G simulation)
-- [ ] Offline mode
-
----
-
-## 🐛 Common Mobile Issues & Solutions
-
-### Issue 1: Input Zoom on iOS
-**Problem**: Safari zooms in when focusing input < 16px
-**Solution**: Always use `font-size: 16px` for inputs
-
-### Issue 2: Keyboard Covers Submit Button
-**Problem**: Virtual keyboard hides button
-**Solution**: Add bottom margin or use `scrollIntoView()`
-
-### Issue 3: Touch Targets Too Small
-**Problem**: Users miss buttons
-**Solution**: Minimum `44x44px`, ideally `48x48px`
-
-### Issue 4: Viewport Height Issues
-**Problem**: `100vh` includes browser chrome
-**Solution**: Use `100dvh` (dynamic viewport height)
-
-### Issue 5: Click Delay
-**Problem**: 300ms delay on iOS
-**Solution**: Add `<meta name="viewport" content="width=device-width">`
-
----
-
-## 🎨 Mobile-Specific Patterns
-
-### Form Layout
-
-**Stack Vertically**:
-```
-[Logo]
-[Heading]
-[Subheading]
-
-[Email Label]
-[Email Input]
-
-[Password Label]
-[Password Input]
-
-[Remember Me] [Forgot Password]
-
-[Submit Button]
-
-[Sign Up Link]
-```
-
-### Error Messages
-
-**Position**: Below field (not inline)
-**Icon**: Left of text
-**Color**: Red with light background
-**Dismissible**: Tap X to close
-
-### Loading States
-
-**Full Screen Overlay** (for page transitions):
-```css
-position: fixed;
-inset: 0;
-background: rgba(21, 32, 43, 0.8);
-backdrop-filter: blur(4px);
-z-index: 9999;
-```
-
-**Inline** (for button):
-- Show spinner in button
-- Disable form
-- Keep button in place (no layout shift)
-
----
-
-## 🔗 Related Documentation
-
-- [Tablet Specs](./tablet-specs.md)
-- [Desktop Specs](./desktop-specs.md)
-- [Design System](../../DESIGN_SYSTEM.md)
-- [Auth Mockups](../mockups/auth-login-states.md)
-
----
-
-**Designer**: [Name]
-**Last Updated**: 2026-01-04
-**Version**: 2.0 (X.ai Minimal Redesign)
diff --git a/apps/web-client/src/docs/ux/flows/auth-login.md b/apps/web-client/src/docs/ux/flows/auth-login.md
deleted file mode 100644
index 6061e89a..00000000
--- a/apps/web-client/src/docs/ux/flows/auth-login.md
+++ /dev/null
@@ -1,393 +0,0 @@
-# User Flow: Login
-
-> **Goal**: Người dùng đăng nhập thành công vào hệ thống
-
-## 📋 Flow Overview
-
-**Entry Points**:
-- Direct URL: `/login`
-- From landing page
-- After logout
-- After session expiry
-- From protected route redirect
-
-**Exit Points**:
-- Success → Dashboard (`/`)
-- Forgot Password → `/forgot-password`
-- Sign Up → `/register`
-
----
-
-## 🗺️ Flow Diagram
-
-```
-┌─────────────┐
-│ Entry Point │
-└──────┬──────┘
-       │
-       v
-┌──────────────────────────────┐
-│   Login Page Loads           │
-│   - Email input (empty)      │
-│   - Password input (empty)   │
-│   - Remember me (unchecked)  │
-│   - Theme/Language controls  │
-└──────┬───────────────────────┘
-       │
-       v
-┌──────────────────────────────┐
-│  User Enters Email           │
-│  - Validation on blur        │
-│  - Error if invalid format   │
-└──────┬───────────────────────┘
-       │
-       v
-┌──────────────────────────────┐
-│  User Enters Password        │
-│  - Show/hide toggle          │
-│  - Validation on blur        │
-└──────┬───────────────────────┘
-       │
-       v
-┌──────────────────────────────┐
-│  User Clicks "Sign In"       │
-└──────┬───────────────────────┘
-       │
-       v
-┌──────────────────────────────┐
-│  Client-side Validation      │
-│  - Check all fields filled   │
-│  - Check valid email format  │
-└──────┬───────────────────────┘
-       │
-       ├─ Invalid → Show errors inline
-       │
-       v Valid
-┌──────────────────────────────┐
-│  Show Loading State          │
-│  - Disable button            │
-│  - Show spinner              │
-└──────┬───────────────────────┘
-       │
-       v
-┌──────────────────────────────┐
-│  Send API Request            │
-│  POST /api/auth/login        │
-└──────┬───────────────────────┘
-       │
-       ├─────────────────┬──────────────────┐
-       │                 │                  │
-       v Success         v Invalid Creds   v Server Error
-┌─────────────┐   ┌──────────────────┐ ┌──────────────────┐
-│ Save Token  │   │ Show Error:      │ │ Show Error:      │
-│ Set Cookie  │   │ "Invalid email   │ │ "Something went  │
-│ Update Auth │   │  or password"    │ │  wrong"          │
-│ State       │   │ - Clear password │ │ - Keep form data │
-└──────┬──────┘   │ - Focus email    │ │ - Enable retry   │
-       │          └──────────────────┘ └──────────────────┘
-       v
-┌─────────────┐
-│ Redirect to │
-│ Dashboard   │
-└─────────────┘
-```
-
----
-
-## 📝 Detailed Steps
-
-### Step 1: Page Load
-**Action**: User lands on `/login`
-
-**UI State**:
-- Clean form with empty fields
-- "Sign In" button enabled
-- Theme toggle (top-right)
-- Language switcher (top-right)
-
-**Technical**:
-- Check if already authenticated → redirect to `/`
-- Load theme preference from localStorage
-- Load language preference from localStorage
-
----
-
-### Step 2: Email Input
-**Action**: User types email address
-
-**Validation** (on blur):
-- ✅ Required field
-- ✅ Valid email format (`/^[^\s@]+@[^\s@]+\.[^\s@]+$/`)
-
-**Error Messages**:
-- Empty: "Email is required"
-- Invalid: "Please enter a valid email address"
-
-**UI Behavior**:
-- Focus ring: X.ai blue (#1D9BF0)
-- Error: Red border + error text below
-
----
-
-### Step 3: Password Input
-**Action**: User types password
-
-**Features**:
-- Password visibility toggle (eye icon)
-- Masked by default
-
-**Validation** (on blur):
-- ✅ Required field
-- ✅ Minimum length (8 characters)
-
-**Error Messages**:
-- Empty: "Password is required"
-- Too short: "Password must be at least 8 characters"
-
----
-
-### Step 4: Remember Me (Optional)
-**Action**: User checks "Remember me"
-
-**Behavior**:
-- If checked: Session persists 30 days
-- If unchecked: Session expires on browser close
-
----
-
-### Step 5: Form Submission
-**Action**: User clicks "Sign In" button
-
-**Client-side Validation**:
-```typescript
-// Validation rules
-{
-  email: {
-    required: true,
-    pattern: /^[^\s@]+@[^\s@]+\.[^\s@]+$/
-  },
-  password: {
-    required: true,
-    minLength: 8
-  }
-}
-```
-
-**If Invalid**:
-- Show all errors
-- Focus first invalid field
-- Don't send API request
-
-**If Valid**:
-- Proceed to API call
-
----
-
-### Step 6: Loading State
-**UI Changes**:
-- Button shows spinner
-- Button text: "Signing in..."
-- Button disabled
-- Form fields disabled
-
-**Duration**: Until API responds (typically 500ms-2s)
-
----
-
-### Step 7: API Response Handling
-
-#### ✅ Success (200 OK)
-**API Response**:
-```json
-{
-  "success": true,
-  "data": {
-    "token": "jwt_token_here",
-    "user": {
-      "id": "123",
-      "email": "user@example.com",
-      "name": "John Doe"
-    }
-  }
-}
-```
-
-**Actions**:
-1. Save token to localStorage/cookie
-2. Update auth state (Zustand)
-3. Show success toast (optional)
-4. Redirect to `/` (dashboard)
-
----
-
-#### ❌ Invalid Credentials (401 Unauthorized)
-**API Response**:
-```json
-{
-  "success": false,
-  "error": {
-    "code": "INVALID_CREDENTIALS",
-    "message": "Invalid email or password"
-  }
-}
-```
-
-**Actions**:
-1. Show error message below form
-2. Clear password field
-3. Focus email field
-4. Keep email value
-5. Enable retry
-
-**Error Display**:
-```
-⚠️ Invalid email or password. Please try again.
-```
-
----
-
-#### ⚠️ Account Locked (403 Forbidden)
-**API Response**:
-```json
-{
-  "success": false,
-  "error": {
-    "code": "ACCOUNT_LOCKED",
-    "message": "Too many failed attempts. Try again in 15 minutes."
-  }
-}
-```
-
-**Actions**:
-1. Show specific error
-2. Disable form for 15 minutes (optional)
-3. Show countdown timer
-
----
-
-#### 💥 Server Error (500)
-**API Response**:
-```json
-{
-  "success": false,
-  "error": {
-    "code": "SERVER_ERROR",
-    "message": "Something went wrong. Please try again."
-  }
-}
-```
-
-**Actions**:
-1. Show generic error message
-2. Keep form data
-3. Enable retry button
-
----
-
-## 🔀 Alternative Paths
-
-### Path A: Forgot Password
-**Trigger**: User clicks "Forgot password?" link
-
-**Action**: Navigate to `/forgot-password`
-
----
-
-### Path B: Sign Up
-**Trigger**: User clicks "Don't have an account? Sign up" link
-
-**Action**: Navigate to `/register`
-
----
-
-### Path C: Social Login (Future)
-**Trigger**: User clicks "Continue with Google" button
-
-**Action**:
-1. Open OAuth popup
-2. Handle callback
-3. Same success flow as email/password
-
----
-
-## ✅ Success Criteria
-
-Flow is successful when:
-- ✅ User is authenticated
-- ✅ Token is stored
-- ✅ User is redirected to dashboard
-- ✅ Dashboard loads with user data
-
----
-
-## 🧪 Testing Checklist
-
-**Functional Tests**:
-- [ ] Can submit with valid credentials
-- [ ] Cannot submit with empty fields
-- [ ] Cannot submit with invalid email
-- [ ] Error shown for wrong password
-- [ ] Loading state appears during API call
-- [ ] Remember me persists session
-- [ ] Forgot password link works
-- [ ] Sign up link works
-
-**Edge Cases**:
-- [ ] Already authenticated user redirected
-- [ ] Network error handled gracefully
-- [ ] API timeout handled (> 10s)
-- [ ] Special characters in password work
-- [ ] Copy-paste email works
-- [ ] Browser autofill works
-
-**Accessibility**:
-- [ ] Keyboard navigation works (Tab, Enter)
-- [ ] Screen reader announces errors
-- [ ] Focus management correct
-- [ ] Error messages have role="alert"
-
-**Performance**:
-- [ ] Page loads < 1s
-- [ ] API response < 2s
-- [ ] No layout shift during loading
-
----
-
-## 📱 Responsive Behavior
-
-**Mobile (< 640px)**:
-- Stack form vertically
-- Full-width button
-- Touch-friendly input size (min 44px height)
-- Virtual keyboard doesn't hide submit button
-
-**Tablet (640-1024px)**:
-- Same as mobile, centered
-
-**Desktop (> 1024px)**:
-- Centered form (max-width: 448px)
-- Ample padding around form
-
----
-
-## 🎨 Figma Prototype
-
-[Add link to Figma prototype here]
-
----
-
-## 📊 Analytics Events
-
-Track these events:
-- `login_page_viewed`
-- `login_form_submitted`
-- `login_success`
-- `login_failed` (with error code)
-- `forgot_password_clicked`
-- `sign_up_clicked`
-
----
-
-**Maintained by**: UX Team
-**Last Updated**: 2026-01-04
-**Version**: 2.0 (X.ai Minimal Redesign)
diff --git a/apps/web-client/src/docs/ux/sitemap.md b/apps/web-client/src/docs/ux/sitemap.md
deleted file mode 100644
index e4ab066a..00000000
--- a/apps/web-client/src/docs/ux/sitemap.md
+++ /dev/null
@@ -1,109 +0,0 @@
-# GoodGo Web Client - Sitemap
-
-> **Information Architecture** - Cấu trúc tổng quan của ứng dụng
->
-> Last Updated: 2026-01-04
-
-## 🗺️ Application Structure
-
-```
-GoodGo Web Client
-│
-├── 🔐 Authentication (Unauthenticated)
-│   ├── /login - Login Page
-│   │   ├── Email input
-│   │   ├── Password input
-│   │   ├── Remember me checkbox
-│   │   ├── Forgot password link → /forgot-password
-│   │   └── Sign up link → /register
-│   │
-│   ├── /register - Registration Page
-│   │   ├── Email input
-│   │   ├── Password input (with strength indicator)
-│   │   ├── Confirm password input
-│   │   ├── Terms & conditions checkbox
-│   │   └── Sign in link → /login
-│   │
-│   └── /forgot-password - Password Reset
-│       ├── Email input
-│       ├── Success state (email sent)
-│       └── Back to login link → /login
-│
-├── 🏠 Dashboard (Authenticated) - /
-│   ├── Overview section
-│   ├── Analytics widgets
-│   ├── Quick actions
-│   └── Navigation to other sections
-│
-├── 👤 Profile - /profile
-│   ├── User information
-│   ├── Settings
-│   │   ├── Theme toggle (Light/Dark)
-│   │   ├── Language switcher (EN/VI)
-│   │   └── Other preferences
-│   └── Account security
-│
-└── [Add more sections as they're developed]
-
-```
-
-## 📱 Mobile Navigation
-
-Mobile navigation should include:
-- Hamburger menu icon (top-left or top-right)
-- Collapsible sidebar
-- Bottom navigation bar (optional, for key actions)
-
-## 🎨 Visual Hierarchy
-
-1. **Level 1**: Authentication pages (public)
-2. **Level 2**: Main dashboard (authenticated)
-3. **Level 3**: Feature-specific pages
-4. **Level 4**: Settings & profile
-
-## 🔗 External Links
-
-- Help Center (future)
-- Privacy Policy (future)
-- Terms of Service (future)
-
-## 📝 Navigation Patterns
-
-### Primary Navigation
-- Logo (top-left) → Dashboard
-- Main menu items (horizontal or sidebar)
-- User menu (top-right)
-  - Profile
-  - Settings
-  - Logout
-
-### Secondary Navigation
-- Breadcrumbs (for deep pages)
-- Tabs (for section switching)
-- Back buttons (for flows)
-
-## 🚀 Future Additions
-
-Document new pages/sections here as they're added:
-
-- [ ] [Feature Name] - /route
-- [ ] [Feature Name] - /route
-
-## 🔍 SEO & Meta
-
-Each page should have:
-- Unique title tag
-- Meta description
-- Open Graph tags (for social sharing)
-
-## 📊 Analytics Tracking
-
-Pages to track:
-- All auth pages (login, register, forgot-password)
-- Dashboard landing
-- Conversion funnels (signup → onboarding)
-
----
-
-**Maintained by**: Design Team
-**Review frequency**: Monthly or when major features added
diff --git a/apps/web-client/src/docs/ux/wireframes/auth-pages-wireframes.md b/apps/web-client/src/docs/ux/wireframes/auth-pages-wireframes.md
deleted file mode 100644
index b81e2342..00000000
--- a/apps/web-client/src/docs/ux/wireframes/auth-pages-wireframes.md
+++ /dev/null
@@ -1,610 +0,0 @@
-# Authentication Pages - Wireframes
-
-> **UX Wireframe Documentation**
->
-> Low và Mid-fidelity wireframes cho 3 trang xác thực
-
-## 📋 Overview
-
-**Pages**: Login, Register, Forgot Password
-**Purpose**: Visual structure trước khi design chi tiết
-**Tools**: Figma, Sketch, or hand-drawn
-**Last Updated**: 2026-01-04
-
----
-
-## 🎯 Wireframe Levels
-
-### Low-Fidelity (Lo-Fi)
-**Purpose**: Validate layout và information hierarchy
-**Details**: Boxes, lines, placeholder text
-**Colors**: Grayscale only (no brand colors)
-**Time**: Quick sketches (15-30 mins per page)
-
-### Mid-Fidelity (Mid-Fi)
-**Purpose**: Define spacing, sizing, content
-**Details**: Actual text, proper sizing, grid system
-**Colors**: Still grayscale, but more refined
-**Time**: Detailed mockups (1-2 hours per page)
-
----
-
-## 📄 Page 1: Login
-
-### Low-Fidelity Wireframe
-
-```
-┌─────────────────────────────────────┐
-│                                     │ Theme/Lang
-│         [App Icon/Logo]             │ ◐ EN▼
-│                                     │
-│         Sign In                     │
-│         Subtitle text here          │
-│                                     │
-│    Email address                    │
-│    ┌─────────────────────────────┐ │
-│    │ your@email.com              │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    Password                         │
-│    ┌─────────────────────────────┐ │
-│    │ ••••••••                👁  │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    ☐ Remember me    Forgot password│
-│                                     │
-│    ┌─────────────────────────────┐ │
-│    │        Sign In              │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    Don't have an account? Sign up  │
-│                                     │
-└─────────────────────────────────────┘
-
-Annotations:
-- Container: 448px max-width, centered
-- Vertical spacing: 24px between sections
-- Input height: 44px
-- Button height: 48px
-```
-
-**Figma Link**: [Add lo-fi wireframe link]
-
-**Screenshot**:
-![Login Lo-Fi](../../../public/design/wireframes/login-lofi.png)
-*TODO: Add wireframe screenshot*
-
----
-
-### Mid-Fidelity Wireframe
-
-```
-┌────────────────────────────────────────────┐
-│                                            │ [Theme] [Lang]
-│              ┌────────┐                    │
-│              │  [★]   │  App Icon          │
-│              └────────┘  56x56px           │
-│                                            │
-│        Sign in to your account             │  36px, Bold
-│        Enter your credentials to access... │  14px, Gray
-│                                            │
-│                                            │
-│    Email address                           │  14px label
-│    ┌──────────────────────────────────┐   │
-│    │ you@example.com                  │   │  16px text
-│    └──────────────────────────────────┘   │  44px height
-│                                            │
-│                                            │  16px gap
-│    Password                                │  14px label
-│    ┌──────────────────────────────────┐   │
-│    │ ••••••••                    👁   │   │  16px text
-│    └──────────────────────────────────┘   │  44px height
-│                                            │
-│                                            │  12px gap
-│    ☐ Remember me          Forgot password?│  14px
-│                                            │
-│                                            │  24px gap
-│    ┌──────────────────────────────────┐   │
-│    │          Sign in                 │   │  16px, 600 weight
-│    └──────────────────────────────────┘   │  48px height
-│                                            │
-│                                            │  16px gap
-│    Don't have an account? Sign up          │  14px
-│    ────────────────────     ───────        │  Blue underline
-│                                            │
-└────────────────────────────────────────────┘
-
-Measurements:
-- Container: max-width 448px, padding 32px
-- Form to edges: 32px padding
-- Label to input: 8px
-- Input to input: 16px
-- Checkbox to link: space-between
-- Button margin-top: 24px
-
-Grid:
-- 8-point grid system
-- Vertical rhythm: 8px base
-
-Typography:
-- H1: 36px, extrabold
-- Subtitle: 14px, regular
-- Labels: 14px, medium
-- Inputs: 16px, regular
-- Button: 16px, semibold
-- Links: 14px, medium
-```
-
-**Figma Link**: [Add mid-fi wireframe link]
-
-**Screenshot**:
-![Login Mid-Fi](../../../public/design/wireframes/login-midfi.png)
-*TODO: Add wireframe screenshot*
-
----
-
-## 📄 Page 2: Register
-
-### Low-Fidelity Wireframe
-
-```
-┌─────────────────────────────────────┐
-│                                     │ Theme/Lang
-│         [App Icon/Logo]             │ ◐ EN▼
-│                                     │
-│         Create Account              │
-│         Subtitle text here          │
-│                                     │
-│    Email address                    │
-│    ┌─────────────────────────────┐ │
-│    │ your@email.com              │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    Password                         │
-│    ┌─────────────────────────────┐ │
-│    │ ••••••••                👁  │ │
-│    └─────────────────────────────┘ │
-│    Strength: [▓▓▓▓░] Strong        │
-│                                     │
-│    Confirm Password                 │
-│    ┌─────────────────────────────┐ │
-│    │ ••••••••                👁  │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    ☐ I agree to Terms & Conditions │
-│                                     │
-│    ┌─────────────────────────────┐ │
-│    │        Sign Up              │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    Already have an account? Sign in│
-│                                     │
-└─────────────────────────────────────┘
-
-Annotations:
-- Password strength: 4-bar indicator
-- Confirm password: validates match
-- Terms checkbox: required
-- Same spacing as login
-```
-
-**Figma Link**: [Add lo-fi wireframe link]
-
-**Screenshot**:
-![Register Lo-Fi](../../../public/design/wireframes/register-lofi.png)
-*TODO: Add wireframe screenshot*
-
----
-
-### Mid-Fidelity Wireframe
-
-```
-┌────────────────────────────────────────────┐
-│                                            │ [Theme] [Lang]
-│              ┌────────┐                    │
-│              │  [★]   │  App Icon          │
-│              └────────┘  56x56px           │
-│                                            │
-│        Create your account                 │  36px, Bold
-│        Get started with your free account  │  14px, Gray
-│                                            │
-│                                            │
-│    Email address                           │  14px label
-│    ┌──────────────────────────────────┐   │
-│    │ you@example.com                  │   │  16px text
-│    └──────────────────────────────────┘   │  44px height
-│                                            │
-│                                            │  16px gap
-│    Password                                │  14px label
-│    ┌──────────────────────────────────┐   │
-│    │ ••••••••                    👁   │   │  16px text
-│    └──────────────────────────────────┘   │  44px height
-│                                            │
-│    Password strength                       │  12px gray
-│    ┌──┬──┬──┬──┐                          │  4px height bars
-│    │▓▓│▓▓│▓▓│░░│ Strong                   │  Green text
-│    └──┴──┴──┴──┘                          │
-│                                            │  12px gap
-│    Confirm Password                        │  14px label
-│    ┌──────────────────────────────────┐   │
-│    │ ••••••••                    👁   │   │  16px text
-│    └──────────────────────────────────┘   │  44px height
-│                                            │
-│                                            │  16px gap
-│    ☐ I agree to Terms of Service and      │  14px
-│      Privacy Policy                        │  Blue links
-│                                            │
-│                                            │  24px gap
-│    ┌──────────────────────────────────┐   │
-│    │         Create Account           │   │  16px, 600 weight
-│    └──────────────────────────────────┘   │  48px height
-│                                            │
-│                                            │  16px gap
-│    Already have an account? Sign in        │  14px
-│    ──────────────────────────  ───────     │  Blue underline
-│                                            │
-└────────────────────────────────────────────┘
-
-Password Strength States:
-- Weak: 1 bar (Red)
-- Fair: 2 bars (Orange)
-- Good: 3 bars (Amber)
-- Strong: 4 bars (Green)
-
-Validation:
-- Email: valid format
-- Password: min 8 chars, 1 uppercase, 1 number
-- Confirm: matches password
-- Terms: must be checked
-```
-
-**Figma Link**: [Add mid-fi wireframe link]
-
-**Screenshot**:
-![Register Mid-Fi](../../../public/design/wireframes/register-midfi.png)
-*TODO: Add wireframe screenshot*
-
----
-
-## 📄 Page 3: Forgot Password
-
-### Low-Fidelity Wireframe
-
-```
-┌─────────────────────────────────────┐
-│                                     │ Theme/Lang
-│         [App Icon/Logo]             │ ◐ EN▼
-│                                     │
-│         Reset Password              │
-│         Subtitle text here          │
-│                                     │
-│    Email address                    │
-│    ┌─────────────────────────────┐ │
-│    │ your@email.com              │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    ┌─────────────────────────────┐ │
-│    │     Send Reset Link         │ │
-│    └─────────────────────────────┘ │
-│                                     │
-│    ← Back to Sign in                │
-│                                     │
-└─────────────────────────────────────┘
-
-Success State:
-┌─────────────────────────────────────┐
-│         [✓ Icon]                    │
-│                                     │
-│         Check your email            │
-│         We sent reset link to...    │
-│                                     │
-│    [Open Email App]                 │
-│                                     │
-│    Send to another email            │
-│    ← Back to Sign in                │
-└─────────────────────────────────────┘
-```
-
-**Figma Link**: [Add lo-fi wireframe link]
-
-**Screenshot**:
-![Forgot Password Lo-Fi](../../../public/design/wireframes/forgot-password-lofi.png)
-*TODO: Add wireframe screenshot*
-
----
-
-### Mid-Fidelity Wireframe
-
-**Initial State**:
-```
-┌────────────────────────────────────────────┐
-│                                            │ [Theme] [Lang]
-│              ┌────────┐                    │
-│              │  [★]   │  App Icon          │
-│              └────────┘  56x56px           │
-│                                            │
-│        Reset your password                 │  36px, Bold
-│        Enter your email to receive a...    │  14px, Gray
-│                                            │
-│                                            │
-│    Email address                           │  14px label
-│    ┌──────────────────────────────────┐   │
-│    │ you@example.com                  │   │  16px text
-│    └──────────────────────────────────┘   │  44px height
-│                                            │
-│                                            │  24px gap
-│    ┌──────────────────────────────────┐   │
-│    │       Send Reset Link            │   │  16px, 600 weight
-│    └──────────────────────────────────┘   │  48px height
-│                                            │
-│                                            │  16px gap
-│    ← Back to Sign in                       │  14px, blue
-│                                            │
-└────────────────────────────────────────────┘
-```
-
-**Success State**:
-```
-┌────────────────────────────────────────────┐
-│                                            │ [Theme] [Lang]
-│                                            │
-│              ┌────────┐                    │
-│              │  [✓]   │  Success Icon      │
-│              └────────┘  56x56px, Green    │
-│                                            │
-│        Check your email                    │  36px, Bold
-│        We've sent a password reset link    │  14px, Gray
-│        to your@example.com                 │
-│                                            │
-│                                            │  24px gap
-│    ┌──────────────────────────────────┐   │
-│    │       Open Email App             │   │  16px, Blue button
-│    └──────────────────────────────────┘   │  48px height
-│                                            │
-│                                            │  12px gap
-│    Didn't receive email? Resend            │  14px
-│                                            │
-│                                            │  16px gap
-│    ← Back to Sign in                       │  14px, blue
-│                                            │
-└────────────────────────────────────────────┘
-
-Notes:
-- Success icon: Green checkmark circle
-- Email shown: User's entered email
-- Open Email App: Deep link to mail client
-- Resend link: Available after 60 seconds
-```
-
-**Figma Link**: [Add mid-fi wireframe link]
-
-**Screenshot**:
-![Forgot Password Mid-Fi](../../../public/design/wireframes/forgot-password-midfi.png)
-*TODO: Add wireframe screenshot*
-
----
-
-## 📐 Design Grid & Spacing
-
-### 8-Point Grid System
-
-**Base Unit**: 8px
-
-**Vertical Rhythm**:
-- Extra small: 4px (0.5 unit)
-- Small: 8px (1 unit)
-- Medium: 16px (2 units)
-- Large: 24px (3 units)
-- Extra large: 32px (4 units)
-- Section: 48px (6 units)
-
-**Horizontal Spacing**:
-- Container padding: 32px (4 units)
-- Mobile padding: 16px (2 units)
-- Element spacing: 8px, 12px, 16px, 24px
-
-### Layout Grid
-
-**Desktop (> 1024px)**:
-- Max-width: 448px
-- Centered in viewport
-- Padding: 32px
-
-**Tablet (640-1024px)**:
-- Max-width: 448px
-- Centered
-- Padding: 24px
-
-**Mobile (< 640px)**:
-- Full width
-- Padding: 16px
-- Adjust spacing (reduce by 25%)
-
----
-
-## 🎨 Wireframe Conventions
-
-### Visual Elements
-
-**Boxes**:
-- Rectangle: Input field, button, container
-- Rounded rectangle: Button (8px radius)
-- Circle: Icon, avatar
-- Line: Separator
-
-**Text**:
-- UPPERCASE: Labels, headings
-- Mixed case: Body text, placeholder
-- Lorem ipsum: Placeholder content
-- Actual copy: Mid-fi onwards
-
-**Icons**:
-- [X]: Close/remove
-- [?]: Help/info
-- [⚙]: Settings
-- [★]: App icon placeholder
-- [👁]: Show/hide password
-- [✓]: Success, checkmark
-- [⚠]: Warning
-- [ⓘ]: Information
-
-**Interaction States**:
-- Dotted line: Focus state
-- Gray background: Disabled state
-- Bold outline: Active/selected state
-
----
-
-## 📱 Responsive Wireframe Variants
-
-### Mobile Wireframe (< 640px)
-
-**Changes from Desktop**:
-- Full-width layout
-- Reduced padding (16px)
-- Smaller heading (28px)
-- Adjusted spacing (reduce 25%)
-- Stack all elements vertically
-- Theme/Lang controls: Smaller (36px)
-
-**Screenshot**:
-![Mobile Wireframe](../../../public/design/wireframes/auth-mobile-wireframe.png)
-*TODO: Add mobile wireframe*
-
----
-
-### Tablet Wireframe (640-1024px)
-
-**Changes from Desktop**:
-- Same max-width (448px)
-- Centered layout
-- Slightly adjusted padding (24px)
-
----
-
-## 🔄 User Flow Integration
-
-### Wireframe Flow Diagram
-
-```
-┌──────────┐
-│  Login   │────────────┐
-│   Page   │            │
-└────┬─────┘            │
-     │                  ▼
-     │            ┌───────────┐
-     │            │  Forgot   │
-     │            │ Password  │
-     │            └───────────┘
-     │
-     ▼
-┌──────────┐
-│ Register │
-│   Page   │
-└──────────┘
-
-Transitions:
-- Login → Forgot: "Forgot password?" link
-- Login → Register: "Sign up" link
-- Forgot → Login: "Back to sign in" link
-- Register → Login: "Sign in" link
-```
-
-### Page States
-
-**Login**:
-1. Default (empty form)
-2. Typing (with values)
-3. Error (validation failed)
-4. Loading (submitting)
-5. Success (redirect)
-
-**Register**:
-1. Default (empty form)
-2. Typing (with password strength)
-3. Error (validation failed)
-4. Loading (submitting)
-5. Success (redirect or confirm email)
-
-**Forgot Password**:
-1. Default (empty form)
-2. Typing (email entered)
-3. Loading (sending)
-4. Success (email sent confirmation)
-5. Error (email not found)
-
----
-
-## ✅ Wireframe Review Checklist
-
-### Content
-- [ ] All necessary fields included
-- [ ] Labels clear and descriptive
-- [ ] CTAs (Call-to-Actions) obvious
-- [ ] Error states considered
-- [ ] Success states designed
-- [ ] Loading states indicated
-
-### Layout
-- [ ] Visual hierarchy clear
-- [ ] Important elements prominent
-- [ ] Spacing consistent
-- [ ] Alignment proper
-- [ ] Grid system applied
-- [ ] Responsive variants created
-
-### Interaction
-- [ ] Touch targets adequate (44px+)
-- [ ] Links distinguishable
-- [ ] Form flow logical
-- [ ] Error messages positioned well
-- [ ] Focus states indicated
-
-### Accessibility
-- [ ] Heading hierarchy correct (H1, H2, H3)
-- [ ] Form labels associated with inputs
-- [ ] Focus order logical
-- [ ] Color not sole indicator
-- [ ] Alt text for images/icons (noted)
-
----
-
-## 🔗 Next Steps
-
-After wireframes approved:
-
-1. **Create High-Fidelity Mockups**:
-   - Apply X.ai color palette
-   - Add glassmorphism effects
-   - Finalize typography
-   - Design all states
-   - See: [Auth Mockups](../mockups/auth-login-states.md)
-
-2. **Build Interactive Prototype**:
-   - Link pages in Figma
-   - Add transitions
-   - Test user flow
-   - Get stakeholder feedback
-
-3. **Handoff to Development**:
-   - Export assets
-   - Create specs
-   - Write implementation guide
-   - See: [Implementation Guide](../../implementation/auth-pages-implementation.md)
-
----
-
-## 📚 Related Documentation
-
-- [Login User Flow](../flows/auth-login.md)
-- [Sitemap](../sitemap.md)
-- [High-Fi Mockups](../../ui/mockups/auth-login-states.md)
-- [Mobile Specs](../../ui/responsive/mobile-specs.md)
-- [Design System](../../DESIGN_SYSTEM.md)
-
----
-
-**Created by**: UX Team
-**Last Updated**: 2026-01-04
-**Version**: 2.0 (X.ai Minimal Redesign)
-**Status**: Ready for High-Fi Design
diff --git a/apps/web-client/src/features/auth/components/auth-card.tsx b/apps/web-client/src/features/auth/components/auth-card.tsx
deleted file mode 100644
index 14c82207..00000000
--- a/apps/web-client/src/features/auth/components/auth-card.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-'use client';
-
-import React from 'react';
-import { cn } from '@/shared/lib/utils';
-import { BrandLogo } from '@/features/shared/components/brand/brand-logo';
-
-interface AuthCardProps {
-    children: React.ReactNode;
-    title: string;
-    description?: string;
-    className?: string;
-    footer?: React.ReactNode;
-}
-
-/**
- * EN: Shared component for consistent Auth page layouts
- * VI: Component dùng chung cho layout nhất quán giữa các trang Auth
- */
-export function AuthCard({
-    children,
-    title,
-    description,
-    className,
-    footer
-}: AuthCardProps) {
-    return (
-        <div className="flex min-h-[calc(100vh-3.5rem)] flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
-            <div className="w-full max-w-md md:max-w-[400px] space-y-8 flex flex-col items-center">
-                {/* EN: Logo & Header / VI: Logo & Tiêu đề */}
-                <div className="flex flex-col items-center">
-                    <BrandLogo variant="icon" size="lg" className="mb-6" />
-                    <h1 className="text-3xl font-bold text-text-primary tracking-tight">
-                        {title}
-                    </h1>
-                    {description && (
-                        <p className="mt-2 text-sm text-text-secondary">
-                            {description}
-                        </p>
-                    )}
-                </div>
-
-                {/* EN: Main Content / VI: Nội dung chính */}
-                <div className={cn(
-                    'w-full glass-card p-8 rounded-3xl shadow-glass-lg border border-glass-medium',
-                    'animate-in fade-in zoom-in-95 duration-normal',
-                    className
-                )}>
-                    {children}
-
-                    {footer && (
-                        <div className="text-center text-sm text-text-secondary mt-8">
-                            {footer}
-                        </div>
-                    )}
-                </div>
-            </div>
-        </div>
-    );
-}
diff --git a/apps/web-client/src/features/auth/index.ts b/apps/web-client/src/features/auth/index.ts
deleted file mode 100644
index 62004af4..00000000
--- a/apps/web-client/src/features/auth/index.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * EN: Authentication Feature Public API
- * VI: Public API của Feature Authentication
- *
- * This file exports the public API of the authentication feature.
- * File này export public API của feature authentication.
- */
-
-// Components
-// export * from './components/login-form';
-// export * from './components/register-form';
-// export * from './components/forgot-password-form';
-
-// Hooks
-// export * from './hooks/use-auth';
-
-// Stores
-// export { useAuthStore } from './stores/auth.store';
-
-// Types
-// export type * from './types/auth.types';
diff --git a/apps/web-client/src/features/auth/lib/index.ts b/apps/web-client/src/features/auth/lib/index.ts
deleted file mode 100644
index 944fe88d..00000000
--- a/apps/web-client/src/features/auth/lib/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Auth feature library exports
- * VI: Xuất thư viện của feature auth
- */
-
-export * from './oauth';
\ No newline at end of file
diff --git a/apps/web-client/src/features/auth/lib/oauth.ts b/apps/web-client/src/features/auth/lib/oauth.ts
deleted file mode 100644
index e518d8f6..00000000
--- a/apps/web-client/src/features/auth/lib/oauth.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- * EN: OAuth utility functions for social authentication
- * VI: Các hàm tiện ích OAuth cho xác thực mạng xã hội
- */
-
-/**
- * EN: Get API base URL from environment
- * VI: Lấy API base URL từ environment
- */
-const getApiBaseUrl = (): string => {
-  return process.env.NEXT_PUBLIC_API_URL || 'http://localhost/api/v1';
-};
-
-/**
- * EN: OAuth provider types
- * VI: Các loại provider OAuth
- */
-export type OAuthProvider = 'google' | 'facebook' | 'github';
-
-/**
- * EN: Initiate OAuth flow by redirecting to backend OAuth endpoint
- * VI: Bắt đầu luồng OAuth bằng cách chuyển hướng đến endpoint OAuth của backend
- *
- * @param provider - OAuth provider (google, facebook, github)
- * @param redirectUrl - Optional redirect URL after successful authentication
- */
-export const initiateOAuth = (provider: OAuthProvider, redirectUrl?: string): void => {
-  // EN: Store redirect URL in sessionStorage for use after callback
-  // VI: Lưu redirect URL vào sessionStorage để sử dụng sau callback
-  if (redirectUrl && typeof window !== 'undefined') {
-    sessionStorage.setItem('oauth_redirect', redirectUrl);
-  }
-
-  // EN: Build OAuth initiation URL
-  // VI: Xây dựng URL bắt đầu OAuth
-  const apiBaseUrl = getApiBaseUrl();
-  const oauthUrl = `${apiBaseUrl}/auth/social/${provider}`;
-
-  // EN: Redirect to backend OAuth endpoint
-  // VI: Chuyển hướng đến endpoint OAuth của backend
-  if (typeof window !== 'undefined') {
-    window.location.href = oauthUrl;
-  }
-};
-
-/**
- * EN: Handle OAuth callback by extracting token from URL
- * VI: Xử lý OAuth callback bằng cách trích xuất token từ URL
- *
- * @param token - Access token from OAuth callback
- * @returns Access token string
- */
-export const handleOAuthCallback = (token: string): string => {
-  return token;
-};
-
-/**
- * EN: Handle OAuth error by extracting error message from URL
- * VI: Xử lý lỗi OAuth bằng cách trích xuất thông báo lỗi từ URL
- *
- * @param errorMessage - Error message from OAuth callback
- * @returns Error message string
- */
-export const handleOAuthError = (errorMessage: string): string => {
-  return decodeURIComponent(errorMessage);
-};
-
-/**
- * EN: Get stored redirect URL from sessionStorage
- * VI: Lấy redirect URL đã lưu từ sessionStorage
- *
- * @returns Redirect URL or null
- */
-export const getStoredRedirectUrl = (): string | null => {
-  if (typeof window === 'undefined') {
-    return null;
-  }
-  const redirectUrl = sessionStorage.getItem('oauth_redirect');
-  if (redirectUrl) {
-    sessionStorage.removeItem('oauth_redirect');
-  }
-  return redirectUrl;
-};
-
-/**
- * EN: Google OAuth initiation helper
- * VI: Helper để bắt đầu OAuth Google
- *
- * @param redirectUrl - Optional redirect URL after successful authentication
- */
-export const signInWithGoogle = (redirectUrl?: string): void => {
-  initiateOAuth('google', redirectUrl);
-};
-
-/**
- * EN: Facebook OAuth initiation helper
- * VI: Helper để bắt đầu OAuth Facebook
- *
- * @param redirectUrl - Optional redirect URL after successful authentication
- */
-export const signInWithFacebook = (redirectUrl?: string): void => {
-  initiateOAuth('facebook', redirectUrl);
-};
-
-/**
- * EN: GitHub OAuth initiation helper
- * VI: Helper để bắt đầu OAuth GitHub
- *
- * @param redirectUrl - Optional redirect URL after successful authentication
- */
-export const signInWithGitHub = (redirectUrl?: string): void => {
-  initiateOAuth('github', redirectUrl);
-};
diff --git a/apps/web-client/src/features/chat/chat-input.tsx b/apps/web-client/src/features/chat/chat-input.tsx
deleted file mode 100644
index 16eaf45b..00000000
--- a/apps/web-client/src/features/chat/chat-input.tsx
+++ /dev/null
@@ -1,300 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-import { Button } from '@/features/shared/components/ui/button';
-import { useTranslations } from 'next-intl';
-
-/**
- * EN: ChatInput component props interface
- * VI: Interface cho props của component ChatInput
- */
-export interface ChatInputProps {
-  /**
-   * EN: Current input value / VI: Giá trị input hiện tại
-   */
-  value?: string;
-  /**
-   * EN: Callback when input value changes / VI: Callback khi giá trị input thay đổi
-   */
-  onChange?: (value: string) => void;
-  /**
-   * EN: Callback when send button is clicked or Enter is pressed / VI: Callback khi nút send được click hoặc Enter được nhấn
-   */
-  onSend?: (message: string) => void;
-  /**
-   * EN: Callback when attach file button is clicked / VI: Callback khi nút attach file được click
-   */
-  onAttachFile?: () => void;
-  /**
-   * EN: Placeholder text / VI: Text placeholder
-   */
-  placeholder?: string;
-  /**
-   * EN: Disabled state / VI: Trạng thái vô hiệu hóa
-   */
-  disabled?: boolean;
-  /**
-   * EN: Loading state - shows spinner on send button / VI: Trạng thái loading - hiển thị spinner trên nút send
-   */
-  loading?: boolean;
-  /**
-   * EN: Maximum height for textarea before scrolling / VI: Chiều cao tối đa cho textarea trước khi scroll
-   */
-  maxHeight?: number;
-  /**
-   * EN: Minimum height for textarea / VI: Chiều cao tối thiểu cho textarea
-   */
-  minHeight?: number;
-  /**
-   * EN: Additional CSS classes / VI: Các class CSS bổ sung
-   */
-  className?: string;
-}
-
-/**
- * EN: ChatInput component - Textarea input with auto-resize, attach file button, and send button
- * VI: Component ChatInput - Textarea input với auto-resize, nút attach file và nút send
- *
- * Features:
- * - Auto-resize textarea based on content
- * - Keyboard shortcuts: Enter to send, Shift+Enter for new line
- * - Attach file button (optional)
- * - Send button with loading state
- * - Follows design system theme colors
- *
- * Tính năng:
- * - Textarea tự động thay đổi kích thước dựa trên nội dung
- * - Phím tắt: Enter để gửi, Shift+Enter để xuống dòng
- * - Nút attach file (tùy chọn)
- * - Nút send với trạng thái loading
- * - Tuân theo màu sắc của design system
- *
- * @example
- * ```tsx
- * <ChatInput
- *   value={message}
- *   onChange={setMessage}
- *   onSend={handleSend}
- *   onAttachFile={handleAttachFile}
- *   placeholder="Type your message..."
- * />
- * ```
- */
-export function ChatInput({
-  value: externalValue,
-  onChange,
-  onSend,
-  onAttachFile,
-  placeholder,
-  disabled = false,
-  loading = false,
-  maxHeight = 200,
-  minHeight = 44,
-  className,
-}: ChatInputProps) {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const defaultPlaceholder = placeholder || t('chat.typeMessage');
-  // EN: Reference to textarea element for auto-resize / VI: Reference đến element textarea cho auto-resize
-  const textareaRef = React.useRef<HTMLTextAreaElement>(null);
-
-  // EN: Internal state for uncontrolled mode / VI: State nội bộ cho chế độ uncontrolled
-  const [internalValue, setInternalValue] = React.useState('');
-
-  // EN: Use external value if provided, otherwise use internal state / VI: Sử dụng external value nếu có, nếu không dùng internal state
-  const value = externalValue !== undefined ? externalValue : internalValue;
-
-  // EN: Handle textarea input change / VI: Xử lý thay đổi input textarea
-  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    const newValue = e.target.value;
-
-    // EN: Update internal state if uncontrolled / VI: Cập nhật internal state nếu uncontrolled
-    if (externalValue === undefined) {
-      setInternalValue(newValue);
-    }
-
-    onChange?.(newValue);
-
-    // EN: Auto-resize textarea / VI: Tự động thay đổi kích thước textarea
-    if (textareaRef.current) {
-      textareaRef.current.style.height = 'auto';
-      const scrollHeight = textareaRef.current.scrollHeight;
-      const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight);
-      textareaRef.current.style.height = `${newHeight}px`;
-    }
-  };
-
-  // EN: Handle keyboard shortcuts / VI: Xử lý phím tắt
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    // EN: Enter to send (unless Shift is pressed for new line) / VI: Enter để gửi (trừ khi nhấn Shift để xuống dòng)
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault();
-      handleSend();
-    }
-  };
-
-  // EN: Handle send message / VI: Xử lý gửi tin nhắn
-  const handleSend = () => {
-    const trimmedValue = value.trim();
-    if (trimmedValue && !disabled && !loading && onSend) {
-      onSend(trimmedValue);
-      // EN: Reset textarea height after sending / VI: Đặt lại chiều cao textarea sau khi gửi
-      if (textareaRef.current) {
-        textareaRef.current.style.height = `${minHeight}px`;
-      }
-      // EN: Clear internal state if uncontrolled / VI: Xóa internal state nếu uncontrolled
-      if (externalValue === undefined) {
-        setInternalValue('');
-      }
-      // EN: Clear input value (expecting parent to handle this via onChange) / VI: Xóa giá trị input (kỳ vọng parent xử lý qua onChange)
-      onChange?.('');
-    }
-  };
-
-  // EN: Adjust textarea height on mount and when value changes / VI: Điều chỉnh chiều cao textarea khi mount và khi value thay đổi
-  React.useEffect(() => {
-    if (textareaRef.current) {
-      // EN: Reset height to auto to get accurate scrollHeight / VI: Đặt lại chiều cao về auto để lấy scrollHeight chính xác
-      textareaRef.current.style.height = 'auto';
-      const scrollHeight = textareaRef.current.scrollHeight;
-      const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight);
-      textareaRef.current.style.height = `${newHeight}px`;
-    }
-  }, [value, minHeight, maxHeight]);
-
-  // EN: Check if send button should be enabled / VI: Kiểm tra xem nút send có nên được kích hoạt không
-  const canSend = value.trim().length > 0 && !disabled && !loading;
-
-  return (
-    <div
-      className={cn(
-        'flex items-end gap-2 w-full',
-        'border-t border-border-primary bg-bg-secondary',
-        'p-4',
-        // EN: Mobile: Sticky bottom / VI: Mobile: Sticky bottom
-        'max-md:sticky max-md:bottom-0 max-md:z-10',
-        // EN: Mobile: Safe area padding for iOS / VI: Mobile: Safe area padding cho iOS
-        'max-md:pb-[env(safe-area-inset-bottom)]',
-        className
-      )}
-    >
-      {/* EN: Attach file button / VI: Nút attach file */}
-      {onAttachFile && (
-        <button
-          type="button"
-          onClick={onAttachFile}
-          disabled={disabled}
-          className={cn(
-            'flex-shrink-0',
-            // EN: Mobile: Minimum 44px touch target / VI: Mobile: Touch target tối thiểu 44px
-            'w-10 h-10 md:w-10 md:h-10',
-            'min-w-[44px] min-h-[44px]',
-            'flex items-center justify-center',
-            'rounded-md',
-            'text-text-tertiary hover:text-text-secondary',
-            'hover:bg-bg-tertiary active:bg-bg-elevated',
-            'transition-colors duration-[150ms]',
-            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary focus-visible:ring-offset-2',
-            disabled && 'opacity-50 cursor-not-allowed'
-          )}
-          aria-label={t('chat.attachFile')}
-        >
-          <svg
-            className="w-5 h-5"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            strokeWidth={2}
-            aria-hidden="true"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M18.375 12.739l-7.693 7.693a4.5 4.5 0 01-6.364-6.364l10.94-10.94A3 3 0 1119.5 7.372L8.552 18.32m.009-.01l-.01.01m5.699-9.941l-7.81 7.81a1.5 1.5 0 002.122 2.122l7.81-7.81"
-            />
-          </svg>
-        </button>
-      )}
-
-      {/* EN: Textarea input / VI: Textarea input */}
-      <div className="flex-1 relative">
-        <textarea
-          ref={textareaRef}
-          value={value}
-          onChange={handleChange}
-          onKeyDown={handleKeyDown}
-          disabled={disabled}
-          placeholder={defaultPlaceholder}
-          rows={1}
-          className={cn(
-            'w-full',
-            'px-4 py-3',
-            'bg-bg-tertiary',
-            'border border-border-primary rounded-lg',
-            'text-text-primary placeholder:text-text-tertiary',
-            'resize-none',
-            'overflow-y-auto',
-            'focus-visible:outline-none',
-            'focus-visible:border-accent-primary',
-            'focus-visible:ring-2 focus-visible:ring-accent-primary focus-visible:ring-offset-2',
-            'focus-visible:shadow-[0_0_20px_rgba(59,130,246,0.3)]',
-            'transition-all duration-[150ms]',
-            'text-base',
-            disabled && 'cursor-not-allowed opacity-50',
-            // EN: Custom scrollbar styling / VI: Styling scrollbar tùy chỉnh
-            'scrollbar-thin scrollbar-thumb-border-secondary scrollbar-track-transparent',
-            'hover:scrollbar-thumb-border-secondary'
-          )}
-          style={{
-            minHeight: `${minHeight}px`,
-            maxHeight: `${maxHeight}px`,
-          }}
-          aria-label={t('chat.messageInput')}
-          aria-describedby="chat-input-help"
-        />
-        {/* EN: Hidden helper text for screen readers / VI: Text hướng dẫn ẩn cho screen readers */}
-        <span id="chat-input-help" className="sr-only">
-          {t('chat.sendHelp')}
-        </span>
-      </div>
-
-      {/* EN: Send button / VI: Nút send */}
-      <Button
-        type="button"
-        onClick={handleSend}
-        isDisabled={!canSend}
-        isLoading={loading}
-        variant="primary"
-        size="md"
-        className={cn(
-          'flex-shrink-0',
-          'w-10 h-10 p-0',
-          // EN: Mobile: Minimum 44px touch target / VI: Mobile: Touch target tối thiểu 44px
-          'min-w-[44px] min-h-[44px]',
-          'rounded-lg',
-          // EN: Adjust button styles for square shape / VI: Điều chỉnh styles cho button hình vuông
-          !canSend && 'opacity-50 cursor-not-allowed'
-        )}
-        aria-label={t('chat.send')}
-      >
-        {!loading && (
-          <svg
-            className="w-5 h-5"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            strokeWidth={2}
-            aria-hidden="true"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5"
-            />
-          </svg>
-        )}
-      </Button>
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/chat/chat-layout.tsx b/apps/web-client/src/features/chat/chat-layout.tsx
deleted file mode 100644
index d776e72b..00000000
--- a/apps/web-client/src/features/chat/chat-layout.tsx
+++ /dev/null
@@ -1,304 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-import { Menu, X } from 'lucide-react';
-import { useTranslations } from 'next-intl';
-
-/**
- * EN: Chat layout component props interface
- * VI: Interface cho props của component Chat layout
- */
-export interface ChatLayoutProps {
-  /**
-   * EN: Left sidebar content (conversation list, search, etc.)
-   * VI: Nội dung sidebar trái (danh sách cuộc trò chuyện, tìm kiếm, etc.)
-   */
-  sidebar?: React.ReactNode;
-  /**
-   * EN: Main chat area content (messages, header, input)
-   * VI: Nội dung khu vực chat chính (tin nhắn, header, input)
-   */
-  children: React.ReactNode;
-  /**
-   * EN: Right panel content (settings, participants, etc.) - optional
-   * VI: Nội dung panel bên phải (cài đặt, người tham gia, etc.) - tùy chọn
-   */
-  rightPanel?: React.ReactNode;
-  /**
-   * EN: Whether the sidebar is visible (for mobile responsiveness)
-   * VI: Sidebar có hiển thị hay không (cho responsive mobile)
-   */
-  sidebarVisible?: boolean;
-  /**
-   * EN: Whether the right panel is visible
-   * VI: Panel bên phải có hiển thị hay không
-   */
-  rightPanelVisible?: boolean;
-  /**
-   * EN: Callback when sidebar visibility changes
-   * VI: Callback khi trạng thái hiển thị sidebar thay đổi
-   */
-  onSidebarToggle?: (visible: boolean) => void;
-  /**
-   * EN: Callback when right panel visibility changes
-   * VI: Callback khi trạng thái hiển thị panel bên phải thay đổi
-   */
-  onRightPanelToggle?: (visible: boolean) => void;
-  /**
-   * EN: Additional CSS classes
-   * VI: Các class CSS bổ sung
-   */
-  className?: string;
-}
-
-/**
- * EN: Chat layout component - Main layout structure for chat interface
- * VI: Component Chat layout - Cấu trúc layout chính cho giao diện chat
- *
- * Layout structure:
- * - Left Sidebar (280px): Conversation list, search, user profile
- * - Main Chat Area (flex-1, max 768px centered): Messages, header, input
- * - Right Panel (320px, optional): Settings, participants, shared files
- *
- * Responsive behavior:
- * - Mobile (< 768px): Hide sidebar by default, full-width messages
- * - Tablet (768px - 1024px): Sidebar + Main (two columns)
- * - Desktop (> 1024px): Sidebar + Main + Right Panel (three columns)
- *
- * Cấu trúc layout:
- * - Sidebar trái (280px): Danh sách cuộc trò chuyện, tìm kiếm, profile người dùng
- * - Khu vực chat chính (flex-1, tối đa 768px căn giữa): Tin nhắn, header, input
- * - Panel bên phải (320px, tùy chọn): Cài đặt, người tham gia, file đã chia sẻ
- *
- * Hành vi responsive:
- * - Mobile (< 768px): Ẩn sidebar mặc định, tin nhắn full-width
- * - Tablet (768px - 1024px): Sidebar + Main (hai cột)
- * - Desktop (> 1024px): Sidebar + Main + Right Panel (ba cột)
- *
- * @example
- * ```tsx
- * <ChatLayout
- *   sidebar={<ConversationSidebar />}
- *   rightPanel={<ConversationSettings />}
- * >
- *   <ChatMessages />
- * </ChatLayout>
- * ```
- */
-export function ChatLayout({
-  sidebar,
-  children,
-  rightPanel,
-  sidebarVisible = true,
-  rightPanelVisible = false,
-  onSidebarToggle,
-  onRightPanelToggle: _onRightPanelToggle,
-  className,
-}: ChatLayoutProps) {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-
-  // EN: Mobile: Hide sidebar by default / VI: Mobile: Ẩn sidebar mặc định
-  const [mobileSidebarVisible, setMobileSidebarVisible] = React.useState(false);
-  const [touchStart, setTouchStart] = React.useState<number | null>(null);
-  const [touchEnd, setTouchEnd] = React.useState<number | null>(null);
-
-  // EN: Minimum swipe distance (px) / VI: Khoảng cách swipe tối thiểu (px)
-  const minSwipeDistance = 50;
-
-  // EN: Handle touch start / VI: Xử lý bắt đầu chạm
-  const onTouchStart = (e: React.TouchEvent) => {
-    setTouchEnd(null);
-    setTouchStart(e.targetTouches[0].clientX);
-  };
-
-  // EN: Handle touch move / VI: Xử lý di chuyển chạm
-  const onTouchMove = (e: React.TouchEvent) => {
-    setTouchEnd(e.targetTouches[0].clientX);
-  };
-
-  // EN: Handle touch end / VI: Xử lý kết thúc chạm
-  const onTouchEnd = () => {
-    if (!touchStart || !touchEnd) return;
-    const distance = touchStart - touchEnd;
-    const isLeftSwipe = distance > minSwipeDistance;
-    const isRightSwipe = distance < -minSwipeDistance;
-
-    // EN: Swipe right to open sidebar / VI: Vuốt phải để mở sidebar
-    if (isRightSwipe && !mobileSidebarVisible) {
-      setMobileSidebarVisible(true);
-      onSidebarToggle?.(true);
-    }
-    // EN: Swipe left to close sidebar / VI: Vuốt trái để đóng sidebar
-    if (isLeftSwipe && mobileSidebarVisible) {
-      setMobileSidebarVisible(false);
-      onSidebarToggle?.(false);
-    }
-  };
-
-  // EN: Sync mobile sidebar state with prop / VI: Đồng bộ state sidebar mobile với prop
-  React.useEffect(() => {
-    if (typeof window !== 'undefined' && window.innerWidth < 768) {
-      setMobileSidebarVisible(sidebarVisible);
-    }
-  }, [sidebarVisible]);
-
-  // EN: Tablet: Show sidebar by default, but toggleable / VI: Tablet: Hiện sidebar mặc định, nhưng có thể toggle
-  const [tabletSidebarVisible, setTabletSidebarVisible] = React.useState(true);
-
-  // EN: Determine if sidebar should be visible / VI: Xác định sidebar có nên hiển thị không
-  const getSidebarVisibility = () => {
-    if (typeof window === 'undefined') return sidebarVisible;
-    const width = window.innerWidth;
-    if (width < 768) {
-      // EN: Mobile: Use mobile state / VI: Mobile: Dùng state mobile
-      return mobileSidebarVisible;
-    } else if (width >= 768 && width < 1024) {
-      // EN: Tablet: Use tablet state / VI: Tablet: Dùng state tablet
-      return tabletSidebarVisible;
-    }
-    // EN: Desktop: Use prop / VI: Desktop: Dùng prop
-    return sidebarVisible;
-  };
-
-  const isSidebarVisible = getSidebarVisibility();
-
-  return (
-    <div
-      className={cn(
-        // EN: Base layout container / VI: Container layout cơ bản
-        'flex h-screen w-full overflow-hidden bg-bg-primary',
-        className
-      )}
-      onTouchStart={onTouchStart}
-      onTouchMove={onTouchMove}
-      onTouchEnd={onTouchEnd}
-    >
-      {/* EN: Mobile/Tablet menu button / VI: Nút menu mobile/tablet */}
-      {sidebar && (
-        <button
-          onClick={() => {
-            const newVisible = !isSidebarVisible;
-            if (typeof window !== 'undefined') {
-              const width = window.innerWidth;
-              if (width < 768) {
-                setMobileSidebarVisible(newVisible);
-              } else if (width >= 768 && width < 1024) {
-                setTabletSidebarVisible(newVisible);
-              }
-            }
-            onSidebarToggle?.(newVisible);
-          }}
-          className={cn(
-            'lg:hidden',
-            'fixed top-4 left-4 z-50',
-            'p-2 rounded-lg',
-            'bg-bg-elevated border border-border-primary',
-            'text-text-primary hover:bg-bg-tertiary',
-            'transition-colors duration-[150ms]',
-            'shadow-lg',
-            'min-w-[44px] min-h-[44px]'
-          )}
-          aria-label={isSidebarVisible ? t('chat.closeSidebar', { defaultValue: 'Close sidebar' }) : t('chat.openSidebar', { defaultValue: 'Open sidebar' })}
-        >
-          {isSidebarVisible ? (
-            <X className="h-5 w-5" />
-          ) : (
-            <Menu className="h-5 w-5" />
-          )}
-        </button>
-      )}
-
-      {/* EN: Left Sidebar / VI: Sidebar trái */}
-      {sidebar && (
-        <aside
-          className={cn(
-            // EN: Base sidebar styles / VI: Style sidebar cơ bản
-            'flex flex-col bg-bg-secondary border-r border-border-primary transition-all duration-[250ms] ease-out',
-            // EN: Desktop: Fixed width 280px / VI: Desktop: Chiều rộng cố định 280px
-            'w-sidebar flex-shrink-0',
-            // EN: Mobile: Hide by default, show when sidebarVisible / VI: Mobile: Ẩn mặc định, hiện khi sidebarVisible
-            'max-md:fixed max-md:inset-y-0 max-md:left-0 max-md:z-40',
-            'max-md:transform max-md:transition-transform',
-            isSidebarVisible ? 'max-md:translate-x-0' : 'max-md:-translate-x-full',
-            // EN: Tablet: Show by default, toggleable / VI: Tablet: Hiện mặc định, có thể toggle
-            'md:block lg:block',
-            !isSidebarVisible && 'md:hidden'
-          )}
-          aria-label={t('chat.conversationSidebar', { defaultValue: 'Conversation sidebar' })}
-        >
-          {sidebar}
-        </aside>
-      )}
-
-      {/* EN: Main Chat Area / VI: Khu vực chat chính */}
-      <main
-        id="main-content"
-        className={cn(
-          // EN: Base main area styles / VI: Style khu vực chính cơ bản
-          'flex flex-col flex-1 overflow-hidden',
-          // EN: Center content with max-width constraint on desktop / VI: Căn giữa nội dung với giới hạn chiều rộng tối đa trên desktop
-          'md:items-center',
-          // EN: Mobile: Full width / VI: Mobile: Full width
-          'w-full'
-        )}
-        role="main"
-        aria-label={t('chat.mainChatArea', { defaultValue: 'Main chat area' })}
-      >
-        <div
-          className={cn(
-            // EN: Content container with max-width on desktop / VI: Container nội dung với chiều rộng tối đa trên desktop
-            'w-full flex flex-col h-full',
-            // EN: Mobile: Full width / VI: Mobile: Full width
-            'max-md:max-w-none',
-            // EN: Tablet: Medium width (60%) / VI: Tablet: Chiều rộng trung bình (60%)
-            'md:max-w-[60%] md:mx-auto',
-            // EN: Desktop: Max width 768px centered / VI: Desktop: Chiều rộng tối đa 768px căn giữa
-            'lg:max-w-chat-max lg:mx-auto'
-          )}
-        >
-          {children}
-        </div>
-      </main>
-
-      {/* EN: Right Panel / VI: Panel bên phải */}
-      {rightPanel && (
-        <aside
-          className={cn(
-            // EN: Base right panel styles / VI: Style panel bên phải cơ bản
-            'flex flex-col bg-bg-secondary border-l border-border-primary transition-all duration-[250ms] ease-out',
-            // EN: Desktop: Fixed width 320px, only show on large screens / VI: Desktop: Chiều rộng cố định 320px, chỉ hiện trên màn hình lớn
-            'w-80 flex-shrink-0',
-            // EN: Hide on small/medium screens / VI: Ẩn trên màn hình nhỏ/trung bình
-            'max-lg:hidden',
-            // EN: Show/hide based on rightPanelVisible prop / VI: Hiện/ẩn dựa trên prop rightPanelVisible
-            rightPanelVisible ? 'lg:flex' : 'lg:hidden'
-          )}
-          aria-label={t('chat.conversationSettingsPanel', { defaultValue: 'Conversation settings panel' })}
-        >
-          {rightPanel}
-        </aside>
-      )}
-
-      {/* EN: Mobile overlay when sidebar is visible / VI: Overlay mobile khi sidebar hiển thị */}
-      {sidebar && isSidebarVisible && (
-        <div
-          className={cn(
-            // EN: Overlay for mobile sidebar / VI: Overlay cho sidebar mobile
-            'fixed inset-0 bg-black/50 z-30',
-            // EN: Only show on mobile, not tablet / VI: Chỉ hiện trên mobile, không phải tablet
-            'md:hidden'
-          )}
-          onClick={() => {
-            if (typeof window !== 'undefined' && window.innerWidth < 768) {
-              setMobileSidebarVisible(false);
-              onSidebarToggle?.(false);
-            }
-          }}
-          aria-hidden="true"
-        />
-      )}
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/chat/conversation-sidebar.tsx b/apps/web-client/src/features/chat/conversation-sidebar.tsx
deleted file mode 100644
index fcee58b3..00000000
--- a/apps/web-client/src/features/chat/conversation-sidebar.tsx
+++ /dev/null
@@ -1,261 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-import { Button } from '@/features/shared/components/ui/button';
-import { Input } from '@/features/shared/components/ui/input';
-import { Avatar, AvatarFallback } from '@/features/shared/components/ui/avatar';
-import { useAuthStore } from '@/stores/auth-store';
-import { useTranslations } from 'next-intl';
-import { useI18n } from '@/features/theme';
-
-/**
- * EN: Conversation interface
- * VI: Interface cho Conversation
- */
-export interface Conversation {
-  /** EN: Unique conversation ID / VI: ID duy nhất của conversation */
-  id: string;
-  /** EN: Conversation title / VI: Tiêu đề conversation */
-  title: string;
-  /** EN: Last message preview / VI: Xem trước tin nhắn cuối */
-  lastMessage?: string;
-  /** EN: Last message timestamp / VI: Timestamp tin nhắn cuối */
-  lastMessageAt?: Date;
-  /** EN: Whether conversation is selected / VI: Conversation có được chọn không */
-  isSelected?: boolean;
-}
-
-/**
- * EN: ConversationSidebar component props
- * VI: Props của component ConversationSidebar
- */
-export interface ConversationSidebarProps {
-  /** EN: List of conversations / VI: Danh sách conversations */
-  conversations?: Conversation[];
-  /** EN: Selected conversation ID / VI: ID conversation được chọn */
-  selectedConversationId?: string;
-  /** EN: Callback when conversation is selected / VI: Callback khi conversation được chọn */
-  onSelectConversation?: (conversationId: string) => void;
-  /** EN: Callback when new chat button is clicked / VI: Callback khi nút new chat được click */
-  onNewChat?: () => void;
-  /** EN: Additional CSS classes / VI: Các class CSS bổ sung */
-  className?: string;
-}
-
-/**
- * EN: ConversationSidebar component - Sidebar with conversation list, search, and user profile
- * VI: Component ConversationSidebar - Sidebar với danh sách conversation, tìm kiếm, và profile người dùng
- *
- * Features:
- * - New Chat button
- * - Search conversations input
- * - Scrollable conversation list
- * - User profile section (sticky bottom)
- *
- * Tính năng:
- * - Nút New Chat
- * - Input tìm kiếm conversations
- * - Danh sách conversation có thể scroll
- * - Phần profile người dùng (sticky bottom)
- */
-export function ConversationSidebar({
-  conversations = [],
-  selectedConversationId,
-  onSelectConversation,
-  onNewChat,
-  className,
-}: ConversationSidebarProps) {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const { locale } = useI18n();
-  // EN: Get current user from auth store / VI: Lấy user hiện tại từ auth store
-  const { user } = useAuthStore();
-
-  // EN: Search state / VI: State tìm kiếm
-  const [searchQuery, setSearchQuery] = React.useState('');
-
-  // EN: Filter conversations based on search query / VI: Lọc conversations dựa trên search query
-  const filteredConversations = React.useMemo(() => {
-    if (!searchQuery.trim()) {
-      return conversations;
-    }
-    const query = searchQuery.toLowerCase();
-    return conversations.filter(
-      (conv) =>
-        conv.title.toLowerCase().includes(query) ||
-        conv.lastMessage?.toLowerCase().includes(query)
-    );
-  }, [conversations, searchQuery]);
-
-  // EN: Format timestamp to relative time / VI: Format timestamp thành thời gian tương đối
-  const formatRelativeTime = (date?: Date): string => {
-    if (!date) return '';
-    const now = new Date();
-    const diffMs = now.getTime() - date.getTime();
-    const diffMins = Math.floor(diffMs / 60000);
-    const diffHours = Math.floor(diffMs / 3600000);
-    const diffDays = Math.floor(diffMs / 86400000);
-
-    if (diffMins < 1) return t('chat.justNow');
-    if (diffMins < 60) return `${diffMins}m`;
-    if (diffHours < 24) return `${diffHours}h`;
-    if (diffDays < 7) return `${diffDays}d`;
-    return date.toLocaleDateString(locale === 'vi' ? 'vi-VN' : 'en-US', { month: 'short', day: 'numeric' });
-  };
-
-  // EN: Get user initials for avatar fallback / VI: Lấy initials của user cho avatar fallback
-  const getUserInitials = (email?: string): string => {
-    if (!email) return 'U';
-    const parts = email.split('@')[0].split(/[._-]/);
-    if (parts.length >= 2) {
-      return (parts[0][0] + parts[1][0]).toUpperCase();
-    }
-    return email.substring(0, 2).toUpperCase();
-  };
-
-  return (
-    <div
-      className={cn(
-        // EN: Base styles - fixed width sidebar / VI: Styles cơ bản - sidebar cố định chiều rộng
-        'flex flex-col h-full w-sidebar bg-bg-secondary border-r border-border-primary',
-        className
-      )}
-    >
-      {/* EN: Header section with New Chat button / VI: Phần header với nút New Chat */}
-      <header className="p-4 border-b border-border-primary" role="banner">
-        <Button
-          variant="primary"
-          size="md"
-          className="w-full"
-          onClick={onNewChat}
-          aria-label={t('chat.newChat')}
-        >
-          {/* EN: Plus icon / VI: Icon dấu cộng */}
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            className="mr-2 h-4 w-4"
-          >
-            <path d="M5 12h14" />
-            <path d="M12 5v14" />
-          </svg>
-          {t('chat.newChat')}
-        </Button>
-      </header>
-
-      {/* EN: Search section / VI: Phần tìm kiếm */}
-      <nav className="p-4 border-b border-border-primary" role="search" aria-label={t('chat.searchConversations')}>
-        <Input
-          type="search"
-          placeholder={t('chat.searchPlaceholder')}
-          value={searchQuery}
-          onChange={setSearchQuery}
-          className="w-full"
-          aria-label={t('chat.searchConversations')}
-        />
-      </nav>
-
-      {/* EN: Conversations list (scrollable) / VI: Danh sách conversations (có thể scroll) */}
-      <nav className="flex-1 overflow-y-auto" role="navigation" aria-label={t('chat.conversationList')}>
-        {filteredConversations.length === 0 ? (
-          <div className="flex flex-col items-center justify-center h-full p-8 text-center">
-            <p className="text-text-tertiary text-sm">
-              {searchQuery
-                ? t('chat.noConversationsFound')
-                : t('chat.noConversations')}
-            </p>
-          </div>
-        ) : (
-          <div className="p-2">
-            {filteredConversations.map((conversation) => (
-              <button
-                key={conversation.id}
-                onClick={() => onSelectConversation?.(conversation.id)}
-                className={cn(
-                  // EN: Base conversation item styles / VI: Styles cơ bản cho item conversation
-                  'w-full text-left p-3 rounded-lg mb-2 transition-all duration-[150ms]',
-                  // EN: Touch-friendly: Minimum 44px height, 8px spacing / VI: Thân thiện với chạm: Chiều cao tối thiểu 44px, khoảng cách 8px
-                  'min-h-[44px]',
-                  'hover:bg-bg-tertiary active:scale-[0.98] active:bg-bg-elevated',
-                  'focus:outline-none focus:ring-2 focus:ring-accent-primary focus:ring-offset-2 focus:ring-offset-bg-secondary',
-                  // EN: Selected state / VI: Trạng thái được chọn
-                  conversation.id === selectedConversationId || conversation.isSelected
-                    ? 'bg-bg-tertiary border-l-3 border-accent-primary'
-                    : 'bg-transparent'
-                )}
-                aria-label={`${t('chat.conversation')}: ${conversation.title}`}
-              >
-                {/* EN: Conversation title / VI: Tiêu đề conversation */}
-                <div className="flex items-start justify-between gap-2 mb-1">
-                  <h3 className="text-sm font-medium text-text-primary truncate flex-1">
-                    {conversation.title}
-                  </h3>
-                  {conversation.lastMessageAt && (
-                    <span className="text-xs text-chat-timestamp whitespace-nowrap">
-                      {formatRelativeTime(conversation.lastMessageAt)}
-                    </span>
-                  )}
-                </div>
-
-                {/* EN: Last message preview / VI: Xem trước tin nhắn cuối */}
-                {conversation.lastMessage && (
-                  <p className="text-xs text-text-tertiary truncate">
-                    {conversation.lastMessage}
-                  </p>
-                )}
-              </button>
-            ))}
-          </div>
-        )}
-      </nav>
-
-      {/* EN: User profile section (sticky bottom) / VI: Phần profile người dùng (sticky bottom) */}
-      {user && (
-        <div className="p-4 border-t border-border-primary bg-bg-secondary">
-          <div className="flex items-center gap-3">
-            <Avatar size="sm">
-              <AvatarFallback>{getUserInitials(user.email)}</AvatarFallback>
-            </Avatar>
-            <div className="flex-1 min-w-0">
-              <p className="text-sm font-medium text-text-primary truncate">
-                {user.email}
-              </p>
-              <p className="text-xs text-text-tertiary truncate">
-                {user.role}
-              </p>
-            </div>
-            {/* EN: Settings icon / VI: Icon cài đặt */}
-            <button
-              className="p-2 rounded-md hover:bg-bg-tertiary transition-colors"
-              aria-label={t('settings.title')}
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                className="h-4 w-4 text-text-tertiary"
-              >
-                <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />
-                <circle cx="12" cy="12" r="3" />
-              </svg>
-            </button>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/chat/index.ts b/apps/web-client/src/features/chat/index.ts
deleted file mode 100644
index ce960a6d..00000000
--- a/apps/web-client/src/features/chat/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * EN: Chat feature exports
- * VI: Export các thành phần chat
- */
-
-export * from './chat-input';
-export * from './chat-layout';
-export * from './conversation-sidebar';
-export * from './message-actions-menu';
-export * from './message-bubble';
-export * from './typing-indicator';
diff --git a/apps/web-client/src/features/chat/lib/index.ts b/apps/web-client/src/features/chat/lib/index.ts
deleted file mode 100644
index ba6ae4e0..00000000
--- a/apps/web-client/src/features/chat/lib/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Chat feature library exports
- * VI: Xuất thư viện của feature chat
- */
-
-export * from './websocket';
\ No newline at end of file
diff --git a/apps/web-client/src/features/chat/lib/websocket.ts b/apps/web-client/src/features/chat/lib/websocket.ts
deleted file mode 100644
index 5310bd7a..00000000
--- a/apps/web-client/src/features/chat/lib/websocket.ts
+++ /dev/null
@@ -1,432 +0,0 @@
-/**
- * EN: WebSocket client for real-time messaging with automatic reconnection
- * VI: WebSocket client cho real-time messaging với tự động kết nối lại
- */
-
-/**
- * EN: WebSocket connection state
- * VI: Trạng thái kết nối WebSocket
- */
-export enum WebSocketState {
-  /** EN: WebSocket is connecting / VI: WebSocket đang kết nối */
-  CONNECTING = 'CONNECTING',
-  /** EN: WebSocket is connected and ready / VI: WebSocket đã kết nối và sẵn sàng */
-  CONNECTED = 'CONNECTED',
-  /** EN: WebSocket connection is closed / VI: Kết nối WebSocket đã đóng */
-  CLOSED = 'CLOSED',
-  /** EN: WebSocket connection error / VI: Lỗi kết nối WebSocket */
-  ERROR = 'ERROR',
-  /** EN: WebSocket is reconnecting / VI: WebSocket đang kết nối lại */
-  RECONNECTING = 'RECONNECTING',
-}
-
-/**
- * EN: WebSocket message event types
- * VI: Các loại sự kiện message WebSocket
- */
-export enum WebSocketMessageType {
-  /** EN: Text message / VI: Tin nhắn văn bản */
-  MESSAGE = 'message',
-  /** EN: Typing indicator / VI: Chỉ báo đang gõ */
-  TYPING = 'typing',
-  /** EN: Message read receipt / VI: Xác nhận đã đọc */
-  READ = 'read',
-  /** EN: User joined conversation / VI: Người dùng đã tham gia cuộc trò chuyện */
-  USER_JOINED = 'user_joined',
-  /** EN: User left conversation / VI: Người dùng đã rời cuộc trò chuyện */
-  USER_LEFT = 'user_left',
-  /** EN: Error message / VI: Tin nhắn lỗi */
-  ERROR = 'error',
-  /** EN: Connection acknowledgment / VI: Xác nhận kết nối */
-  ACK = 'ack',
-}
-
-/**
- * EN: WebSocket message payload interface
- * VI: Interface payload tin nhắn WebSocket
- */
-export interface WebSocketMessage {
-  /** EN: Message type / VI: Loại tin nhắn */
-  type: WebSocketMessageType;
-  /** EN: Message payload / VI: Payload tin nhắn */
-  data?: Record<string, unknown>;
-  /** EN: Conversation ID / VI: ID cuộc trò chuyện */
-  conversationId?: string;
-  /** EN: Message ID / VI: ID tin nhắn */
-  messageId?: string;
-  /** EN: Timestamp / VI: Timestamp */
-  timestamp?: string;
-}
-
-/**
- * EN: WebSocket event callbacks
- * VI: Callbacks sự kiện WebSocket
- */
-export interface WebSocketCallbacks {
-  /** EN: Called when WebSocket connection opens / VI: Được gọi khi kết nối WebSocket mở */
-  onOpen?: () => void;
-  /** EN: Called when WebSocket connection closes / VI: Được gọi khi kết nối WebSocket đóng */
-  onClose?: () => void;
-  /** EN: Called when WebSocket error occurs / VI: Được gọi khi xảy ra lỗi WebSocket */
-  onError?: (error: Event) => void;
-  /** EN: Called when message is received / VI: Được gọi khi nhận được tin nhắn */
-  onMessage?: (message: WebSocketMessage) => void;
-  /** EN: Called when connection state changes / VI: Được gọi khi trạng thái kết nối thay đổi */
-  onStateChange?: (state: WebSocketState) => void;
-}
-
-/**
- * EN: WebSocket client configuration options
- * VI: Tùy chọn cấu hình WebSocket client
- */
-export interface WebSocketClientConfig {
-  /** EN: WebSocket server URL / VI: URL server WebSocket */
-  url: string;
-  /** EN: Enable automatic reconnection / VI: Bật tự động kết nối lại */
-  autoReconnect?: boolean;
-  /** EN: Maximum reconnection attempts (0 = unlimited) / VI: Số lần thử kết nối lại tối đa (0 = không giới hạn) */
-  maxReconnectAttempts?: number;
-  /** EN: Initial reconnection delay in milliseconds / VI: Độ trễ kết nối lại ban đầu tính bằng milliseconds */
-  reconnectDelay?: number;
-  /** EN: Maximum reconnection delay in milliseconds / VI: Độ trễ kết nối lại tối đa tính bằng milliseconds */
-  maxReconnectDelay?: number;
-  /** EN: Reconnection delay multiplier (exponential backoff) / VI: Hệ số nhân độ trễ kết nối lại (exponential backoff) */
-  reconnectDelayMultiplier?: number;
-  /** EN: Event callbacks / VI: Callbacks sự kiện */
-  callbacks?: WebSocketCallbacks;
-}
-
-/**
- * EN: WebSocket client for real-time messaging
- * VI: WebSocket client cho real-time messaging
- *
- * Features:
- * - Automatic reconnection with exponential backoff
- * - Authentication via JWT token
- * - Event-based message handling
- * - Connection state management
- * - Heartbeat/ping-pong support (optional)
- */
-export class WebSocketClient {
-  /** EN: WebSocket instance / VI: Instance WebSocket */
-  private ws: WebSocket | null = null;
-  /** EN: Current connection state / VI: Trạng thái kết nối hiện tại */
-  private state: WebSocketState = WebSocketState.CLOSED;
-  /** EN: Configuration options / VI: Tùy chọn cấu hình */
-  private config: Required<Omit<WebSocketClientConfig, 'callbacks'>> & { callbacks?: WebSocketCallbacks };
-  /** EN: Reconnection attempt counter / VI: Bộ đếm số lần thử kết nối lại */
-  private reconnectAttempts = 0;
-  /** EN: Current reconnection delay / VI: Độ trễ kết nối lại hiện tại */
-  private reconnectDelay = 0;
-  /** EN: Reconnection timeout ID / VI: ID timeout kết nối lại */
-  private reconnectTimeoutId: NodeJS.Timeout | null = null;
-  /** EN: Ping interval ID for heartbeat / VI: ID interval ping cho heartbeat */
-  private pingIntervalId: NodeJS.Timeout | null = null;
-
-  /**
-   * EN: Initialize WebSocket client with configuration
-   * VI: Khởi tạo WebSocket client với cấu hình
-   *
-   * @param config - WebSocket client configuration / Cấu hình WebSocket client
-   */
-  constructor(config: WebSocketClientConfig) {
-    this.config = {
-      url: config.url,
-      autoReconnect: config.autoReconnect ?? true,
-      maxReconnectAttempts: config.maxReconnectAttempts ?? 10,
-      reconnectDelay: config.reconnectDelay ?? 1000,
-      maxReconnectDelay: config.maxReconnectDelay ?? 30000,
-      reconnectDelayMultiplier: config.reconnectDelayMultiplier ?? 1.5,
-      callbacks: config.callbacks,
-    };
-    this.reconnectDelay = this.config.reconnectDelay;
-  }
-
-  /**
-   * EN: Get current connection state
-   * VI: Lấy trạng thái kết nối hiện tại
-   *
-   * @returns Current WebSocket state / Trạng thái WebSocket hiện tại
-   */
-  getState(): WebSocketState {
-    return this.state;
-  }
-
-  /**
-   * EN: Check if WebSocket is connected
-   * VI: Kiểm tra WebSocket đã kết nối chưa
-   *
-   * @returns True if connected / True nếu đã kết nối
-   */
-  isConnected(): boolean {
-    return this.state === WebSocketState.CONNECTED && this.ws?.readyState === WebSocket.OPEN;
-  }
-
-  /**
-   * EN: Connect to WebSocket server
-   * VI: Kết nối tới server WebSocket
-   *
-   * @throws Error if connection fails / Ném lỗi nếu kết nối thất bại
-   */
-  connect(): void {
-    // EN: Return if already connected or connecting
-    // VI: Trả về nếu đã kết nối hoặc đang kết nối
-    if (this.ws?.readyState === WebSocket.OPEN || this.ws?.readyState === WebSocket.CONNECTING) {
-      return;
-    }
-
-    // EN: Get authentication token from localStorage
-    // VI: Lấy authentication token từ localStorage
-    const token = this.getAuthToken();
-    if (!token) {
-      throw new Error('No authentication token found. Please login first. / Không tìm thấy token xác thực. Vui lòng đăng nhập trước.');
-    }
-
-    // EN: Build WebSocket URL with authentication token
-    // VI: Tạo URL WebSocket với authentication token
-    const url = this.buildWebSocketUrl(this.config.url, token);
-
-    try {
-      this.setState(WebSocketState.CONNECTING);
-      this.ws = new WebSocket(url);
-
-      this.ws.onopen = this.handleOpen.bind(this);
-      this.ws.onclose = this.handleClose.bind(this);
-      this.ws.onerror = this.handleError.bind(this);
-      this.ws.onmessage = this.handleMessage.bind(this);
-    } catch (error) {
-      this.setState(WebSocketState.ERROR);
-      this.config.callbacks?.onError?.(error as Event);
-      throw error;
-    }
-  }
-
-  /**
-   * EN: Disconnect from WebSocket server
-   * VI: Ngắt kết nối khỏi server WebSocket
-   */
-  disconnect(): void {
-    // EN: Disable auto-reconnect when manually disconnecting
-    // VI: Tắt tự động kết nối lại khi ngắt kết nối thủ công
-    this.config.autoReconnect = false;
-
-    // EN: Clear reconnection timeout
-    // VI: Xóa timeout kết nối lại
-    if (this.reconnectTimeoutId) {
-      clearTimeout(this.reconnectTimeoutId);
-      this.reconnectTimeoutId = null;
-    }
-
-    // EN: Clear ping interval
-    // VI: Xóa ping interval
-    if (this.pingIntervalId) {
-      clearInterval(this.pingIntervalId);
-      this.pingIntervalId = null;
-    }
-
-    // EN: Close WebSocket connection
-    // VI: Đóng kết nối WebSocket
-    if (this.ws) {
-      this.ws.close(1000, 'Client disconnect / Ngắt kết nối từ client');
-      this.ws = null;
-    }
-
-    this.setState(WebSocketState.CLOSED);
-    this.reconnectAttempts = 0;
-    this.reconnectDelay = this.config.reconnectDelay;
-  }
-
-  /**
-   * EN: Send message through WebSocket
-   * VI: Gửi tin nhắn qua WebSocket
-   *
-   * @param message - Message to send / Tin nhắn cần gửi
-   * @throws Error if not connected / Ném lỗi nếu chưa kết nối
-   */
-  send(message: WebSocketMessage): void {
-    if (!this.isConnected() || !this.ws) {
-      throw new Error('WebSocket is not connected / WebSocket chưa kết nối');
-    }
-
-    try {
-      this.ws.send(JSON.stringify(message));
-    } catch (error) {
-      this.config.callbacks?.onError?.(error as Event);
-      throw error;
-    }
-  }
-
-  /**
-   * EN: Update event callbacks
-   * VI: Cập nhật event callbacks
-   *
-   * @param callbacks - New callbacks / Callbacks mới
-   */
-  updateCallbacks(callbacks: WebSocketCallbacks): void {
-    this.config.callbacks = { ...this.config.callbacks, ...callbacks };
-  }
-
-  /**
-   * EN: Handle WebSocket open event
-   * VI: Xử lý sự kiện WebSocket mở
-   */
-  private handleOpen(): void {
-    this.setState(WebSocketState.CONNECTED);
-    this.reconnectAttempts = 0;
-    this.reconnectDelay = this.config.reconnectDelay;
-    this.config.callbacks?.onOpen?.();
-
-    // EN: Start heartbeat/ping (optional, uncomment if server supports)
-    // VI: Bắt đầu heartbeat/ping (tùy chọn, bỏ comment nếu server hỗ trợ)
-    // this._startPing(); // EN: Unused for now / VI: Chưa sử dụng
-  }
-
-  /**
-   * EN: Handle WebSocket close event
-   * VI: Xử lý sự kiện WebSocket đóng
-   */
-  private handleClose(event: CloseEvent): void {
-    this.setState(WebSocketState.CLOSED);
-    this.config.callbacks?.onClose?.();
-
-    // EN: Clear ping interval
-    // VI: Xóa ping interval
-    if (this.pingIntervalId) {
-      clearInterval(this.pingIntervalId);
-      this.pingIntervalId = null;
-    }
-
-    // EN: Attempt reconnection if not a normal closure and auto-reconnect is enabled
-    // VI: Thử kết nối lại nếu không phải đóng bình thường và auto-reconnect được bật
-    if (event.code !== 1000 && this.config.autoReconnect) {
-      this.attemptReconnect();
-    }
-  }
-
-  /**
-   * EN: Handle WebSocket error event
-   * VI: Xử lý sự kiện lỗi WebSocket
-   */
-  private handleError(error: Event): void {
-    this.setState(WebSocketState.ERROR);
-    this.config.callbacks?.onError?.(error);
-  }
-
-  /**
-   * EN: Handle WebSocket message event
-   * VI: Xử lý sự kiện tin nhắn WebSocket
-   */
-  private handleMessage(event: MessageEvent): void {
-    try {
-      const message: WebSocketMessage = JSON.parse(event.data);
-      this.config.callbacks?.onMessage?.(message);
-    } catch (error) {
-      console.error('Failed to parse WebSocket message / Không thể parse tin nhắn WebSocket:', error);
-      this.config.callbacks?.onError?.(error as Event);
-    }
-  }
-
-  /**
-   * EN: Attempt to reconnect to WebSocket server with exponential backoff
-   * VI: Thử kết nối lại tới server WebSocket với exponential backoff
-   */
-  private attemptReconnect(): void {
-    // EN: Check if max reconnection attempts reached
-    // VI: Kiểm tra nếu đã đạt số lần thử kết nối lại tối đa
-    if (this.config.maxReconnectAttempts > 0 && this.reconnectAttempts >= this.config.maxReconnectAttempts) {
-      console.error(
-        `Max reconnection attempts reached (${this.config.maxReconnectAttempts}) / Đã đạt số lần thử kết nối lại tối đa (${this.config.maxReconnectAttempts})`
-      );
-      return;
-    }
-
-    this.reconnectAttempts++;
-    this.setState(WebSocketState.RECONNECTING);
-
-    // EN: Calculate exponential backoff delay
-    // VI: Tính toán độ trễ exponential backoff
-    const delay = Math.min(this.reconnectDelay, this.config.maxReconnectDelay);
-
-    console.log(
-      `Attempting to reconnect (${this.reconnectAttempts}/${this.config.maxReconnectAttempts || '∞'}) in ${delay}ms / Đang thử kết nối lại (${this.reconnectAttempts}/${this.config.maxReconnectAttempts || '∞'}) sau ${delay}ms`
-    );
-
-    // EN: Schedule reconnection attempt
-    // VI: Lên lịch thử kết nối lại
-    this.reconnectTimeoutId = setTimeout(() => {
-      this.reconnectDelay *= this.config.reconnectDelayMultiplier;
-      this.connect();
-    }, delay);
-  }
-
-  /**
-   * EN: Update connection state and trigger callback
-   * VI: Cập nhật trạng thái kết nối và trigger callback
-   */
-  private setState(state: WebSocketState): void {
-    if (this.state !== state) {
-      this.state = state;
-      this.config.callbacks?.onStateChange?.(state);
-    }
-  }
-
-  /**
-   * EN: Get authentication token from localStorage
-   * VI: Lấy authentication token từ localStorage
-   *
-   * @returns Access token or null / Access token hoặc null
-   */
-  private getAuthToken(): string | null {
-    if (typeof window !== 'undefined') {
-      return localStorage.getItem('accessToken');
-    }
-    return null;
-  }
-
-  /**
-   * EN: Build WebSocket URL with authentication token
-   * VI: Tạo URL WebSocket với authentication token
-   *
-   * @param baseUrl - Base WebSocket URL / URL WebSocket cơ sở
-   * @param token - Authentication token / Token xác thực
-   * @returns WebSocket URL with token / URL WebSocket với token
-   */
-  private buildWebSocketUrl(baseUrl: string, token: string): string {
-    // EN: Convert HTTP/HTTPS URL to WS/WSS URL
-    // VI: Chuyển đổi URL HTTP/HTTPS sang WS/WSS URL
-    const wsUrl = baseUrl.replace(/^http/, 'ws');
-    const url = new URL(wsUrl);
-
-    // EN: Add token as query parameter (common pattern)
-    // VI: Thêm token như query parameter (pattern phổ biến)
-    url.searchParams.set('token', token);
-
-    return url.toString();
-  }
-
-  /**
-   * EN: Start ping interval for heartbeat (optional)
-   * VI: Bắt đầu ping interval cho heartbeat (tùy chọn)
-   * @internal - Currently unused, available for future use
-   */
-  private _startPing(): void {
-    // EN: Send ping every 30 seconds to keep connection alive
-    // VI: Gửi ping mỗi 30 giây để giữ kết nối sống
-    this.pingIntervalId = setInterval(() => {
-      if (this.isConnected() && this.ws) {
-        this.ws.send(JSON.stringify({ type: WebSocketMessageType.ACK, data: { type: 'ping' } }));
-      }
-    }, 30000);
-  }
-}
-
-/**
- * EN: Create WebSocket client instance
- * VI: Tạo instance WebSocket client
- *
- * @param config - WebSocket client configuration / Cấu hình WebSocket client
- * @returns WebSocket client instance / Instance WebSocket client
- */
-export const createWebSocketClient = (config: WebSocketClientConfig): WebSocketClient => {
-  return new WebSocketClient(config);
-};
diff --git a/apps/web-client/src/features/chat/message-actions-menu.tsx b/apps/web-client/src/features/chat/message-actions-menu.tsx
deleted file mode 100644
index 1412943d..00000000
--- a/apps/web-client/src/features/chat/message-actions-menu.tsx
+++ /dev/null
@@ -1,345 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/features/shared/components/ui/dropdown-menu';
-import { cn } from '@/shared/lib/utils';
-import { useTranslations } from 'next-intl';
-
-/**
- * EN: Message role type
- * VI: Kiểu vai trò của message
- */
-export type MessageRole = 'user' | 'ai' | 'system';
-
-/**
- * EN: Message feedback type
- * VI: Kiểu feedback của message
- */
-export type MessageFeedback = 'like' | 'dislike' | null;
-
-/**
- * EN: MessageActionsMenu component props
- * VI: Props của component MessageActionsMenu
- */
-export interface MessageActionsMenuProps {
-  /** EN: Message role (user/ai/system) / VI: Vai trò của message (user/ai/system) */
-  role: MessageRole;
-  /** EN: Message content to copy / VI: Nội dung message để copy */
-  messageContent: string;
-  /** EN: Current feedback state / VI: Trạng thái feedback hiện tại */
-  feedback?: MessageFeedback;
-  /** EN: Callback when copy action is triggered / VI: Callback khi action copy được kích hoạt */
-  onCopy?: () => void;
-  /** EN: Callback when edit action is triggered / VI: Callback khi action edit được kích hoạt */
-  onEdit?: () => void;
-  /** EN: Callback when delete action is triggered / VI: Callback khi action delete được kích hoạt */
-  onDelete?: () => void;
-  /** EN: Callback when regenerate action is triggered / VI: Callback khi action regenerate được kích hoạt */
-  onRegenerate?: () => void;
-  /** EN: Callback when like action is triggered / VI: Callback khi action like được kích hoạt */
-  onLike?: () => void;
-  /** EN: Callback when dislike action is triggered / VI: Callback khi action dislike được kích hoạt */
-  onDislike?: () => void;
-  /** EN: Callback when share action is triggered / VI: Callback khi action share được kích hoạt */
-  onShare?: () => void;
-  /** EN: Additional CSS classes / VI: Các class CSS bổ sung */
-  className?: string;
-  /** EN: Trigger element / VI: Element trigger */
-  children?: React.ReactNode;
-}
-
-/**
- * EN: MessageActionsMenu component - Dropdown menu with message actions (copy, edit, delete, regenerate, like/dislike, share)
- * VI: Component MessageActionsMenu - Dropdown menu với các action cho message (copy, edit, delete, regenerate, like/dislike, share)
- *
- * Features:
- * - Copy message (all messages)
- * - Edit (user messages only)
- * - Delete (user messages only)
- * - Regenerate (AI messages only)
- * - Like/Dislike (feedback - all messages)
- * - Share (all messages)
- *
- * Tính năng:
- * - Copy message (tất cả messages)
- * - Edit (chỉ user messages)
- * - Delete (chỉ user messages)
- * - Regenerate (chỉ AI messages)
- * - Like/Dislike (feedback - tất cả messages)
- * - Share (tất cả messages)
- */
-export function MessageActionsMenu({
-  role,
-  messageContent,
-  feedback,
-  onCopy,
-  onEdit,
-  onDelete,
-  onRegenerate,
-  onLike,
-  onDislike,
-  onShare,
-  className,
-  children,
-}: MessageActionsMenuProps) {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-
-  // EN: Copy to clipboard handler / VI: Handler copy vào clipboard
-  const handleCopy = React.useCallback(async () => {
-    try {
-      await navigator.clipboard.writeText(messageContent);
-      onCopy?.();
-    } catch (error) {
-      console.error('Failed to copy message:', error);
-    }
-  }, [messageContent, onCopy]);
-
-  // EN: Share handler using Web Share API / VI: Handler share sử dụng Web Share API
-  const handleShare = React.useCallback(async () => {
-    try {
-      if (navigator.share) {
-        await navigator.share({
-          text: messageContent,
-          title: t('chat.shareMessage'),
-        });
-        onShare?.();
-      } else {
-        // EN: Fallback to copy if share API is not available / VI: Fallback về copy nếu Share API không khả dụng
-        await handleCopy();
-        onShare?.();
-      }
-    } catch (error) {
-      // EN: User cancelled share or error occurred / VI: User hủy share hoặc có lỗi
-      if ((error as Error).name !== 'AbortError') {
-        console.error('Failed to share message:', error);
-      }
-    }
-  }, [messageContent, handleCopy, onShare]);
-
-  // EN: Determine if message is from user / VI: Xác định message có phải từ user không
-  const isUserMessage = role === 'user';
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild className={className}>
-        {children || (
-          <button
-            className={cn(
-              // EN: Base button styles - visible on hover / VI: Styles button cơ bản - hiển thị khi hover
-              'opacity-0 group-hover:opacity-100 transition-opacity duration-[150ms]',
-              'p-1.5 rounded-md hover:bg-bg-tertiary',
-              'text-text-tertiary hover:text-text-primary',
-              'focus:outline-none focus:ring-2 focus:ring-accent-primary focus:ring-offset-2'
-            )}
-            aria-label={t('chat.messageActions', { defaultValue: 'Message actions' })}
-          >
-            {/* EN: More options icon (three dots) / VI: Icon thêm tùy chọn (ba chấm) */}
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              className="h-4 w-4"
-            >
-              <circle cx="12" cy="12" r="1" />
-              <circle cx="19" cy="12" r="1" />
-              <circle cx="5" cy="12" r="1" />
-            </svg>
-          </button>
-        )}
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" className="w-48">
-        {/* EN: Copy action - available for all messages / VI: Action Copy - có sẵn cho tất cả messages */}
-        <DropdownMenuItem onClick={handleCopy}>
-          {/* EN: Copy icon / VI: Icon copy */}
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            className="mr-2 h-4 w-4"
-          >
-            <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
-            <path d="M4 16c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2" />
-          </svg>
-          {t('chat.copy')}
-        </DropdownMenuItem>
-
-        {/* EN: Edit action - only for user messages / VI: Action Edit - chỉ cho user messages */}
-        {isUserMessage && onEdit && (
-          <DropdownMenuItem onClick={onEdit}>
-            {/* EN: Edit icon / VI: Icon edit */}
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              className="mr-2 h-4 w-4"
-            >
-              <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-              <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
-            </svg>
-            {t('chat.edit')}
-          </DropdownMenuItem>
-        )}
-
-        {/* EN: Regenerate action - only for AI messages / VI: Action Regenerate - chỉ cho AI messages */}
-        {!isUserMessage && onRegenerate && (
-          <DropdownMenuItem onClick={onRegenerate}>
-            {/* EN: Refresh/Regenerate icon / VI: Icon refresh/regenerate */}
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              className="mr-2 h-4 w-4"
-            >
-              <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" />
-              <path d="M21 3v5h-5" />
-              <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" />
-              <path d="M8 16H3v5" />
-            </svg>
-            {t('chat.regenerate')}
-          </DropdownMenuItem>
-        )}
-
-        <DropdownMenuSeparator />
-
-        {/* EN: Like/Dislike actions - available for all messages / VI: Actions Like/Dislike - có sẵn cho tất cả messages */}
-        {onLike && (
-          <DropdownMenuItem
-            onClick={onLike}
-            className={cn(feedback === 'like' && 'bg-bg-tertiary')}
-          >
-            {/* EN: Like icon (thumbs up) / VI: Icon like (thumbs up) */}
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill={feedback === 'like' ? 'currentColor' : 'none'}
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              className="mr-2 h-4 w-4"
-            >
-              <path d="M7 10v12" />
-              <path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z" />
-            </svg>
-            {t('chat.like')}
-          </DropdownMenuItem>
-        )}
-
-        {onDislike && (
-          <DropdownMenuItem
-            onClick={onDislike}
-            className={cn(feedback === 'dislike' && 'bg-bg-tertiary')}
-          >
-            {/* EN: Dislike icon (thumbs down) / VI: Icon dislike (thumbs down) */}
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill={feedback === 'dislike' ? 'currentColor' : 'none'}
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              className="mr-2 h-4 w-4"
-            >
-              <path d="M17 14V2" />
-              <path d="M9 18.12 10 14H4.17a2 2 0 0 0-1.92 2.56l2.33 8A2 2 0 0 0 6.5 22H20a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-2.76a2 2 0 0 0-1.79-1.11L12 2h0a3.13 3.13 0 0 0-3 3.88Z" />
-            </svg>
-            {t('chat.dislike')}
-          </DropdownMenuItem>
-        )}
-
-        {/* EN: Share action - available for all messages / VI: Action Share - có sẵn cho tất cả messages */}
-        {onShare && (
-          <>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem onClick={handleShare}>
-              {/* EN: Share icon / VI: Icon share */}
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                className="mr-2 h-4 w-4"
-              >
-                <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" />
-                <polyline points="16 6 12 2 8 6" />
-                <line x1="12" x2="12" y1="2" y2="15" />
-              </svg>
-              {t('chat.share')}
-            </DropdownMenuItem>
-          </>
-        )}
-
-        {/* EN: Delete action - only for user messages / VI: Action Delete - chỉ cho user messages */}
-        {isUserMessage && onDelete && (
-          <>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem
-              onClick={onDelete}
-              className="text-accent-error focus:text-accent-error focus:bg-bg-tertiary"
-            >
-              {/* EN: Delete icon / VI: Icon delete */}
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                className="mr-2 h-4 w-4"
-              >
-                <path d="M3 6h18" />
-                <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
-                <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
-              </svg>
-              {t('chat.delete')}
-            </DropdownMenuItem>
-          </>
-        )}
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}
diff --git a/apps/web-client/src/features/chat/message-bubble.tsx b/apps/web-client/src/features/chat/message-bubble.tsx
deleted file mode 100644
index 7ee3a35e..00000000
--- a/apps/web-client/src/features/chat/message-bubble.tsx
+++ /dev/null
@@ -1,564 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-import { Avatar, AvatarFallback, AvatarImage } from '@/features/shared/components/ui/avatar';
-import { useTranslations } from 'next-intl';
-import { useI18n } from '@/features/theme';
-
-/**
- * EN: Message sender type
- * VI: Loại người gửi tin nhắn
- */
-export type MessageSender = 'user' | 'ai' | 'system';
-
-/**
- * EN: Message bubble props interface
- * VI: Interface cho props của component Message bubble
- */
-export interface MessageBubbleProps {
-  /**
-   * EN: Message sender type (user, ai, or system)
-   * VI: Loại người gửi tin nhắn (user, ai, hoặc system)
-   */
-  sender: MessageSender;
-  /**
-   * EN: Message content / VI: Nội dung tin nhắn
-   */
-  content: string;
-  /**
-   * EN: Message timestamp / VI: Thời gian tin nhắn
-   */
-  timestamp?: Date | string;
-  /**
-   * EN: Author name / VI: Tên tác giả
-   */
-  authorName?: string;
-  /**
-   * EN: Author avatar URL / VI: URL avatar tác giả
-   */
-  authorAvatar?: string;
-  /**
-   * EN: Whether to show message actions on hover
-   * VI: Có hiển thị các hành động tin nhắn khi hover không
-   */
-  showActions?: boolean;
-  /**
-   * EN: Callback when copy action is clicked
-   * VI: Callback khi hành động copy được click
-   */
-  onCopy?: () => void;
-  /**
-   * EN: Callback when edit action is clicked (user messages only)
-   * VI: Callback khi hành động edit được click (chỉ tin nhắn user)
-   */
-  onEdit?: () => void;
-  /**
-   * EN: Callback when delete action is clicked (user messages only)
-   * VI: Callback khi hành động delete được click (chỉ tin nhắn user)
-   */
-  onDelete?: () => void;
-  /**
-   * EN: Callback when regenerate action is clicked (AI messages only)
-   * VI: Callback khi hành động regenerate được click (chỉ tin nhắn AI)
-   */
-  onRegenerate?: () => void;
-  /**
-   * EN: Callback when like action is clicked
-   * VI: Callback khi hành động like được click
-   */
-  onLike?: () => void;
-  /**
-   * EN: Callback when dislike action is clicked
-   * VI: Callback khi hành động dislike được click
-   */
-  onDislike?: () => void;
-  /**
-   * EN: Callback when share action is clicked
-   * VI: Callback khi hành động share được click
-   */
-  onShare?: () => void;
-  /**
-   * EN: Whether the message is liked
-   * VI: Tin nhắn có được like không
-   */
-  isLiked?: boolean;
-  /**
-   * EN: Whether the message is disliked
-   * VI: Tin nhắn có được dislike không
-   */
-  isDisliked?: boolean;
-  /**
-   * EN: Additional CSS classes
-   * VI: Các class CSS bổ sung
-   */
-  className?: string;
-}
-
-/**
- * EN: Format timestamp to readable string
- * VI: Format timestamp thành chuỗi dễ đọc
- */
-function formatTimestamp(timestamp: Date | string, t: (key: string, values?: any) => string, locale: string): string {
-  const date = typeof timestamp === 'string' ? new Date(timestamp) : timestamp;
-  const now = new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffMins = Math.floor(diffMs / 60000);
-  const diffHours = Math.floor(diffMs / 3600000);
-  const diffDays = Math.floor(diffMs / 86400000);
-
-  if (diffMins < 1) {
-    return t('chat.justNow');
-  } else if (diffMins < 60) {
-    return t('chat.minutesAgo', { minutes: diffMins });
-  } else if (diffHours < 24) {
-    return t('chat.hoursAgo', { hours: diffHours });
-  } else if (diffDays < 7) {
-    return t('chat.daysAgo', { days: diffDays });
-  } else {
-    return date.toLocaleDateString(locale === 'vi' ? 'vi-VN' : 'en-US', {
-      month: 'short',
-      day: 'numeric',
-      year: date.getFullYear() !== now.getFullYear() ? 'numeric' : undefined,
-    });
-  }
-}
-
-/**
- * EN: Copy icon SVG
- * VI: Icon SVG copy
- */
-const CopyIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={className}
-  >
-    <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
-    <path d="M4 16c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2" />
-  </svg>
-);
-
-/**
- * EN: Edit icon SVG
- * VI: Icon SVG edit
- */
-const EditIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={className}
-  >
-    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
-  </svg>
-);
-
-/**
- * EN: Delete icon SVG
- * VI: Icon SVG delete
- */
-const DeleteIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={className}
-  >
-    <path d="M3 6h18" />
-    <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
-    <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
-  </svg>
-);
-
-/**
- * EN: Regenerate icon SVG
- * VI: Icon SVG regenerate
- */
-const RegenerateIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={className}
-  >
-    <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" />
-    <path d="M21 3v5h-5" />
-    <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" />
-    <path d="M3 21v-5h5" />
-  </svg>
-);
-
-/**
- * EN: Like icon SVG
- * VI: Icon SVG like
- */
-const LikeIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={className}
-  >
-    <path d="M7 10v12" />
-    <path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.67 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z" />
-  </svg>
-);
-
-/**
- * EN: Dislike icon SVG
- * VI: Icon SVG dislike
- */
-const DislikeIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={className}
-  >
-    <path d="M17 14V2" />
-    <path d="M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.67 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z" />
-  </svg>
-);
-
-/**
- * EN: Share icon SVG
- * VI: Icon SVG share
- */
-const ShareIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={className}
-  >
-    <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" />
-    <polyline points="16 6 12 2 8 6" />
-    <line x1="12" x2="12" y1="2" y2="15" />
-  </svg>
-);
-
-/**
- * EN: Message bubble component - Displays chat messages with user/AI variants and actions
- * VI: Component Message bubble - Hiển thị tin nhắn chat với các biến thể user/AI và các hành động
- *
- * Features:
- * - User messages: Right aligned, blue bubble
- * - AI messages: Left aligned, grey bubble
- * - System messages: Centered, grey text
- * - Message actions on hover: Copy, Edit, Delete, Regenerate, Like/Dislike, Share
- * - Animation: Slide up + fade in
- *
- * Tính năng:
- * - Tin nhắn user: Căn phải, bubble xanh
- * - Tin nhắn AI: Căn trái, bubble xám
- * - Tin nhắn hệ thống: Căn giữa, text xám
- * - Hành động tin nhắn khi hover: Copy, Edit, Delete, Regenerate, Like/Dislike, Share
- * - Animation: Trượt lên + fade in
- *
- * @example
- * ```tsx
- * <MessageBubble
- *   sender="user"
- *   content="Hello, AI!"
- *   timestamp={new Date()}
- *   authorName="John Doe"
- *   showActions
- *   onCopy={() => navigator.clipboard.writeText("Hello, AI!")}
- * />
- * ```
- */
-export function MessageBubble({
-  sender,
-  content,
-  timestamp,
-  authorName,
-  authorAvatar,
-  showActions = true,
-  onCopy,
-  onEdit,
-  onDelete,
-  onRegenerate,
-  onLike,
-  onDislike,
-  onShare,
-  isLiked = false,
-  isDisliked = false,
-  className,
-}: MessageBubbleProps) {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const { locale } = useI18n();
-
-  // EN: System messages - centered, simple text / VI: Tin nhắn hệ thống - căn giữa, text đơn giản
-  if (sender === 'system') {
-    return (
-      <div
-        className={cn(
-          'flex justify-center items-center py-3 px-4',
-          className
-        )}
-      >
-        <span className="text-sm text-chat-timestamp">{content}</span>
-      </div>
-    );
-  }
-
-  const isUser = sender === 'user';
-  const [isHovered, setIsHovered] = React.useState(false);
-
-  return (
-    <div
-      className={cn(
-        // EN: Base message container / VI: Container tin nhắn cơ bản
-        'flex gap-3 px-4 py-3 group',
-        // EN: User messages: Right aligned / VI: Tin nhắn user: Căn phải
-        isUser && 'flex-row-reverse',
-        // EN: AI messages: Left aligned / VI: Tin nhắn AI: Căn trái
-        !isUser && 'flex-row',
-        // EN: Animation: Fade in / VI: Animation: Fade in
-        'opacity-0 animate-fadeIn',
-        className
-      )}
-      onMouseEnter={() => setIsHovered(true)}
-      onMouseLeave={() => setIsHovered(false)}
-    >
-      {/* EN: Avatar / VI: Avatar */}
-      {!isUser && (
-        <Avatar size="sm" className="flex-shrink-0">
-          {authorAvatar && (
-            <AvatarImage
-              src={authorAvatar}
-              alt={authorName ? t('chat.avatarOf', { name: authorName }) : t('chat.aiAssistantAvatar')}
-            />
-          )}
-          <AvatarFallback aria-label={t('chat.aiAssistant')}>AI</AvatarFallback>
-        </Avatar>
-      )}
-
-      {/* EN: Message content container / VI: Container nội dung tin nhắn */}
-      <div
-        className={cn(
-          'flex flex-col',
-          // EN: Mobile: Full width (95% for padding) / VI: Mobile: Full width (95% cho padding)
-          'max-md:max-w-[95%]',
-          // EN: Tablet: Medium width (60%) / VI: Tablet: Chiều rộng trung bình (60%)
-          'md:max-w-[60%]',
-          // EN: Desktop: Max width 80% / VI: Desktop: Chiều rộng tối đa 80%
-          'lg:max-w-[80%]',
-          // EN: User messages: Align to right / VI: Tin nhắn user: Căn về phải
-          isUser && 'items-end',
-          // EN: AI messages: Align to left / VI: Tin nhắn AI: Căn về trái
-          !isUser && 'items-start'
-        )}
-      >
-        {/* EN: Message header (author, timestamp) / VI: Header tin nhắn (tác giả, thời gian) */}
-        {(authorName || timestamp) && (
-          <div
-            className={cn(
-              'flex items-center gap-2 mb-1 px-1',
-              isUser && 'flex-row-reverse'
-            )}
-          >
-            {authorName && (
-              <span className="text-xs font-medium text-text-secondary">
-                {authorName}
-              </span>
-            )}
-            {timestamp && (
-              <span className="text-xs text-chat-timestamp">
-                {formatTimestamp(timestamp, t, locale)}
-              </span>
-            )}
-          </div>
-        )}
-
-        {/* EN: Message bubble / VI: Bubble tin nhắn */}
-        <div
-          className={cn(
-            // EN: Base bubble styles / VI: Style bubble cơ bản
-            'relative rounded-lg px-4 py-2.5 break-words',
-            // EN: User bubble: Blue background / VI: Bubble user: Nền xanh
-            isUser &&
-              'bg-chat-user-bubble text-chat-user-text rounded-tr-none',
-            // EN: AI bubble: Grey background / VI: Bubble AI: Nền xám
-            !isUser &&
-              'bg-chat-ai-bubble text-chat-ai-text rounded-tl-none'
-          )}
-        >
-          {/* EN: Message text / VI: Text tin nhắn */}
-          <p className="text-sm leading-relaxed whitespace-pre-wrap">{content}</p>
-
-          {/* EN: Message actions (shown on hover) / VI: Hành động tin nhắn (hiện khi hover) */}
-          {showActions && isHovered && (
-            <div
-              className={cn(
-                // EN: Actions container / VI: Container hành động
-                'absolute flex items-center gap-1 rounded-md bg-bg-elevated border border-border-primary p-1 shadow-lg',
-                // EN: User messages: Position to top-right / VI: Tin nhắn user: Vị trí trên-phải
-                isUser && 'top-0 right-full mr-2 flex-row-reverse',
-                // EN: AI messages: Position to top-left / VI: Tin nhắn AI: Vị trí trên-trái
-                !isUser && 'top-0 left-full ml-2'
-              )}
-            >
-              {/* EN: Copy action / VI: Hành động copy */}
-              {onCopy && (
-                <button
-                  onClick={onCopy}
-                  className="p-1.5 rounded hover:bg-bg-tertiary active:scale-[0.95] active:bg-bg-elevated transition-all duration-[150ms] min-w-[44px] min-h-[44px] flex items-center justify-center"
-                  aria-label={t('chat.copyMessage')}
-                  title={t('chat.copy')}
-                >
-                  <CopyIcon className="w-4 h-4 text-text-secondary" />
-                </button>
-              )}
-
-              {/* EN: Edit action (user messages only) / VI: Hành động edit (chỉ tin nhắn user) */}
-              {isUser && onEdit && (
-                <button
-                  onClick={onEdit}
-                  className="p-1.5 rounded hover:bg-bg-tertiary active:scale-[0.95] active:bg-bg-elevated transition-all duration-[150ms] min-w-[44px] min-h-[44px] flex items-center justify-center"
-                  aria-label={t('chat.editMessage')}
-                  title={t('chat.edit')}
-                >
-                  <EditIcon className="w-4 h-4 text-text-secondary" />
-                </button>
-              )}
-
-              {/* EN: Delete action (user messages only) / VI: Hành động delete (chỉ tin nhắn user) */}
-              {isUser && onDelete && (
-                <button
-                  onClick={onDelete}
-                  className="p-1.5 rounded hover:bg-bg-tertiary active:scale-[0.95] active:bg-bg-elevated transition-all duration-[150ms] min-w-[44px] min-h-[44px] flex items-center justify-center"
-                  aria-label={t('chat.deleteMessage')}
-                  title={t('chat.delete')}
-                >
-                  <DeleteIcon className="w-4 h-4 text-accent-error" />
-                </button>
-              )}
-
-              {/* EN: Regenerate action (AI messages only) / VI: Hành động regenerate (chỉ tin nhắn AI) */}
-              {!isUser && onRegenerate && (
-                <button
-                  onClick={onRegenerate}
-                  className="p-1.5 rounded hover:bg-bg-tertiary active:scale-[0.95] active:bg-bg-elevated transition-all duration-[150ms] min-w-[44px] min-h-[44px] flex items-center justify-center"
-                  aria-label={t('chat.regenerateResponse')}
-                  title={t('chat.regenerate')}
-                >
-                  <RegenerateIcon className="w-4 h-4 text-text-secondary" />
-                </button>
-              )}
-
-              {/* EN: Like action / VI: Hành động like */}
-              {onLike && (
-                <button
-                  onClick={onLike}
-                  className={cn(
-                    'p-1.5 rounded hover:bg-bg-tertiary active:scale-[0.95] active:bg-bg-elevated transition-all duration-[150ms] min-w-[44px] min-h-[44px] flex items-center justify-center',
-                    isLiked && 'text-accent-success'
-                  )}
-                  aria-label={t('chat.likeMessage')}
-                  title={t('chat.like')}
-                >
-                  <LikeIcon className="w-4 h-4" />
-                </button>
-              )}
-
-              {/* EN: Dislike action / VI: Hành động dislike */}
-              {onDislike && (
-                <button
-                  onClick={onDislike}
-                  className={cn(
-                    'p-1.5 rounded hover:bg-bg-tertiary active:scale-[0.95] active:bg-bg-elevated transition-all duration-[150ms] min-w-[44px] min-h-[44px] flex items-center justify-center',
-                    isDisliked && 'text-accent-error'
-                  )}
-                  aria-label={t('chat.dislikeMessage')}
-                  title={t('chat.dislike')}
-                >
-                  <DislikeIcon className="w-4 h-4" />
-                </button>
-              )}
-
-              {/* EN: Share action / VI: Hành động share */}
-              {onShare && (
-                <button
-                  onClick={onShare}
-                  className="p-1.5 rounded hover:bg-bg-tertiary active:scale-[0.95] active:bg-bg-elevated transition-all duration-[150ms] min-w-[44px] min-h-[44px] flex items-center justify-center"
-                  aria-label={t('chat.shareMessage')}
-                  title={t('chat.share')}
-                >
-                  <ShareIcon className="w-4 h-4 text-text-secondary" />
-                </button>
-              )}
-            </div>
-          )}
-        </div>
-      </div>
-
-      {/* EN: User avatar (right side) / VI: Avatar user (bên phải) */}
-      {isUser && (
-        <Avatar size="sm" className="flex-shrink-0">
-          {authorAvatar && (
-            <AvatarImage
-              src={authorAvatar}
-              alt={authorName ? t('chat.avatarOf', { name: authorName }) : t('chat.userAvatar')}
-            />
-          )}
-          <AvatarFallback aria-label={authorName ? t('chat.avatarOf', { name: authorName }) : t('chat.userAvatar')}>
-            {authorName
-              ? authorName
-                  .split(' ')
-                  .map((n) => n[0])
-                  .join('')
-                  .toUpperCase()
-              : 'U'}
-          </AvatarFallback>
-        </Avatar>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/chat/typing-indicator.tsx b/apps/web-client/src/features/chat/typing-indicator.tsx
deleted file mode 100644
index 6aafed82..00000000
--- a/apps/web-client/src/features/chat/typing-indicator.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-import { useTranslations } from 'next-intl';
-
-/**
- * EN: TypingIndicator component props interface
- * VI: Interface cho props của component TypingIndicator
- */
-export interface TypingIndicatorProps {
-  /**
-   * EN: Number of dots to display (default: 3) / VI: Số lượng chấm hiển thị (mặc định: 3)
-   */
-  dotCount?: number;
-  /**
-   * EN: Animation duration in milliseconds (default: 1400) / VI: Thời lượng animation tính bằng milliseconds (mặc định: 1400)
-   */
-  duration?: number;
-  /**
-   * EN: Size of each dot in pixels (default: 8) / VI: Kích thước mỗi chấm tính bằng pixels (mặc định: 8)
-   */
-  dotSize?: number;
-  /**
-   * EN: Color of the dots (default: uses theme tertiary text color) / VI: Màu của các chấm (mặc định: sử dụng màu text tertiary của theme)
-   */
-  color?: string;
-  /**
-   * EN: Additional CSS classes / VI: Các class CSS bổ sung
-   */
-  className?: string;
-  /**
-   * EN: Label for accessibility (default: "AI is typing...") / VI: Nhãn cho accessibility (mặc định: "AI đang nhập...")
-   */
-  'aria-label'?: string;
-}
-
-/**
- * EN: TypingIndicator component - Animated pulsing dots to indicate typing status
- * VI: Component TypingIndicator - Các chấm nhấp nháy để hiển thị trạng thái đang nhập
- *
- * Features:
- * - Pulsing dots animation with staggered delays
- * - Configurable dot count, size, and color
- * - Smooth animation using CSS keyframes
- * - Accessibility support with aria-label
- * - Follows design system theme colors
- *
- * Tính năng:
- * - Animation các chấm nhấp nháy với độ trễ lệch nhau
- * - Có thể cấu hình số lượng chấm, kích thước và màu sắc
- * - Animation mượt mà sử dụng CSS keyframes
- * - Hỗ trợ accessibility với aria-label
- * - Tuân theo màu sắc của design system
- *
- * @example
- * ```tsx
- * <TypingIndicator />
- * <TypingIndicator dotCount={4} dotSize={10} />
- * <TypingIndicator color="#3B82F6" aria-label="User is typing..." />
- * ```
- */
-export function TypingIndicator({
-  dotCount = 3,
-  duration = 1400,
-  dotSize = 8,
-  color,
-  className,
-  'aria-label': ariaLabel,
-}: TypingIndicatorProps) {
-  // EN: Translation hook / VI: Hook translation
-  const t = useTranslations();
-  const defaultAriaLabel = ariaLabel || t('chat.typing', { defaultValue: 'AI is typing...' });
-  // EN: Generate array of dot indices for rendering / VI: Tạo mảng các chỉ số chấm để render
-  const dots = React.useMemo(() => {
-    return Array.from({ length: dotCount }, (_, i) => i);
-  }, [dotCount]);
-
-  // EN: Calculate animation delay for each dot (staggered) / VI: Tính toán độ trễ animation cho mỗi chấm (lệch nhau)
-  const getDelay = (index: number) => {
-    // EN: Stagger delay by 200ms per dot / VI: Lệch độ trễ 200ms cho mỗi chấm
-    return (index * 200) / duration;
-  };
-
-  // EN: Generate inline styles for animation / VI: Tạo inline styles cho animation
-  const getDotStyle = (index: number): React.CSSProperties => {
-    return {
-      width: `${dotSize}px`,
-      height: `${dotSize}px`,
-      animationDelay: `${getDelay(index)}s`,
-      animationDuration: `${duration}ms`,
-      backgroundColor: color || 'var(--text-tertiary)', // EN: Default to theme tertiary text color / VI: Mặc định là màu text tertiary của theme
-      animationTimingFunction: 'ease-in-out',
-      animationIterationCount: 'infinite',
-      animationName: 'typing-pulse',
-    };
-  };
-
-  return (
-    <div
-      className={cn(
-        'flex items-center gap-2',
-        'px-4 py-3',
-        className
-      )}
-      role="status"
-      aria-label={defaultAriaLabel}
-      aria-live="polite"
-    >
-      {dots.map((index) => (
-        <span
-          key={index}
-          className="typing-dot rounded-full"
-          style={getDotStyle(index)}
-          aria-hidden="true"
-        />
-      ))}
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/mood-board/components/CodeBlock.tsx b/apps/web-client/src/features/mood-board/components/CodeBlock.tsx
deleted file mode 100644
index adedbcef..00000000
--- a/apps/web-client/src/features/mood-board/components/CodeBlock.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * EN: Code block with syntax highlighting and copy-to-clipboard
- * VI: Code block với syntax highlighting và copy-to-clipboard
- *
- * Displays formatted code with copy functionality
- * Hiển thị code đã format với tính năng copy
- */
-'use client';
-
-import { useState } from 'react';
-
-interface CodeBlockProps {
-    code: string;
-    language: string;
-}
-
-export default function CodeBlock({ code, language }: CodeBlockProps) {
-    const [copied, setCopied] = useState(false);
-
-    const handleCopy = async () => {
-        await navigator.clipboard.writeText(code);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
-    };
-
-    return (
-        <div className="relative">
-            {/* EN: Copy Button / VI: Nút copy */}
-            <button
-                onClick={handleCopy}
-                className="absolute top-2 right-2 glass-button text-xs px-3 py-1.5"
-            >
-                {copied ? '✓ Copied!' : 'Copy'}
-            </button>
-
-            {/* EN: Code Display / VI: Hiển thị code */}
-            <pre className="bg-bg-tertiary rounded-lg p-4 overflow-x-auto">
-                <code className="text-sm text-text-primary font-mono">{code}</code>
-            </pre>
-        </div>
-    );
-}
diff --git a/apps/web-client/src/features/mood-board/components/ColorSwatch.tsx b/apps/web-client/src/features/mood-board/components/ColorSwatch.tsx
deleted file mode 100644
index 0211bc47..00000000
--- a/apps/web-client/src/features/mood-board/components/ColorSwatch.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * EN: Color swatch component to display CSS variable colors
- * VI: Component color swatch để hiển thị màu từ CSS variable
- *
- * Shows color preview with variable name and value
- * Hiển thị preview màu với tên biến và giá trị
- */
-'use client';
-
-interface ColorSwatchProps {
-    name: string;
-    var: string;
-}
-
-export default function ColorSwatch({ name, var: cssVar }: ColorSwatchProps) {
-    return (
-        <div className="glass-card p-4">
-            {/* EN: Color Preview Box / VI: Hộp preview màu */}
-            <div
-                className="w-full h-24 rounded-lg mb-3 border border-border-primary"
-                style={{ backgroundColor: cssVar }}
-            />
-
-            {/* EN: Color Variable Name / VI: Tên biến màu */}
-            <p className="text-sm font-medium text-text-primary">{name}</p>
-
-            {/* EN: CSS Variable / VI: CSS Variable */}
-            <code className="text-xs text-text-tertiary font-mono">{cssVar}</code>
-        </div>
-    );
-}
diff --git a/apps/web-client/src/features/mood-board/components/ComponentShowcase.tsx b/apps/web-client/src/features/mood-board/components/ComponentShowcase.tsx
deleted file mode 100644
index bfe4a98e..00000000
--- a/apps/web-client/src/features/mood-board/components/ComponentShowcase.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * EN: Component showcase wrapper with code preview
- * VI: Wrapper showcase component kèm code preview
- *
- * Displays component demo with optional code snippet
- * Hiển thị demo component với tùy chọn xem code snippet
- */
-'use client';
-
-import { useState } from 'react';
-import CodeBlock from './CodeBlock';
-
-interface ComponentShowcaseProps {
-    title: string;
-    description?: string;
-    code: string;
-    children: React.ReactNode;
-    darkBg?: boolean; // EN: For light components on dark background / VI: Cho light components trên dark background
-}
-
-export default function ComponentShowcase({
-    title,
-    description,
-    code,
-    children,
-    darkBg = false,
-}: ComponentShowcaseProps) {
-    const [showCode, setShowCode] = useState(false);
-
-    return (
-        <div className="glass-card p-6">
-            {/* EN: Title and description / VI: Tiêu đề và mô tả */}
-            <div className="mb-4">
-                <h3 className="text-xl font-semibold text-text-primary">{title}</h3>
-                {description && (
-                    <p className="text-text-tertiary text-sm mt-1">{description}</p>
-                )}
-            </div>
-
-            {/* EN: Component Preview Area / VI: Khu vực preview component */}
-            <div
-                className={`rounded-lg border border-border-primary p-8 mb-4 ${darkBg ? 'bg-bg-primary' : 'bg-bg-secondary'
-                    }`}
-            >
-                {children}
-            </div>
-
-            {/* EN: Toggle Code Button / VI: Nút toggle code */}
-            <button
-                onClick={() => setShowCode(!showCode)}
-                className="glass-button text-sm"
-            >
-                {showCode ? 'Hide Code' : 'Show Code'}
-            </button>
-
-            {/* EN: Code Block / VI: Code block */}
-            {showCode && (
-                <div className="mt-4">
-                    <CodeBlock code={code} language="tsx" />
-                </div>
-            )}
-        </div>
-    );
-}
diff --git a/apps/web-client/src/features/mood-board/components/SectionWrapper.tsx b/apps/web-client/src/features/mood-board/components/SectionWrapper.tsx
deleted file mode 100644
index 7949335b..00000000
--- a/apps/web-client/src/features/mood-board/components/SectionWrapper.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * EN: Section wrapper component for Mood Board sections
- * VI: Component wrapper cho các sections của Mood Board
- *
- * Provides consistent layout and styling for each section
- * Cung cấp layout và styling nhất quán cho mỗi section
- */
-import React from 'react';
-
-interface SectionWrapperProps {
-    id: string;
-    title: string;
-    description?: string;
-    children: React.ReactNode;
-}
-
-export default function SectionWrapper({
-    id,
-    title,
-    description,
-    children,
-}: SectionWrapperProps) {
-    return (
-        <section id={id} className="scroll-mt-24">
-            {/* EN: Section Header / VI: Header của section */}
-            <div className="mb-8">
-                <h2 className="text-3xl font-bold tracking-tight text-text-primary">
-                    {title}
-                </h2>
-                {description && (
-                    <p className="text-text-secondary mt-2">{description}</p>
-                )}
-            </div>
-
-            {/* EN: Section Content / VI: Nội dung section */}
-            <div className="space-y-6">{children}</div>
-        </section>
-    );
-}
diff --git a/apps/web-client/src/features/shared/components/accessibility/live-region.tsx b/apps/web-client/src/features/shared/components/accessibility/live-region.tsx
deleted file mode 100644
index f7dbe972..00000000
--- a/apps/web-client/src/features/shared/components/accessibility/live-region.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: LiveRegion component props
- * VI: Props của component LiveRegion
- */
-export interface LiveRegionProps {
-  /**
-   * EN: Announcement message / VI: Thông báo
-   */
-  message?: string;
-  /**
-   * EN: Priority level (polite or assertive) / VI: Mức độ ưu tiên (polite hoặc assertive)
-   */
-  priority?: 'polite' | 'assertive';
-  /**
-   * EN: Additional CSS classes / VI: Các class CSS bổ sung
-   */
-  className?: string;
-}
-
-/**
- * EN: LiveRegion component - Announces changes to screen readers
- * VI: Component LiveRegion - Thông báo thay đổi cho screen readers
- *
- * Features:
- * - ARIA live region for announcements
- * - Polite or assertive priority
- * - Hidden visually but accessible to screen readers
- *
- * Tính năng:
- * - Vùng live ARIA cho thông báo
- * - Mức độ ưu tiên polite hoặc assertive
- * - Ẩn về mặt thị giác nhưng có thể truy cập bởi screen readers
- *
- * @example
- * ```tsx
- * <LiveRegion message="New message received" priority="polite" />
- * ```
- */
-export function LiveRegion({ message, priority = 'polite', className }: LiveRegionProps) {
-  return (
-    <div
-      role="status"
-      aria-live={priority}
-      aria-atomic="true"
-      className={cn('sr-only', className)}
-    >
-      {message}
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/shared/components/accessibility/skip-to-content.tsx b/apps/web-client/src/features/shared/components/accessibility/skip-to-content.tsx
deleted file mode 100644
index e51e0341..00000000
--- a/apps/web-client/src/features/shared/components/accessibility/skip-to-content.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: SkipToContent component - Skip link for keyboard navigation
- * VI: Component SkipToContent - Link bỏ qua cho điều hướng bàn phím
- *
- * Features:
- * - Appears on focus (keyboard navigation)
- * - Links to main content area
- * - WCAG 2.1 AA compliant
- *
- * Tính năng:
- * - Xuất hiện khi focus (điều hướng bàn phím)
- * - Link đến khu vực nội dung chính
- * - Tuân thủ WCAG 2.1 AA
- */
-export function SkipToContent() {
-  return (
-    <a
-      href="#main-content"
-      className={cn(
-        // EN: Hidden by default, visible on focus / VI: Ẩn mặc định, hiện khi focus
-        'sr-only focus:not-sr-only',
-        'fixed top-4 left-4 z-[100]',
-        'px-4 py-2',
-        'bg-accent-primary text-white',
-        'rounded-md',
-        'font-medium text-sm',
-        'shadow-lg',
-        'focus:outline-none focus:ring-2 focus:ring-accent-primary focus:ring-offset-2',
-        'transition-all duration-[150ms]'
-      )}
-      aria-label="Skip to main content / Bỏ qua đến nội dung chính"
-    >
-      Skip to content / Bỏ qua đến nội dung
-    </a>
-  );
-}
diff --git a/apps/web-client/src/features/shared/components/brand/brand-logo.tsx b/apps/web-client/src/features/shared/components/brand/brand-logo.tsx
deleted file mode 100644
index dde252b0..00000000
--- a/apps/web-client/src/features/shared/components/brand/brand-logo.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-'use client';
-
-import React from 'react';
-import Image from 'next/image';
-import { useTheme } from '@/features/theme';
-import { cn } from '@/shared/lib/utils';
-import { BRAND, getBrandLogo } from '@/shared/lib/brand-constants';
-
-/**
- * EN: Brand logo variant types
- * VI: Các kiểu biến thể logo thương hiệu
- */
-export type LogoVariant = 'full' | 'icon' | 'wordmark';
-
-/**
- * EN: Brand logo size presets
- * VI: Kích thước logo định sẵn
- */
-export type LogoSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-
-/**
- * EN: Brand logo component props
- * VI: Props cho component logo thương hiệu
- */
-export interface BrandLogoProps {
-    /** Logo variant / Biến thể logo */
-    variant?: LogoVariant;
-    /** Logo size / Kích thước logo */
-    size?: LogoSize;
-    /** Additional CSS classes / CSS classes bổ sung */
-    className?: string;
-    /** Whether to use Next.js Image optimization / Có sử dụng tối ưu Image của Next.js không */
-    priority?: boolean;
-}
-
-/**
- * EN: Size mappings for different logo sizes
- * VI: Ánh xạ kích thước cho các size logo khác nhau
- */
-const sizeClasses: Record<LogoSize, { width: string; height: string }> = {
-    xs: { width: 'w-16', height: 'h-4' },
-    sm: { width: 'w-24', height: 'h-6' },
-    md: { width: 'w-32', height: 'h-8' },
-    lg: { width: 'w-48', height: 'h-12' },
-    xl: { width: 'w-64', height: 'h-16' },
-    '2xl': { width: 'w-80', height: 'h-20' },
-};
-
-/**
- * EN: Size mappings for icon variant
- * VI: Ánh xạ kích thước cho biến thể icon
- */
-const iconSizeClasses: Record<LogoSize, { width: string; height: string }> = {
-    xs: { width: 'w-4', height: 'h-4' },
-    sm: { width: 'w-6', height: 'h-6' },
-    md: { width: 'w-8', height: 'h-8' },
-    lg: { width: 'w-12', height: 'h-12' },
-    xl: { width: 'w-16', height: 'h-16' },
-    '2xl': { width: 'w-20', height: 'h-20' },
-};
-
-/**
- * EN: Brand Logo Component - Displays brand logo with automatic theme switching
- * VI: Component Logo Thương Hiệu - Hiển thị logo với tự động chuyển theme
- *
- * @example
- * ```tsx
- * <BrandLogo variant="full" size="lg" />
- * <BrandLogo variant="icon" size="md" />
- * <BrandLogo variant="wordmark" size="sm" />
- * ```
- */
-export function BrandLogo({
-    variant = 'full',
-    size = 'md',
-    className,
-    priority = false,
-}: BrandLogoProps) {
-    const { resolvedTheme } = useTheme();
-
-    // EN: Get logo path based on variant
-    // VI: Lấy đường dẫn logo dựa trên biến thể
-    const logoSrc = getBrandLogo(variant);
-
-    // EN: Select size classes based on variant
-    // VI: Chọn class kích thước dựa trên biến thể
-    const sizes = variant === 'icon' ? iconSizeClasses[size] : sizeClasses[size];
-
-    return (
-        <div
-            className={cn(
-                'relative flex items-center justify-center',
-                sizes.width,
-                sizes.height,
-                className
-            )}
-        >
-            <Image
-                src={logoSrc}
-                alt={BRAND.name}
-                fill
-                priority={priority}
-                className="object-contain"
-                style={{
-                    // EN: Apply theme-aware color for SVG text elements
-                    // VI: Áp dụng màu nhận biết theme cho SVG text elements
-                    color: resolvedTheme === 'dark' ? '#FFFFFF' : '#000000',
-                }}
-            />
-        </div>
-    );
-}
-
-/**
- * EN: Brand Logo Link - Clickable logo that links to home
- * VI: Logo Link - Logo có thể nhấp dẫn về trang chủ
- *
- * @example
- * ```tsx
- * <BrandLogoLink variant="full" size="lg" href="/" />
- * ```
- */
-export interface BrandLogoLinkProps extends BrandLogoProps {
-    href?: string;
-}
-
-export function BrandLogoLink({
-    href = '/',
-    ...logoProps
-}: BrandLogoLinkProps) {
-    return (
-        <a
-            href={href}
-            className="inline-block transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary focus-visible:ring-offset-2 rounded-sm"
-            aria-label={`${BRAND.name} - Go to homepage`}
-        >
-            <BrandLogo {...logoProps} />
-        </a>
-    );
-}
diff --git a/apps/web-client/src/features/shared/components/brand/index.ts b/apps/web-client/src/features/shared/components/brand/index.ts
deleted file mode 100644
index c52ca2ee..00000000
--- a/apps/web-client/src/features/shared/components/brand/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Brand components exports
- * VI: Xuất các component thương hiệu
- */
-
-export * from './brand-logo';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/layout/announcement-banner.tsx b/apps/web-client/src/features/shared/components/layout/announcement-banner.tsx
deleted file mode 100644
index 4b0a6970..00000000
--- a/apps/web-client/src/features/shared/components/layout/announcement-banner.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-'use client';
-
-import React from 'react';
-import { X } from 'lucide-react';
-import { Button } from '@/features/shared/components/ui/button';
-
-import NextImage from 'next/image';
-
-/**
- * EN: Announcement Banner props
- * VI: Props cho Announcement Banner
- */
-export interface AnnouncementBannerProps {
-    /** Announcement title / Tiêu đề thông báo */
-    title: string;
-    /** Announcement description / Mô tả thông báo */
-    description: string;
-    /** Link text / Text link */
-    linkText: string;
-    /** Link URL / URL link */
-    linkUrl: string;
-    /** Show close button / Hiển thị button đóng */
-    showClose?: boolean;
-    /** On close callback / Callback khi đóng */
-    onClose?: () => void;
-    /** Background image source / Nguồn ảnh nền */
-    imageSrc?: string;
-    /** Additional CSS classes / CSS classes bổ sung */
-    className?: string;
-}
-
-/**
- * EN: Announcement Banner - Clean banner for news/announcements (x.ai style)
- * VI: Announcement Banner - Banner sạch sẽ cho tin tức/thông báo (phong cách x.ai)
- *
- * @example
- * ```tsx
- * <AnnouncementBanner
- *   title="New Feature Released"
- *   description="Check out our latest AI capabilities"
- *   linkText="Learn more"
- *   linkUrl="/news"
- *   imageSrc="/images/banner-bg.png"
- * />
- * ```
- */
-export function AnnouncementBanner({
-    title,
-    description,
-    linkText,
-    linkUrl,
-    showClose = false,
-    onClose,
-    imageSrc,
-    className,
-}: AnnouncementBannerProps) {
-    return (
-        <div className={`relative bg-bg-secondary/40 backdrop-blur-glass border-b border-border-primary overflow-hidden ${className}`}>
-            {imageSrc && (
-                <div className="absolute inset-0 z-0">
-                    <NextImage
-                        src={imageSrc}
-                        alt="Background"
-                        fill
-                        className="object-cover opacity-20 grayscale"
-                        priority
-                    />
-                    <div className="absolute inset-0 bg-bg-secondary/60"></div>
-                </div>
-            )}
-            <div className="container mx-auto px-6 relative z-10">
-                <div className="flex items-center justify-between py-3">
-                    <div className="flex items-center space-x-4">
-                        <div className="flex items-center space-x-2">
-                            <span className="text-xs text-text-tertiary uppercase tracking-wider font-medium">
-                                News
-                            </span>
-                        </div>
-                        <div className="hidden sm:block w-px h-4 bg-border-primary" />
-                        <div className="flex items-center space-x-3">
-                            <h3 className="text-sm font-medium text-text-primary">
-                                {title}
-                            </h3>
-                            <span className="text-xs text-text-primary">
-                                {description}
-                            </span>
-                        </div>
-                    </div>
-
-                    <div className="flex items-center space-x-4">
-                        <a
-                            href={linkUrl}
-                            className="text-xs text-text-secondary hover:text-text-primary transition-colors underline"
-                        >
-                            {linkText}
-                        </a>
-                        {showClose && onClose && (
-                            <Button
-                                variant="ghost"
-                                size="sm"
-                                onPress={onClose}
-                                className="p-1 h-auto hover:bg-glass-hover"
-                            >
-                                <X className="h-3 w-3" />
-                            </Button>
-                        )}
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/layout/auth-controls.tsx b/apps/web-client/src/features/shared/components/layout/auth-controls.tsx
deleted file mode 100644
index 8bc85e55..00000000
--- a/apps/web-client/src/features/shared/components/layout/auth-controls.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-'use client';
-
-import React from 'react';
-import { ThemeToggle } from '@/features/theme/components/theme-toggle-enhanced';
-import { LanguageSwitcher } from '@/features/theme/components/language-switcher';
-
-/**
- * EN: Auth Controls - Theme and Language switchers for auth pages
- * VI: Auth Controls - Bộ chuyển theme và ngôn ngữ cho trang auth
- * 
- * Features:
- * - Fixed position in top-right corner
- * - Styled to match "Try Grok" button
- * - Works on all auth pages (login, register, forgot-password)
- * 
- * @example
- * ```tsx
- * <AuthControls />
- * ```
- */
-export function AuthControls() {
-    return (
-        <div className="fixed top-6 right-6 z-50 flex items-center gap-3">
-            <ThemeToggle />
-            <LanguageSwitcher />
-        </div>
-    );
-}
diff --git a/apps/web-client/src/features/shared/components/layout/desktop-layout/desktop-layout.tsx b/apps/web-client/src/features/shared/components/layout/desktop-layout/desktop-layout.tsx
deleted file mode 100644
index 5e3f96b9..00000000
--- a/apps/web-client/src/features/shared/components/layout/desktop-layout/desktop-layout.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-/**
- * EN: Desktop Layout Component
- * VI: Component Layout cho Desktop
- *
- * A layout optimized for desktop/laptop screens with optional sidebar and wide content area.
- * Layout được tối ưu cho màn hình desktop/laptop với sidebar tùy chọn và content area rộng.
- *
- * @example
- * ```tsx
- * <DesktopLayout sidebar={<Sidebar />}>
- *   <YourContent />
- * </DesktopLayout>
- * ```
- */
-
-'use client';
-
-import React from 'react';
-import { cn } from '@/shared/utils';
-
-export interface DesktopLayoutProps {
-  /**
-   * Content to render inside the layout
-   */
-  children: React.ReactNode;
-
-  /**
-   * Custom className for the container
-   */
-  className?: string;
-
-  /**
-   * Header content (optional)
-   */
-  header?: React.ReactNode;
-
-  /**
-   * Sidebar content (optional)
-   */
-  sidebar?: React.ReactNode;
-
-  /**
-   * Footer content (optional)
-   */
-  footer?: React.ReactNode;
-
-  /**
-   * Whether to show the sidebar
-   */
-  showSidebar?: boolean;
-
-  /**
-   * Whether to show the header
-   */
-  showHeader?: boolean;
-
-  /**
-   * Whether to show the footer
-   */
-  showFooter?: boolean;
-
-  /**
-   * Sidebar position
-   */
-  sidebarPosition?: 'left' | 'right';
-
-  /**
-   * Sidebar width in pixels or custom value
-   */
-  sidebarWidth?: number | string;
-
-  /**
-   * Whether sidebar is collapsible
-   */
-  sidebarCollapsible?: boolean;
-
-  /**
-   * Whether sidebar is currently collapsed
-   */
-  sidebarCollapsed?: boolean;
-}
-
-/**
- * Desktop Layout Component
- *
- * Features:
- * - Sticky glass header (h-16 / 64px)
- * - Optional sidebar with customizable width
- * - Wide scrollable content area
- * - Desktop-optimized spacing
- * - Glassmorphism styling
- * - Sidebar positioning (left/right)
- *
- * Layout structure:
- * - Header: Fixed at top with glass effect
- * - Sidebar: Optional, fixed height, scrollable
- * - Main: Flexible scrollable content area
- * - Footer: Optional at bottom
- *
- * @example
- * ```tsx
- * <DesktopLayout
- *   header={<DesktopHeader />}
- *   sidebar={<ConversationList />}
- *   showSidebar={true}
- *   sidebarWidth={280}
- * >
- *   <ChatInterface />
- * </DesktopLayout>
- * ```
- */
-export function DesktopLayout({
-  children,
-  className,
-  header,
-  sidebar,
-  footer,
-  showSidebar = false,
-  showHeader = true,
-  showFooter = false,
-  sidebarPosition = 'left',
-  sidebarWidth = 280,
-  sidebarCollapsible = false,
-  sidebarCollapsed = false,
-}: DesktopLayoutProps) {
-  const sidebarWidthValue = typeof sidebarWidth === 'number' ? `${sidebarWidth}px` : sidebarWidth;
-  const collapsedWidth = sidebarCollapsible && sidebarCollapsed ? '64px' : sidebarWidthValue;
-
-  return (
-    <div
-      className={cn(
-        'flex flex-col min-h-screen',
-        'desktop-layout',
-        className
-      )}
-    >
-      {/* Desktop Header - Sticky with glass effect */}
-      {showHeader && header && (
-        <header
-          className={cn(
-            'glass-nav',
-            'sticky top-0 z-50',
-            'h-16',
-            'flex items-center px-6'
-          )}
-        >
-          {header}
-        </header>
-      )}
-
-      {/* Main Container with Sidebar */}
-      <div className="flex flex-1 overflow-hidden">
-        {/* Sidebar - Left or Right */}
-        {showSidebar && sidebar && sidebarPosition === 'left' && (
-          <aside
-            className={cn(
-              'glass-sidebar',
-              'flex-shrink-0 overflow-y-auto',
-              'transition-all duration-normal ease-smooth'
-            )}
-            style={{ width: collapsedWidth }}
-          >
-            {sidebar}
-          </aside>
-        )}
-
-        {/* Main Content - Scrollable */}
-        <main
-          className={cn(
-            'flex-1 overflow-y-auto overflow-x-hidden',
-            'bg-bg-primary'
-          )}
-        >
-          {children}
-        </main>
-
-        {/* Sidebar - Right */}
-        {showSidebar && sidebar && sidebarPosition === 'right' && (
-          <aside
-            className={cn(
-              'glass-sidebar',
-              'flex-shrink-0 overflow-y-auto',
-              'border-l border-glass',
-              'transition-all duration-normal ease-smooth'
-            )}
-            style={{ width: collapsedWidth }}
-          >
-            {sidebar}
-          </aside>
-        )}
-      </div>
-
-      {/* Footer (optional) */}
-      {showFooter && footer && (
-        <footer className="border-t border-glass-subtle">
-          {footer}
-        </footer>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/shared/components/layout/desktop-layout/index.ts b/apps/web-client/src/features/shared/components/layout/desktop-layout/index.ts
deleted file mode 100644
index f9b93b72..00000000
--- a/apps/web-client/src/features/shared/components/layout/desktop-layout/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * EN: Desktop Layout Exports
- * VI: Exports cho Desktop Layout
- */
-
-export { DesktopLayout } from './desktop-layout';
-export type { DesktopLayoutProps } from './desktop-layout';
diff --git a/apps/web-client/src/features/shared/components/layout/footer/footer.tsx b/apps/web-client/src/features/shared/components/layout/footer/footer.tsx
deleted file mode 100644
index 54ece47d..00000000
--- a/apps/web-client/src/features/shared/components/layout/footer/footer.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-'use client';
-
-import React from 'react';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Footer props
- * VI: Props cho Footer
- */
-export interface FooterProps {
-    /** Additional CSS classes / CSS classes bổ sung */
-    className?: string;
-}
-
-/**
- * EN: Footer - x.ai style footer with clean layout
- * VI: Footer - Footer theo phong cách x.ai với layout sạch sẽ
- *
- * Features:
- * - Clean minimal design like x.ai
- * - Four column layout (Try Grok On, Products, Company, Resources)
- * - Dark theme with white text
- * - No social media clutter
- *
- * @example
- * ```tsx
- * <Footer />
- * ```
- */
-export function Footer({ className }: FooterProps) {
-    // EN: Footer sections like x.ai / VI: Các section footer như x.ai
-    const footerSections = [
-        {
-            title: 'Try Grok On',
-            links: [
-                { label: 'Web', href: '/chat' },
-                { label: 'iOS', href: 'https://apps.apple.com/app/apple-store/id6670324846?pt=126952307&ct=x.ai%20Direct%20Link&mt=8' },
-                { label: 'Android', href: 'https://play.google.com/store/apps/details?id=ai.x.grok&hl=en' },
-                { label: 'Grok on X', href: 'https://x.com/i/grok' },
-            ],
-        },
-        {
-            title: 'Products',
-            links: [
-                { label: 'Grok', href: '/chat' },
-                { label: '𝕏', href: 'https://x.com' },
-                { label: 'API', href: '/api' },
-                { label: 'Grok Enterprise', href: '/grok/business' },
-                { label: 'Grokipedia', href: 'https://grokipedia.com' },
-            ],
-        },
-        {
-            title: 'Company',
-            links: [
-                { label: 'Company', href: '/company' },
-                { label: 'Careers', href: '/careers' },
-                { label: 'Contact', href: '/contact' },
-                { label: 'News', href: '/news' },
-            ],
-        },
-        {
-            title: 'Resources',
-            links: [
-                { label: 'Documentation', href: 'https://docs.x.ai' },
-                { label: 'Privacy policy', href: '/privacy-policy' },
-                { label: 'Security', href: '/security' },
-                { label: 'Safety', href: '/safety' },
-                { label: 'Legal', href: '/legal' },
-                { label: 'Status', href: 'https://status.x.ai' },
-            ],
-        },
-    ];
-
-    return (
-        <footer className={cn('bg-black text-white py-16', className)}>
-            <div className="container mx-auto px-6">
-                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
-                    {/* Footer sections like x.ai */}
-                    {footerSections.map((section) => (
-                        <div key={section.title} className="space-y-4">
-                            <h3 className="text-white text-sm font-medium mb-6">
-                                {section.title}
-                            </h3>
-                            <ul className="space-y-3">
-                                {section.links.map((link) => (
-                                    <li key={link.label}>
-                                        <a
-                                            href={link.href}
-                                            className="text-white/60 hover:text-white transition-colors text-sm"
-                                            target={link.href.startsWith('http') ? '_blank' : undefined}
-                                            rel={link.href.startsWith('http') ? 'noopener noreferrer' : undefined}
-                                        >
-                                            {link.label}
-                                        </a>
-                                    </li>
-                                ))}
-                            </ul>
-                        </div>
-                    ))}
-                </div>
-            </div>
-        </footer>
-    );
-}
-
-/**
- * EN: Minimal Footer - Clean x.ai style minimal footer
- * VI: Footer tối giản - Footer tối giản theo phong cách x.ai
- *
- * @example
- * ```tsx
- * <MinimalFooter />
- * ```
- */
-export function MinimalFooter({ className }: FooterProps) {
-    return (
-        <footer className={cn('bg-black text-white py-8', className)}>
-            <div className="container mx-auto px-6">
-                <p className="text-white/40 text-sm text-center">
-                    © 2024 GoodGo. All rights reserved.
-                </p>
-            </div>
-        </footer>
-    );
-}
diff --git a/apps/web-client/src/features/shared/components/layout/footer/index.ts b/apps/web-client/src/features/shared/components/layout/footer/index.ts
deleted file mode 100644
index 15b25773..00000000
--- a/apps/web-client/src/features/shared/components/layout/footer/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Footer layout components exports
- * VI: Xuất các component layout footer
- */
-
-export * from './footer';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/layout/header/index.ts b/apps/web-client/src/features/shared/components/layout/header/index.ts
deleted file mode 100644
index 5a48bb05..00000000
--- a/apps/web-client/src/features/shared/components/layout/header/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Header layout components exports
- * VI: Xuất các component layout header
- */
-
-export * from './navigation-header';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/layout/header/navigation-header.tsx b/apps/web-client/src/features/shared/components/layout/header/navigation-header.tsx
deleted file mode 100644
index 32cd43b1..00000000
--- a/apps/web-client/src/features/shared/components/layout/header/navigation-header.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { Menu, X } from 'lucide-react';
-import { BrandLogo, BrandLogoLink } from '../../brand';
-import { ThemeToggle } from '@/features/theme/components/theme-toggle-enhanced';
-import { LanguageSwitcher } from '@/features/theme/components/language-switcher';
-import { Button } from '@/features/shared/components/ui/button';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Navigation Header props
- * VI: Props cho Navigation Header
- */
-export interface NavigationHeaderProps {
-    /** Show CTA button / Hiển thị button CTA */
-    showCTA?: boolean;
-    /** CTA button text / Text button CTA */
-    ctaText?: string;
-    /** CTA button onClick / onClick button CTA */
-    onCTAClick?: () => void;
-    /** Additional CSS classes / CSS classes bổ sung */
-    className?: string;
-}
-
-/**
- * EN: Navigation Header - Clean x.ai style navigation
- * VI: Navigation Header - Navigation theo phong cách x.ai sạch sẽ
- *
- * Features:
- * - Clean minimal design
- * - Navigation menu items
- * - CTA button
- * - Responsive design
- *
- * @example
- * ```tsx
- * <NavigationHeader />
- * ```
- */
-export function NavigationHeader({ className }: { className?: string }) {
-    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
-
-    const navItems = [
-        { name: 'Grok', href: '/chat' },
-        { name: 'API', href: '/api' },
-        { name: 'Company', href: '/company' },
-        { name: 'Careers', href: '/careers' },
-        { name: 'News', href: '/news' },
-    ];
-
-    return (
-        <header
-            className={cn(
-                'sticky top-0 z-50 w-full border-b border-border-primary',
-                'bg-bg-primary/80 backdrop-blur-glass',
-                'transition-all duration-normal',
-                className
-            )}
-        >
-            <div className="container mx-auto px-6">
-                {/* EN: Main header content / VI: Nội dung header chính */}
-                <div className="flex h-14 items-center justify-between">
-                    {/* EN: Logo / VI: Logo */}
-                    <BrandLogoLink variant="wordmark" size="sm" href="/" />
-
-                    {/* EN: Desktop Navigation / VI: Navigation desktop */}
-                    <nav className="hidden md:flex items-center space-x-8">
-                        {navItems.map((item) => (
-                            <a
-                                key={item.name}
-                                href={item.href}
-                                className="text-text-secondary hover:text-text-primary transition-colors text-sm font-medium"
-                            >
-                                {item.name}
-                            </a>
-                        ))}
-                    </nav>
-
-                    {/* EN: CTA Button / VI: Button CTA */}
-                    <div className="hidden md:flex items-center gap-3">
-                        <ThemeToggle />
-                        <LanguageSwitcher />
-                        <Button
-                            variant="ghost"
-                            size="sm"
-                            onPress={() => window.location.href = '/chat'}
-                            className="text-text-primary border border-border-primary hover:bg-glass-hover transition-all"
-                        >
-                            Try Grok
-                        </Button>
-                    </div>
-
-                    {/* EN: Mobile Menu Button / VI: Button menu mobile */}
-                    <button
-                        className="md:hidden p-2 hover:bg-glass-hover rounded-md transition-colors"
-                        onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-                        aria-label="Toggle mobile menu"
-                        aria-expanded={mobileMenuOpen}
-                    >
-                        {mobileMenuOpen ? (
-                            <X className="h-5 w-5 text-text-primary" />
-                        ) : (
-                            <Menu className="h-5 w-5 text-text-primary" />
-                        )}
-                    </button>
-                </div>
-
-                {/* EN: Mobile Menu / VI: Menu mobile */}
-                {mobileMenuOpen && (
-                    <div
-                        className="md:hidden py-4 space-y-4 border-t border-border-primary animate-fadeIn"
-                        role="navigation"
-                        aria-label="Mobile navigation"
-                    >
-                        <nav className="flex flex-col space-y-4">
-                            {navItems.map((item) => (
-                                <a
-                                    key={item.name}
-                                    href={item.href}
-                                    className="text-text-secondary hover:text-text-primary transition-colors text-sm font-medium py-2"
-                                    onClick={() => setMobileMenuOpen(false)}
-                                >
-                                    {item.name}
-                                </a>
-                            ))}
-                        </nav>
-                        <Button
-                            variant="ghost"
-                            size="sm"
-                            onPress={() => {
-                                window.location.href = '/chat';
-                                setMobileMenuOpen(false);
-                            }}
-                            className="text-text-primary border border-border-primary hover:bg-glass-hover transition-all w-full mt-4"
-                        >
-                            Try Grok
-                        </Button>
-
-                        {/* EN: Theme and Language Controls / VI: Controls theme và ngôn ngữ */}
-                        <div className="flex items-center gap-3 pt-4 border-t border-border-primary">
-                            <ThemeToggle />
-                            <LanguageSwitcher />
-                        </div>
-                    </div>
-                )}
-            </div>
-        </header>
-    );
-}
-
-/**
- * EN: Minimal Navigation Header - Simplified version without CTA
- * VI: Navigation Header tối giản - Phiên bản đơn giản không có CTA
- * 
- * @example
- * ```tsx
- * <MinimalNavigationHeader />
- * ```
- */
-export function MinimalNavigationHeader({ className }: { className?: string }) {
-    return (
-        <header
-            className={cn(
-                'sticky top-0 z-50 w-full border-b border-border-primary',
-                'bg-bg-primary/80 backdrop-blur-glass',
-                className
-            )}
-        >
-            <div className="container mx-auto px-4">
-                <div className="flex h-14 items-center justify-between">
-                    <BrandLogo variant="icon" size="sm" />
-                    <div className="flex items-center gap-3">
-                        <ThemeToggle />
-                        <LanguageSwitcher />
-                    </div>
-                </div>
-            </div>
-        </header>
-    );
-}
diff --git a/apps/web-client/src/features/shared/components/layout/index.ts b/apps/web-client/src/features/shared/components/layout/index.ts
deleted file mode 100644
index 20d9a519..00000000
--- a/apps/web-client/src/features/shared/components/layout/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * EN: Layout Components Exports
- * VI: Exports cho Layout Components
- *
- * This file exports all layout components for mobile, desktop, and responsive layouts.
- * File này export tất cả các layout components cho mobile, desktop, và responsive layouts.
- */
-
-export * from './mobile-layout';
-export * from './desktop-layout';
-export * from './responsive-layout';
diff --git a/apps/web-client/src/features/shared/components/layout/mobile-layout/index.ts b/apps/web-client/src/features/shared/components/layout/mobile-layout/index.ts
deleted file mode 100644
index 8a329a8e..00000000
--- a/apps/web-client/src/features/shared/components/layout/mobile-layout/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * EN: Mobile Layout Exports
- * VI: Exports cho Mobile Layout
- */
-
-export { MobileLayout } from './mobile-layout';
-export type { MobileLayoutProps } from './mobile-layout';
-
-export { MobileBottomNav, useBottomNav } from './mobile-bottom-nav';
-export type { MobileBottomNavProps } from './mobile-bottom-nav';
-
-export { MobileAppDemo } from './mobile-app-demo';
diff --git a/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-app-demo.tsx b/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-app-demo.tsx
deleted file mode 100644
index 601f4370..00000000
--- a/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-app-demo.tsx
+++ /dev/null
@@ -1,261 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { MobileLayout, MobileBottomNav, useBottomNav } from './index';
-import { MessageCircle, User, Settings, Home, Search, ChevronLeft, MoreHorizontal } from 'lucide-react';
-import { Button } from '@/ui';
-
-/**
- * EN: Mobile App Demo - Showcases native app-style mobile layout
- * VI: Mobile App Demo - Trình diễn mobile layout theo phong cách native app
- *
- * Demonstrates:
- * - Native-style bottom navigation
- * - Pull-to-refresh functionality
- * - App-like header with back button
- * - Touch-optimized interactions
- *
- * @example
- * ```tsx
- * <MobileAppDemo />
- * ```
- */
-export function MobileAppDemo() {
-  const { activeItem, handleNavPress } = useBottomNav('home');
-  const [refreshCount, setRefreshCount] = useState(0);
-
-  // Simulate async refresh
-  const handleRefresh = async () => {
-    await new Promise(resolve => setTimeout(resolve, 2000));
-    setRefreshCount(prev => prev + 1);
-  };
-
-  // Render different content based on active nav item
-  const renderContent = () => {
-    switch (activeItem) {
-      case 'home':
-        return <HomeScreen refreshCount={refreshCount} />;
-      case 'search':
-        return <SearchScreen />;
-      case 'chat':
-        return <ChatScreen />;
-      case 'profile':
-        return <ProfileScreen />;
-      case 'settings':
-        return <SettingsScreen />;
-      default:
-        return <HomeScreen refreshCount={refreshCount} />;
-    }
-  };
-
-  // Header content based on active screen
-  const getHeader = () => {
-    const screenTitles = {
-      home: 'Home',
-      search: 'Search',
-      chat: 'Messages',
-      profile: 'Profile',
-      settings: 'Settings',
-    };
-
-    return (
-      <div className="flex items-center justify-between w-full px-4">
-        <div className="flex items-center space-x-3">
-          <Button variant="ghost" size="sm" className="p-2">
-            <ChevronLeft className="w-5 h-5 text-white" />
-          </Button>
-          <h1 className="text-lg font-semibold text-white">
-            {screenTitles[activeItem as keyof typeof screenTitles]}
-          </h1>
-        </div>
-        <Button variant="ghost" size="sm" className="p-2">
-          <MoreHorizontal className="w-5 h-5 text-white" />
-        </Button>
-      </div>
-    );
-  };
-
-  return (
-    <MobileLayout
-      showBottomNav
-      bottomNavItems={[
-        {
-          id: 'home',
-          label: 'Home',
-          icon: <Home className="w-6 h-6" />,
-        },
-        {
-          id: 'search',
-          label: 'Search',
-          icon: <Search className="w-6 h-6" />,
-        },
-        {
-          id: 'chat',
-          label: 'Chat',
-          icon: <MessageCircle className="w-6 h-6" />,
-          badge: 3,
-        },
-        {
-          id: 'profile',
-          label: 'Profile',
-          icon: <User className="w-6 h-6" />,
-        },
-        {
-          id: 'settings',
-          label: 'Settings',
-          icon: <Settings className="w-6 h-6" />,
-        },
-      ]}
-      activeNavItem={activeItem}
-      onNavItemPress={handleNavPress}
-      header={getHeader()}
-      enablePullToRefresh
-      onRefresh={handleRefresh}
-      className="max-w-sm mx-auto border border-white/20 rounded-2xl overflow-hidden"
-    >
-      {renderContent()}
-    </MobileLayout>
-  );
-}
-
-// Screen Components
-function HomeScreen({ refreshCount }: { refreshCount: number }) {
-  return (
-    <div className="p-6 space-y-6">
-      <div className="text-center">
-        <h2 className="text-2xl font-bold text-white mb-2">Welcome Home</h2>
-        <p className="text-white/70">
-          Refreshed {refreshCount} time{refreshCount !== 1 ? 's' : ''}
-        </p>
-      </div>
-
-      <div className="space-y-4">
-        {[1, 2, 3, 4, 5].map((item) => (
-          <div key={item} className="bg-white/5 backdrop-blur-sm rounded-xl p-4 border border-white/10">
-            <h3 className="text-white font-medium mb-2">Card {item}</h3>
-            <p className="text-white/60 text-sm">
-              This is a sample card with some content. Pull down to refresh!
-            </p>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function SearchScreen() {
-  return (
-    <div className="p-6">
-      <div className="mb-6">
-        <div className="bg-white/10 backdrop-blur-sm rounded-xl px-4 py-3 border border-white/20">
-          <div className="flex items-center space-x-3">
-            <Search className="w-5 h-5 text-white/50" />
-            <input
-              type="text"
-              placeholder="Search..."
-              className="bg-transparent text-white placeholder-white/50 flex-1 outline-none"
-            />
-          </div>
-        </div>
-      </div>
-
-      <div className="space-y-4">
-        <h3 className="text-white font-medium">Recent Searches</h3>
-        {['React', 'TypeScript', 'Mobile UI', 'Design Systems'].map((search) => (
-          <div key={search} className="flex items-center justify-between p-3 bg-white/5 rounded-lg">
-            <span className="text-white/80">{search}</span>
-            <ChevronLeft className="w-4 h-4 text-white/50 rotate-180" />
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function ChatScreen() {
-  return (
-    <div className="p-6">
-      <div className="space-y-4">
-        {[
-          { name: 'Alice', message: 'Hey! How are you?', time: '2m ago' },
-          { name: 'Bob', message: 'Meeting at 3 PM?', time: '1h ago' },
-          { name: 'Charlie', message: 'Thanks for the help!', time: '2h ago' },
-        ].map((chat, index) => (
-          <div key={index} className="flex items-center space-x-3 p-3 bg-white/5 rounded-xl border border-white/10">
-            <div className="w-10 h-10 bg-white/20 rounded-full flex items-center justify-center">
-              <span className="text-white font-medium text-sm">
-                {chat.name[0]}
-              </span>
-            </div>
-            <div className="flex-1">
-              <div className="flex items-center justify-between">
-                <span className="text-white font-medium">{chat.name}</span>
-                <span className="text-white/50 text-xs">{chat.time}</span>
-              </div>
-              <p className="text-white/70 text-sm">{chat.message}</p>
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function ProfileScreen() {
-  return (
-    <div className="p-6">
-      <div className="text-center mb-8">
-        <div className="w-20 h-20 bg-white/20 rounded-full mx-auto mb-4 flex items-center justify-center">
-          <User className="w-10 h-10 text-white" />
-        </div>
-        <h3 className="text-white text-xl font-bold">John Doe</h3>
-        <p className="text-white/60">john@example.com</p>
-      </div>
-
-      <div className="space-y-4">
-        {[
-          { label: 'Edit Profile', icon: User },
-          { label: 'Notifications', icon: Settings },
-          { label: 'Privacy', icon: Settings },
-        ].map((item, index) => (
-          <div key={index} className="flex items-center justify-between p-4 bg-white/5 rounded-xl border border-white/10">
-            <div className="flex items-center space-x-3">
-              <item.icon className="w-5 h-5 text-white/60" />
-              <span className="text-white">{item.label}</span>
-            </div>
-            <ChevronLeft className="w-4 h-4 text-white/50 rotate-180" />
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function SettingsScreen() {
-  return (
-    <div className="p-6">
-      <div className="space-y-6">
-        <h3 className="text-white text-lg font-bold">Settings</h3>
-
-        <div className="space-y-4">
-          {[
-            { label: 'Account', description: 'Manage your account settings' },
-            { label: 'Notifications', description: 'Configure notification preferences' },
-            { label: 'Privacy', description: 'Control your privacy settings' },
-            { label: 'Appearance', description: 'Customize app appearance' },
-          ].map((setting, index) => (
-            <div key={index} className="p-4 bg-white/5 rounded-xl border border-white/10">
-              <div className="flex items-center justify-between">
-                <div>
-                  <h4 className="text-white font-medium">{setting.label}</h4>
-                  <p className="text-white/60 text-sm">{setting.description}</p>
-                </div>
-                <ChevronLeft className="w-4 h-4 text-white/50 rotate-180" />
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-bottom-nav.tsx b/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-bottom-nav.tsx
deleted file mode 100644
index c8477541..00000000
--- a/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-bottom-nav.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-'use client';
-
-import React from 'react';
-import { MessageCircle, User, Settings, Home, Search } from 'lucide-react';
-import { cn } from '@/shared/lib/utils';
-import type { BottomNavItem } from './mobile-layout';
-
-/**
- * EN: Native-style Bottom Navigation Component
- * VI: Component Bottom Navigation theo phong cách Native
- *
- * Pre-configured bottom navigation for common app patterns.
- * Bottom navigation được cấu hình sẵn cho các pattern app thông dụng.
- *
- * @example
- * ```tsx
- * <MobileBottomNav
- *   activeItem="chat"
- *   onItemPress={handleNavPress}
- *   showBadges={{ chat: 3 }}
- * />
- * ```
- */
-
-export interface MobileBottomNavProps {
-  /** Active navigation item ID */
-  activeItem?: string;
-  /** Callback when item is pressed */
-  onItemPress?: (itemId: string) => void;
-  /** Show badges on items */
-  showBadges?: Record<string, number>;
-  /** Custom navigation items */
-  customItems?: BottomNavItem[];
-  /** Hide labels on inactive items */
-  hideLabels?: boolean;
-}
-
-/**
- * Pre-configured bottom navigation items for common apps
- */
-const DEFAULT_NAV_ITEMS: BottomNavItem[] = [
-  {
-    id: 'home',
-    label: 'Home',
-    icon: <Home className="w-6 h-6" />,
-  },
-  {
-    id: 'search',
-    label: 'Search',
-    icon: <Search className="w-6 h-6" />,
-  },
-  {
-    id: 'chat',
-    label: 'Chat',
-    icon: <MessageCircle className="w-6 h-6" />,
-  },
-  {
-    id: 'profile',
-    label: 'Profile',
-    icon: <User className="w-6 h-6" />,
-  },
-  {
-    id: 'settings',
-    label: 'Settings',
-    icon: <Settings className="w-6 h-6" />,
-  },
-];
-
-export function MobileBottomNav({
-  activeItem,
-  onItemPress,
-  showBadges = {},
-  customItems,
-  hideLabels = false,
-}: MobileBottomNavProps) {
-  const navItems = customItems || DEFAULT_NAV_ITEMS;
-
-  return (
-    <nav className="flex items-center justify-around w-full h-full px-2">
-      {navItems.map((item) => {
-        const badge = showBadges[item.id];
-        const isActive = activeItem === item.id;
-
-        return (
-          <button
-            key={item.id}
-            onClick={() => onItemPress?.(item.id)}
-            className={cn(
-              'flex flex-col items-center justify-center',
-              'min-w-[60px] h-12 rounded-lg',
-              'transition-all duration-200',
-              'relative group',
-              'active:scale-95',
-              isActive
-                ? 'text-white'
-                : 'text-white/50 hover:text-white/80'
-            )}
-          >
-            <div className={cn(
-              'relative mb-1 transition-transform',
-              isActive ? 'scale-110' : 'group-hover:scale-105'
-            )}>
-              {item.icon}
-              {badge && badge > 0 && (
-                <div className="absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full min-w-[18px] h-[18px] flex items-center justify-center px-1 font-medium">
-                  {badge > 99 ? '99+' : badge}
-                </div>
-              )}
-            </div>
-            {(!hideLabels || isActive) && (
-              <span className={cn(
-                'text-xs font-medium transition-all',
-                isActive ? 'opacity-100' : 'opacity-70'
-              )}>
-                {item.label}
-              </span>
-            )}
-            {isActive && (
-              <div className="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-6 h-0.5 bg-white rounded-full animate-fadeIn" />
-            )}
-          </button>
-        );
-      })}
-    </nav>
-  );
-}
-
-/**
- * EN: Hook for managing bottom navigation state
- * VI: Hook để quản lý trạng thái bottom navigation
- *
- * @example
- * ```tsx
- * const { activeItem, setActiveItem, handleNavPress } = useBottomNav('home');
- * ```
- */
-export function useBottomNav(initialItem: string = 'home') {
-  const [activeItem, setActiveItem] = React.useState(initialItem);
-
-  const handleNavPress = React.useCallback((itemId: string) => {
-    setActiveItem(itemId);
-  }, []);
-
-  return {
-    activeItem,
-    setActiveItem,
-    handleNavPress,
-  };
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-layout.tsx b/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-layout.tsx
deleted file mode 100644
index f576bd1a..00000000
--- a/apps/web-client/src/features/shared/components/layout/mobile-layout/mobile-layout.tsx
+++ /dev/null
@@ -1,375 +0,0 @@
-/**
- * EN: Native App-style Mobile Layout Component
- * VI: Component Layout Mobile theo phong cách Native App
- *
- * A mobile-first layout that mimics native app UX with iOS/Android design patterns.
- * Layout mobile-first mô phỏng UX native app với design patterns của iOS/Android.
- *
- * Features:
- * - iOS/Android safe areas support
- * - Native-like bottom navigation
- * - Pull-to-refresh capability
- * - Touch-optimized interactions
- * - App-like scrolling behavior
- *
- * @example
- * ```tsx
- * <MobileLayout showBottomNav>
- *   <YourContent />
- * </MobileLayout>
- * ```
- */
-
-'use client';
-
-import React, { useState, useRef, useEffect } from 'react';
-import { cn } from '@/shared/lib/utils';
-
-export interface MobileLayoutProps {
-  /**
-   * Content to render inside the layout
-   */
-  children: React.ReactNode;
-
-  /**
-   * Custom className for the container
-   */
-  className?: string;
-
-  /**
-   * Header content (optional)
-   */
-  header?: React.ReactNode;
-
-  /**
-   * Footer content (optional)
-   */
-  footer?: React.ReactNode;
-
-  /**
-   * Bottom navigation (optional)
-   */
-  bottomNav?: React.ReactNode;
-
-  /**
-   * Whether to show the header
-   */
-  showHeader?: boolean;
-
-  /**
-   * Whether to show the footer
-   */
-  showFooter?: boolean;
-
-  /**
-   * Enable pull-to-refresh functionality
-   */
-  enablePullToRefresh?: boolean;
-
-  /**
-   * Callback for pull-to-refresh
-   */
-  onRefresh?: () => Promise<void>;
-
-  /**
-   * Show native-style bottom navigation bar
-   */
-  showBottomNav?: boolean;
-
-  /**
-   * Bottom navigation items for native-style nav
-   */
-  bottomNavItems?: BottomNavItem[];
-
-  /**
-   * Active bottom nav item
-   */
-  activeNavItem?: string;
-
-  /**
-   * Callback when bottom nav item is pressed
-   */
-  onNavItemPress?: (itemId: string) => void;
-}
-
-export interface BottomNavItem {
-  id: string;
-  label: string;
-  icon: React.ReactNode;
-  badge?: number;
-}
-
-/**
- * Native App-style Mobile Layout Component
- *
- * Features:
- * - Full-screen native app experience
- * - iOS/Android safe areas
- * - Pull-to-refresh with native feel
- * - Native-style bottom navigation
- * - Touch-optimized interactions
- * - App-like scrolling physics
- *
- * Layout structure:
- * - Header: iOS/Android style with safe areas
- * - Main: Native scrolling with pull-to-refresh
- * - BottomNav: Native-style tab bar
- *
- * @example
- * ```tsx
- * <MobileLayout
- *   showBottomNav
- *   bottomNavItems={navItems}
- *   activeNavItem="chat"
- *   onNavItemPress={handleNavPress}
- *   enablePullToRefresh
- *   onRefresh={handleRefresh}
- * >
- *   <ChatInterface />
- * </MobileLayout>
- * ```
- */
-export function MobileLayout({
-  children,
-  className,
-  header,
-  footer,
-  bottomNav,
-  showHeader = true,
-  showFooter = false,
-  enablePullToRefresh = false,
-  onRefresh,
-  showBottomNav = false,
-  bottomNavItems = [],
-  activeNavItem,
-  onNavItemPress,
-}: MobileLayoutProps) {
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const [pullDistance, setPullDistance] = useState(0);
-  const [isPulling, setIsPulling] = useState(false);
-  const mainRef = useRef<HTMLDivElement>(null);
-  const startYRef = useRef<number>(0);
-  const isDraggingRef = useRef(false);
-
-  // Pull-to-refresh logic
-  useEffect(() => {
-    if (!enablePullToRefresh || !mainRef.current) return;
-
-    const handleTouchStart = (e: TouchEvent) => {
-      if (mainRef.current!.scrollTop === 0) {
-        startYRef.current = e.touches[0].clientY;
-        isDraggingRef.current = true;
-      }
-    };
-
-    const handleTouchMove = (e: TouchEvent) => {
-      if (!isDraggingRef.current || mainRef.current!.scrollTop > 0) return;
-
-      const currentY = e.touches[0].clientY;
-      const diff = currentY - startYRef.current;
-
-      if (diff > 0) {
-        e.preventDefault();
-        setPullDistance(Math.min(diff * 0.5, 80)); // Max pull distance
-        setIsPulling(diff > 30); // Threshold for refresh trigger
-      }
-    };
-
-    const handleTouchEnd = async () => {
-      if (!isDraggingRef.current) return;
-
-      isDraggingRef.current = false;
-
-      if (isPulling && onRefresh) {
-        setIsRefreshing(true);
-        setPullDistance(0);
-        setIsPulling(false);
-
-        try {
-          await onRefresh();
-        } finally {
-          setIsRefreshing(false);
-        }
-      } else {
-        setPullDistance(0);
-        setIsPulling(false);
-      }
-    };
-
-    const element = mainRef.current;
-    element.addEventListener('touchstart', handleTouchStart, { passive: false });
-    element.addEventListener('touchmove', handleTouchMove, { passive: false });
-    element.addEventListener('touchend', handleTouchEnd);
-
-    return () => {
-      element.removeEventListener('touchstart', handleTouchStart);
-      element.removeEventListener('touchmove', handleTouchMove);
-      element.removeEventListener('touchend', handleTouchEnd);
-    };
-  }, [enablePullToRefresh, isPulling, onRefresh]);
-  return (
-    <div
-      className={cn(
-        'flex flex-col min-h-screen',
-        'mobile-layout',
-        'overflow-hidden', // Prevent double scrollbars
-        'bg-black text-white', // Native app dark theme
-        className
-      )}
-    >
-      {/* Mobile Header - iOS/Android style */}
-      {showHeader && header && (
-        <header
-          className={cn(
-            'bg-black/80 backdrop-blur-xl',
-            'sticky top-0 z-50',
-            'h-14 min-h-[56px]', // Touch-friendly height
-            'flex items-center px-4',
-            'border-b border-white/10',
-            'safe-area-inset-top' // iOS notch support
-          )}
-        >
-          {header}
-        </header>
-      )}
-
-      {/* Main Content - Native scrolling with pull-to-refresh */}
-      <main
-        ref={mainRef}
-        className={cn(
-          'flex-1',
-          'overflow-y-auto overflow-x-hidden',
-          'relative',
-          showBottomNav ? 'pb-20' : '', // Space for native bottom nav
-          enablePullToRefresh ? 'overscroll-none' : 'overscroll-behavior-contain'
-        )}
-        style={{
-          transform: pullDistance > 0 ? `translateY(${pullDistance}px)` : undefined,
-          transition: isDraggingRef.current ? 'none' : 'transform 0.3s ease-out'
-        }}
-      >
-        {/* Pull-to-refresh indicator */}
-        {enablePullToRefresh && (
-          <div
-            className={cn(
-              'absolute top-0 left-0 right-0 z-10',
-              'flex items-center justify-center',
-              'h-16 bg-black/50 backdrop-blur-sm',
-              'transform transition-transform duration-200',
-              pullDistance > 0 ? 'translate-y-0' : '-translate-y-full'
-            )}
-          >
-            <div className="flex items-center space-x-2">
-              {isRefreshing ? (
-                <>
-                  <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
-                  <span className="text-sm text-white/70">Refreshing...</span>
-                </>
-              ) : (
-                <>
-                  <div
-                    className={cn(
-                      'w-4 h-4 rounded-full border-2 border-white/30 flex items-center justify-center transition-all',
-                      isPulling ? 'border-white scale-110' : ''
-                    )}
-                  >
-                    <div className={cn(
-                      'w-1 h-1 bg-white rounded-full transition-opacity',
-                      isPulling ? 'opacity-100' : 'opacity-0'
-                    )} />
-                  </div>
-                  <span className={cn(
-                    'text-sm transition-colors',
-                    isPulling ? 'text-white' : 'text-white/50'
-                  )}>
-                    {isPulling ? 'Release to refresh' : 'Pull to refresh'}
-                  </span>
-                </>
-              )}
-            </div>
-          </div>
-        )}
-
-        {/* Content with top padding for pull indicator */}
-        <div className={enablePullToRefresh ? 'pt-4' : ''}>
-          {children}
-        </div>
-      </main>
-
-      {/* Footer (optional) */}
-      {showFooter && footer && (
-        <footer className="safe-area-inset-bottom">
-          {footer}
-        </footer>
-      )}
-
-      {/* Native-style Bottom Navigation */}
-      {showBottomNav && bottomNavItems.length > 0 && (
-        <nav
-          className={cn(
-            'fixed bottom-0 left-0 right-0 z-50',
-            'bg-black/90 backdrop-blur-xl',
-            'h-16 min-h-[64px]', // iOS/Android standard height
-            'flex items-center justify-around px-2',
-            'border-t border-white/10',
-            'safe-area-inset-bottom', // iOS home indicator support
-            'pb-safe-bottom' // Additional safe area padding
-          )}
-        >
-          {bottomNavItems.map((item) => (
-            <button
-              key={item.id}
-              onClick={() => onNavItemPress?.(item.id)}
-              className={cn(
-                'flex flex-col items-center justify-center',
-                'min-w-[60px] h-12 rounded-lg',
-                'transition-all duration-200',
-                'relative',
-                activeNavItem === item.id
-                  ? 'text-white'
-                  : 'text-white/50 hover:text-white/80'
-              )}
-            >
-              <div className={cn(
-                'relative mb-1',
-                activeNavItem === item.id ? 'scale-110' : ''
-              )}>
-                {item.icon}
-                {item.badge && item.badge > 0 && (
-                  <div className="absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full min-w-[18px] h-[18px] flex items-center justify-center px-1">
-                    {item.badge > 99 ? '99+' : item.badge}
-                  </div>
-                )}
-              </div>
-              <span className={cn(
-                'text-xs font-medium transition-all',
-                activeNavItem === item.id ? 'opacity-100' : 'opacity-70'
-              )}>
-                {item.label}
-              </span>
-              {activeNavItem === item.id && (
-                <div className="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-6 h-0.5 bg-white rounded-full" />
-              )}
-            </button>
-          ))}
-        </nav>
-      )}
-
-      {/* Custom Bottom Navigation (legacy support) */}
-      {bottomNav && !showBottomNav && (
-        <nav
-          className={cn(
-            'bg-black/80 backdrop-blur-xl',
-            'sticky bottom-0 z-50',
-            'h-16 min-h-[64px]',
-            'flex items-center justify-around px-4',
-            'border-t border-white/10',
-            'safe-area-inset-bottom'
-          )}
-        >
-          {bottomNav}
-        </nav>
-      )}
-    </div>
-  );
-}
diff --git a/apps/web-client/src/features/shared/components/layout/responsive-layout.tsx b/apps/web-client/src/features/shared/components/layout/responsive-layout.tsx
deleted file mode 100644
index 1ea4abd6..00000000
--- a/apps/web-client/src/features/shared/components/layout/responsive-layout.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-import { DesktopLayout, DesktopLayoutProps } from './desktop-layout/desktop-layout';
-import { MobileLayout, MobileLayoutProps } from './mobile-layout/mobile-layout';
-
-/**
- * EN: Responsive Layout Props - combines desktop and mobile layouts
- * VI: Responsive Layout Props - kết hợp desktop và mobile layouts
- */
-export interface ResponsiveLayoutProps extends DesktopLayoutProps, MobileLayoutProps {
-  /** EN: Force desktop layout even on mobile / VI: Buộc desktop layout ngay cả trên mobile */
-  forceDesktop?: boolean;
-  /** EN: Force mobile layout even on desktop / VI: Buộc mobile layout ngay cả trên desktop */
-  forceMobile?: boolean;
-}
-
-/**
- * EN: Responsive Layout Component - automatically switches between desktop and mobile layouts
- * VI: Responsive Layout Component - tự động chuyển đổi giữa desktop và mobile layouts
- *
- * Features:
- * - Automatically detects screen size
- * - Uses DesktopLayout for desktop/tablet landscape
- * - Uses MobileLayout for mobile/tablet portrait
- * - Supports force overrides for testing
- * - Handles all props for both layout types
- *
- * @example
- * ```tsx
- * <ResponsiveLayout
- *   showSidebar
- *   sidebar={<Sidebar />}
- *   showBottomNav
- *   bottomNavItems={navItems}
- * >
- *   <YourContent />
- * </ResponsiveLayout>
- * ```
- */
-export function ResponsiveLayout({
-  forceDesktop = false,
-  forceMobile = false,
-  // Desktop props
-  header,
-  sidebar,
-  footer,
-  showSidebar = false,
-  showHeader = true,
-  showFooter = false,
-  sidebarPosition = 'left',
-  sidebarWidth = 280,
-  sidebarCollapsible = false,
-  sidebarCollapsed = false,
-  // Mobile props
-  bottomNav,
-  enablePullToRefresh = false,
-  onRefresh,
-  showBottomNav = false,
-  bottomNavItems = [],
-  activeNavItem,
-  onNavItemPress,
-  // Common props
-  children,
-  className,
-}: ResponsiveLayoutProps) {
-  const [isMobile, setIsMobile] = useState(false);
-
-  useEffect(() => {
-    if (forceDesktop) {
-      setIsMobile(false);
-      return;
-    }
-    if (forceMobile) {
-      setIsMobile(true);
-      return;
-    }
-
-    // Check screen size
-    const checkMobile = () => {
-      // Consider mobile if screen width < 768px (md breakpoint)
-      // or if device is touch-based and screen height > width (portrait mobile)
-      const isSmallScreen = window.innerWidth < 768;
-      const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-      const isPortrait = window.innerHeight > window.innerWidth;
-
-      setIsMobile(isSmallScreen || (isTouchDevice && isPortrait));
-    };
-
-    checkMobile();
-    window.addEventListener('resize', checkMobile);
-    window.addEventListener('orientationchange', checkMobile);
-
-    return () => {
-      window.removeEventListener('resize', checkMobile);
-      window.removeEventListener('orientationchange', checkMobile);
-    };
-  }, [forceDesktop, forceMobile]);
-
-  if (isMobile && !forceDesktop) {
-    return (
-      <MobileLayout
-        header={header}
-        footer={footer}
-        bottomNav={bottomNav}
-        showHeader={showHeader}
-        showFooter={showFooter}
-        enablePullToRefresh={enablePullToRefresh}
-        onRefresh={onRefresh}
-        showBottomNav={showBottomNav}
-        bottomNavItems={bottomNavItems}
-        activeNavItem={activeNavItem}
-        onNavItemPress={onNavItemPress}
-        className={className}
-      >
-        {children}
-      </MobileLayout>
-    );
-  }
-
-  return (
-    <DesktopLayout
-      header={header}
-      sidebar={sidebar}
-      footer={footer}
-      showSidebar={showSidebar}
-      showHeader={showHeader}
-      showFooter={showFooter}
-      sidebarPosition={sidebarPosition}
-      sidebarWidth={sidebarWidth}
-      sidebarCollapsible={sidebarCollapsible}
-      sidebarCollapsed={sidebarCollapsed}
-      className={className}
-    >
-      {children}
-    </DesktopLayout>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/layout/responsive-layout/index.ts b/apps/web-client/src/features/shared/components/layout/responsive-layout/index.ts
deleted file mode 100644
index 581514e8..00000000
--- a/apps/web-client/src/features/shared/components/layout/responsive-layout/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * EN: Responsive Layout Exports
- * VI: Exports cho Responsive Layout
- */
-
-export { ResponsiveLayout } from './responsive-layout';
-export type { ResponsiveLayoutProps } from './responsive-layout';
diff --git a/apps/web-client/src/features/shared/components/layout/responsive-layout/responsive-layout.tsx b/apps/web-client/src/features/shared/components/layout/responsive-layout/responsive-layout.tsx
deleted file mode 100644
index 8d77db5a..00000000
--- a/apps/web-client/src/features/shared/components/layout/responsive-layout/responsive-layout.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-/**
- * EN: Responsive Layout Component
- * VI: Component Layout Responsive
- *
- * A smart layout that automatically switches between mobile and desktop layouts based on screen size.
- * Layout thông minh tự động chuyển đổi giữa mobile và desktop layouts dựa trên kích thước màn hình.
- *
- * @example
- * ```tsx
- * <ResponsiveLayout>
- *   <YourContent />
- * </ResponsiveLayout>
- * ```
- */
-
-'use client';
-
-import React from 'react';
-import { useDeviceType } from '@/shared/hooks';
-import { MobileLayout, type MobileLayoutProps } from '../mobile-layout';
-import { DesktopLayout, type DesktopLayoutProps } from '../desktop-layout';
-
-export interface ResponsiveLayoutProps {
-  /**
-   * Content to render inside the layout
-   */
-  children: React.ReactNode;
-
-  /**
-   * Optional: Force specific layout (for testing/preview)
-   */
-  forceLayout?: 'mobile' | 'desktop';
-
-  /**
-   * Props to pass to MobileLayout when in mobile mode
-   */
-  mobileProps?: Omit<MobileLayoutProps, 'children'>;
-
-  /**
-   * Props to pass to DesktopLayout when in desktop mode
-   */
-  desktopProps?: Omit<DesktopLayoutProps, 'children'>;
-
-  /**
-   * Custom className
-   */
-  className?: string;
-}
-
-/**
- * Responsive Layout Component
- *
- * Features:
- * - Automatically detects device type using useDeviceType hook
- * - Renders MobileLayout for mobile/tablet devices
- * - Renders DesktopLayout for desktop devices
- * - Smooth transitions between layouts
- * - Force layout option for testing
- * - Pass-through props for both layouts
- *
- * Device detection:
- * - Mobile: < 768px
- * - Tablet: 768px - 1024px (renders as mobile)
- * - Desktop: >= 1024px
- *
- * @example
- * ```tsx
- * // Basic usage
- * <ResponsiveLayout>
- *   <ChatInterface />
- * </ResponsiveLayout>
- *
- * // With custom props for each layout
- * <ResponsiveLayout
- *   mobileProps={{
- *     header: <MobileHeader />,
- *     bottomNav: <MobileNav />
- *   }}
- *   desktopProps={{
- *     header: <DesktopHeader />,
- *     sidebar: <Sidebar />,
- *     showSidebar: true
- *   }}
- * >
- *   <ChatInterface />
- * </ResponsiveLayout>
- *
- * // Force layout for testing
- * <ResponsiveLayout forceLayout="mobile">
- *   <PreviewContent />
- * </ResponsiveLayout>
- * ```
- */
-export function ResponsiveLayout({
-  children,
-  forceLayout,
-  mobileProps,
-  desktopProps,
-  className,
-}: ResponsiveLayoutProps) {
-  const { isMobile, isTablet } = useDeviceType();
-
-  // Force layout if specified (for testing/preview)
-  if (forceLayout === 'mobile') {
-    return (
-      <MobileLayout className={className} {...mobileProps}>
-        {children}
-      </MobileLayout>
-    );
-  }
-
-  if (forceLayout === 'desktop') {
-    return (
-      <DesktopLayout className={className} {...desktopProps}>
-        {children}
-      </DesktopLayout>
-    );
-  }
-
-  // Auto-detect device type
-  // Mobile and Tablet use MobileLayout
-  if (isMobile || isTablet) {
-    return (
-      <MobileLayout className={className} {...mobileProps}>
-        {children}
-      </MobileLayout>
-    );
-  }
-
-  // Desktop uses DesktopLayout
-  return (
-    <DesktopLayout className={className} {...desktopProps}>
-      {children}
-    </DesktopLayout>
-  );
-}
diff --git a/apps/web-client/src/features/shared/components/ui/avatar/avatar.tsx b/apps/web-client/src/features/shared/components/ui/avatar/avatar.tsx
deleted file mode 100644
index d015d5b7..00000000
--- a/apps/web-client/src/features/shared/components/ui/avatar/avatar.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Avatar size variants
- * VI: Các biến thể kích thước Avatar
- */
-const avatarSizes = {
-  xs: 'h-6 w-6 text-xs',      // 24px
-  sm: 'h-8 w-8 text-sm',      // 32px
-  md: 'h-10 w-10 text-base',  // 40px (default)
-  lg: 'h-12 w-12 text-lg',    // 48px
-  xl: 'h-16 w-16 text-xl',    // 64px
-};
-
-/**
- * EN: Status indicator size variants (relative to avatar size)
- * VI: Các biến thể kích thước status indicator (tương đối với kích thước avatar)
- */
-const statusSizes = {
-  xs: 'h-1.5 w-1.5 border-[1.5px]',
-  sm: 'h-2 w-2 border-2',
-  md: 'h-2.5 w-2.5 border-2',
-  lg: 'h-3 w-3 border-[2.5px]',
-  xl: 'h-3.5 w-3.5 border-[3px]',
-};
-
-/**
- * EN: Status indicator positions (relative to avatar size)
- * VI: Vị trí status indicator (tương đối với kích thước avatar)
- */
-const statusPositions = {
-  xs: 'bottom-0 right-0',
-  sm: 'bottom-0 right-0',
-  md: 'bottom-0 right-0',
-  lg: 'bottom-0.5 right-0.5',
-  xl: 'bottom-1 right-1',
-};
-
-/**
- * EN: Avatar status color variants
- * VI: Các biến thể màu status của Avatar
- */
-const statusColors = {
-  online: 'bg-accent-success border-bg-primary',
-  offline: 'bg-text-tertiary border-bg-primary',
-  away: 'bg-accent-warning border-bg-primary',
-  busy: 'bg-accent-error border-bg-primary',
-};
-
-/**
- * EN: Avatar component - User avatar with image, fallback, and status indicator
- * VI: Component Avatar - Avatar người dùng với hình ảnh, fallback và status indicator
- *
- * @param size - Avatar size variant / Biến thể kích thước avatar
- * @param status - Status indicator (online/offline/away/busy) / Status indicator
- * @param className - Additional CSS classes / Các class CSS bổ sung
- */
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
-    size?: AvatarSize;
-    status?: AvatarStatus;
-  }
->(({ className, size = 'md', status, ...props }, ref) => (
-  <div className="relative inline-block">
-    <AvatarPrimitive.Root
-      ref={ref}
-      className={cn(
-        'relative flex shrink-0 overflow-hidden rounded-full bg-bg-tertiary',
-        avatarSizes[size],
-        className
-      )}
-      {...props}
-    />
-    {status && (
-      <span
-        className={cn(
-          'absolute rounded-full border-2',
-          statusSizes[size],
-          statusPositions[size],
-          statusColors[status]
-        )}
-        aria-label={`Status: ${status} / Trạng thái: ${status}`}
-      />
-    )}
-  </div>
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-
-/**
- * EN: AvatarImage component - Image displayed in avatar
- * VI: Component AvatarImage - Hình ảnh hiển thị trong avatar
- */
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
-    alt?: string;
-  }
->(({ className, alt, ...props }, ref) => (
-  <AvatarPrimitive.Image
-    ref={ref}
-    className={cn('aspect-square h-full w-full object-cover', className)}
-    alt={alt || 'User avatar / Avatar người dùng'}
-    {...props}
-  />
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-
-/**
- * EN: AvatarFallback component - Fallback content when image fails to load
- * VI: Component AvatarFallback - Nội dung fallback khi hình ảnh không tải được
- */
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn(
-      'flex h-full w-full items-center justify-center rounded-full bg-chat-ai-bubble text-text-primary font-medium',
-      className
-    )}
-    {...props}
-  />
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-export { Avatar, AvatarImage, AvatarFallback };
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/avatar/index.ts b/apps/web-client/src/features/shared/components/ui/avatar/index.ts
deleted file mode 100644
index aaee4ddd..00000000
--- a/apps/web-client/src/features/shared/components/ui/avatar/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Avatar component exports
- * VI: Xuất component Avatar
- */
-
-export * from './avatar';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/button/button.tsx b/apps/web-client/src/features/shared/components/ui/button/button.tsx
deleted file mode 100644
index 8b8bc66e..00000000
--- a/apps/web-client/src/features/shared/components/ui/button/button.tsx
+++ /dev/null
@@ -1,228 +0,0 @@
-/**
- * EN: Button Component (React Aria + Glassmorphism)
- * VI: Component Button (React Aria + Glassmorphism)
- *
- * A fully accessible button component built with React Aria and styled with subtle glassmorphism.
- * Component button có đầy đủ accessibility được build với React Aria và styled với glassmorphism tinh tế.
- *
- * @example
- * ```tsx
- * <Button variant="primary" size="md">Click me</Button>
- * <Button variant="glass" size="lg" isLoading>Loading...</Button>
- * <Button variant="solid" onPress={() => console.log('Pressed')}>Action</Button>
- * ```
- */
-
-'use client';
-
-import React from 'react';
-import { Button as AriaButton, type ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { cva, type VariantProps } from 'class-variance-authority';
-import { cn } from '@/shared/utils';
-
-/**
- * Button variants with glassmorphism styling (x.ai inspired)
- */
-const buttonVariants = cva(
-  // Base styles - common to all variants
-  [
-    'inline-flex items-center justify-center',
-    'rounded-xl font-medium',
-    'transition-all duration-quick ease-glide',
-    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',
-    'focus-visible:ring-glass-focus focus-visible:ring-offset-bg-primary',
-    'disabled:pointer-events-none disabled:opacity-50',
-    'active:scale-[0.98]',
-  ],
-  {
-    variants: {
-      variant: {
-        // Primary glass button (subtle x.ai style)
-        primary: [
-          'bg-glass-medium text-text-primary',
-          'border border-glass-medium hover:border-glass-hover',
-          'backdrop-blur-glass',
-          'shadow-glass hover:shadow-glass-lg',
-          'hover:bg-glass-hover',
-        ],
-        // Secondary glass (more subtle)
-        secondary: [
-          'bg-glass-subtle text-text-secondary',
-          'border border-glass-subtle hover:border-glass',
-          'backdrop-blur-glass-sm',
-          'hover:bg-glass hover:text-text-primary',
-        ],
-        // Ghost (no background until hover)
-        ghost: [
-          'text-text-secondary',
-          'hover:bg-glass hover:text-text-primary',
-          'hover:backdrop-blur-glass-sm',
-        ],
-        // Solid (for high-emphasis actions)
-        solid: [
-          'bg-text-primary text-bg-primary',
-          'hover:bg-text-secondary',
-          'shadow-md hover:shadow-lg',
-        ],
-        // Danger
-        danger: [
-          'bg-accent-error/10 text-accent-error',
-          'border border-accent-error/20 hover:border-accent-error/40',
-          'backdrop-blur-glass-sm',
-          'hover:bg-accent-error/20',
-        ],
-        // Glass (explicit glass variant)
-        glass: [
-          'bg-glass-medium text-text-primary',
-          'border border-glass hover:border-glass-hover',
-          'backdrop-blur-glass-md',
-          'shadow-glass-md hover:shadow-glass-lg',
-          'hover:bg-glass-hover',
-        ],
-        // Brand (Subtle dark glass - X.ai minimal)
-        brand: [
-          'bg-[#1f2f3d]/95 text-white',
-          'backdrop-blur-glass border border-white/10',
-          'shadow-[0_2px_8px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.1)]',
-          'hover:bg-[#243442] hover:border-white/15',
-          'hover:shadow-[0_4px_12px_rgba(0,0,0,0.5),inset_0_1px_1px_rgba(255,255,255,0.15)]',
-          'transition-all duration-quick',
-          'focus-visible:ring-2 focus-visible:ring-white/20',
-          'focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary',
-        ],
-      },
-      size: {
-        sm: 'h-8 px-3 text-sm min-h-[32px]',
-        md: 'h-10 px-4 text-base min-h-[40px]',
-        lg: 'h-12 px-6 text-lg min-h-[44px]',
-        xl: 'h-14 px-8 text-xl min-h-[48px]',
-      },
-      fullWidth: {
-        true: 'w-full',
-        false: 'w-auto',
-      },
-    },
-    defaultVariants: {
-      variant: 'primary',
-      size: 'md',
-      fullWidth: false,
-    },
-  }
-);
-
-export interface ButtonProps
-  extends Omit<AriaButtonProps, 'className' | 'children'>,
-  VariantProps<typeof buttonVariants> {
-  /**
-   * Custom className to merge with variant styles
-   */
-  className?: string;
-
-  /**
-   * Button content
-   */
-  children?: React.ReactNode;
-
-  /**
-   * Whether button is in loading state
-   */
-  isLoading?: boolean;
-
-  /**
-   * Icon to show before children
-   */
-  leftIcon?: React.ReactNode;
-
-  /**
-   * Icon to show after children
-   */
-  rightIcon?: React.ReactNode;
-}
-
-/**
- * Loading spinner component
- */
-const Spinner = ({ className }: { className?: string }) => (
-  <svg
-    className={cn('animate-spin h-4 w-4', className)}
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <circle
-      className="opacity-25"
-      cx="12"
-      cy="12"
-      r="10"
-      stroke="currentColor"
-      strokeWidth="4"
-    />
-    <path
-      className="opacity-75"
-      fill="currentColor"
-      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-    />
-  </svg>
-);
-
-/**
- * Button component built with React Aria
- *
- * Features:
- * - Fully accessible with keyboard navigation and ARIA attributes
- * - Glassmorphism styling (subtle x.ai style)
- * - Multiple variants: primary, secondary, ghost, solid, danger, glass, brand
- * - Loading state with spinner
- * - Left/right icon support
- * - Responsive sizing with min-height for touch targets
- *
- * @example
- * ```tsx
- * // Basic button
- * <Button onPress={() => alert('Clicked')}>Click me</Button>
- *
- * // Glass variant with loading
- * <Button variant="glass" isLoading>Loading...</Button>
- *
- * // With icons
- * <Button leftIcon={<Icon />} rightIcon={<Arrow />}>Next</Button>
- *
- * // Full width solid button
- * <Button variant="solid" size="lg" fullWidth>Submit</Button>
- * ```
- */
-export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  (
-    {
-      className,
-      variant,
-      size,
-      fullWidth,
-      isLoading,
-      leftIcon,
-      rightIcon,
-      children,
-      isDisabled,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <AriaButton
-        ref={ref}
-        className={cn(buttonVariants({ variant, size, fullWidth }), className)}
-        isDisabled={isDisabled || isLoading}
-        {...props}
-      >
-        {isLoading && <Spinner className="mr-2" />}
-        {!isLoading && leftIcon && <span className="mr-2">{leftIcon}</span>}
-        {children}
-        {rightIcon && <span className="ml-2">{rightIcon}</span>}
-      </AriaButton>
-    );
-  }
-);
-
-Button.displayName = 'Button';
-
-export { buttonVariants };
diff --git a/apps/web-client/src/features/shared/components/ui/button/index.ts b/apps/web-client/src/features/shared/components/ui/button/index.ts
deleted file mode 100644
index 8b4a1b54..00000000
--- a/apps/web-client/src/features/shared/components/ui/button/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * EN: Button Component Exports
- * VI: Exports cho Button Component
- */
-
-export { Button, buttonVariants } from './button';
-export type { ButtonProps } from './button';
diff --git a/apps/web-client/src/features/shared/components/ui/card/card.tsx b/apps/web-client/src/features/shared/components/ui/card/card.tsx
deleted file mode 100644
index 33817d73..00000000
--- a/apps/web-client/src/features/shared/components/ui/card/card.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import * as React from 'react';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Card component - Container for grouping related content
- * VI: Component Card - Container để nhóm các nội dung liên quan
- *
- * @param className - Additional CSS classes / Các class CSS bổ sung
- * @param hover - Enable hover lift effect / Bật hiệu ứng nâng khi hover
- * @param bordered - Show border / Hiển thị border
- */
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & {
-    hover?: boolean;
-    bordered?: boolean;
-  }
->(({ className, hover, bordered, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      // EN: Base card styles / VI: Style cơ bản cho card
-      'bg-bg-secondary rounded-lg p-6 transition-all duration-[250ms] ease-out',
-      // EN: Hover effect - lift with shadow / VI: Hiệu ứng hover - nâng với shadow
-      hover && 'hover:-translate-y-0.5 hover:shadow-lg',
-      // EN: Border variant / VI: Biến thể có border
-      bordered && 'border border-border-primary',
-      className
-    )}
-    {...props}
-  />
-));
-Card.displayName = 'Card';
-
-/**
- * EN: CardHeader component - Header section of the card
- * VI: Component CardHeader - Phần header của card
- */
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn('mb-4', className)}
-    {...props}
-  />
-));
-CardHeader.displayName = 'CardHeader';
-
-/**
- * EN: CardTitle component - Title text in card header
- * VI: Component CardTitle - Text tiêu đề trong card header
- */
-const CardTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h3
-    ref={ref}
-    className={cn(
-      'text-xl font-semibold text-text-primary',
-      className
-    )}
-    {...props}
-  />
-));
-CardTitle.displayName = 'CardTitle';
-
-/**
- * EN: CardDescription component - Descriptive text in card header
- * VI: Component CardDescription - Text mô tả trong card header
- */
-const CardDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <p
-    ref={ref}
-    className={cn(
-      'text-sm text-text-secondary mt-1',
-      className
-    )}
-    {...props}
-  />
-));
-CardDescription.displayName = 'CardDescription';
-
-/**
- * EN: CardContent component - Main content area of the card
- * VI: Component CardContent - Khu vực nội dung chính của card
- */
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn('', className)}
-    {...props}
-  />
-));
-CardContent.displayName = 'CardContent';
-
-/**
- * EN: CardFooter component - Footer section of the card
- * VI: Component CardFooter - Phần footer của card
- */
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn('mt-4 flex items-center', className)}
-    {...props}
-  />
-));
-CardFooter.displayName = 'CardFooter';
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/card/index.ts b/apps/web-client/src/features/shared/components/ui/card/index.ts
deleted file mode 100644
index 1eb1b6c2..00000000
--- a/apps/web-client/src/features/shared/components/ui/card/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Card component exports
- * VI: Xuất component Card
- */
-
-export * from './card';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/dialog/dialog.tsx b/apps/web-client/src/features/shared/components/ui/dialog/dialog.tsx
deleted file mode 100644
index d2ec4175..00000000
--- a/apps/web-client/src/features/shared/components/ui/dialog/dialog.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-'use client';
-
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as React from 'react';
-
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Dialog component - Modal dialog using Radix UI
- * VI: Component Dialog - Modal dialog sử dụng Radix UI
- */
-const Dialog = DialogPrimitive.Root;
-
-const DialogTrigger = DialogPrimitive.Trigger;
-
-const DialogPortal = DialogPrimitive.Portal;
-
-const DialogClose = DialogPrimitive.Close;
-
-/**
- * EN: DialogOverlay component - Backdrop overlay with blur effect
- * VI: Component DialogOverlay - Backdrop overlay với hiệu ứng blur
- */
-const DialogOverlay = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Overlay
-    ref={ref}
-    className={cn(
-      // EN: Base overlay styles with backdrop blur / VI: Style overlay cơ bản với backdrop blur
-      'fixed inset-0 z-50 bg-black/60 backdrop-blur-[8px]',
-      // EN: Animation - fade in / VI: Animation - fade in
-      'data-[state=open]:opacity-100 data-[state=closed]:opacity-0',
-      'transition-opacity duration-normal ease-out',
-      className
-    )}
-    {...props}
-  />
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-
-/**
- * EN: DialogContent component - Main dialog content container
- * VI: Component DialogContent - Container nội dung dialog chính
- */
-const DialogContent = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <DialogPortal>
-    <DialogOverlay />
-    <DialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        // EN: Base dialog styles / VI: Style dialog cơ bản
-        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg',
-        'bg-bg-elevated border border-border-primary rounded-2xl shadow-xl',
-        'p-6',
-        // EN: Animation - scale and fade / VI: Animation - scale và fade
-        'data-[state=open]:opacity-100 data-[state=closed]:opacity-0',
-        'data-[state=open]:scale-100 data-[state=closed]:scale-[0.96]',
-        'data-[state=closed]:translate-x-[-50%] data-[state=closed]:translate-y-[-48%]',
-        'data-[state=open]:translate-x-[-50%] data-[state=open]:translate-y-[-50%]',
-        'transition-all duration-[250ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]',
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <DialogPrimitive.Close
-        className={cn(
-          // EN: Close button styles / VI: Style nút đóng
-          'absolute right-4 top-4 rounded-sm opacity-70',
-          'ring-offset-bg-elevated transition-opacity hover:opacity-100',
-          'focus:outline-none focus:ring-2 focus:ring-accent-primary focus:ring-offset-2',
-          'disabled:pointer-events-none',
-          // EN: Close icon / VI: Icon đóng
-          'text-text-tertiary hover:text-text-primary'
-        )}
-      >
-        <svg
-          width="15"
-          height="15"
-          viewBox="0 0 15 15"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-          className="h-4 w-4"
-        >
-          <path
-            d="M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z"
-            fill="currentColor"
-            fillRule="evenodd"
-            clipRule="evenodd"
-          />
-        </svg>
-        <span className="sr-only">Close / Đóng</span>
-      </DialogPrimitive.Close>
-    </DialogPrimitive.Content>
-  </DialogPortal>
-));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-
-/**
- * EN: DialogHeader component - Header section of the dialog
- * VI: Component DialogHeader - Phần header của dialog
- */
-const DialogHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      'flex flex-col space-y-1.5 text-center sm:text-left mb-4',
-      className
-    )}
-    {...props}
-  />
-);
-DialogHeader.displayName = 'DialogHeader';
-
-/**
- * EN: DialogFooter component - Footer section of the dialog
- * VI: Component DialogFooter - Phần footer của dialog
- */
-const DialogFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-4',
-      className
-    )}
-    {...props}
-  />
-);
-DialogFooter.displayName = 'DialogFooter';
-
-/**
- * EN: DialogTitle component - Title text in dialog header
- * VI: Component DialogTitle - Text tiêu đề trong dialog header
- */
-const DialogTitle = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Title
-    ref={ref}
-    className={cn(
-      'text-xl font-semibold leading-none tracking-tight text-text-primary',
-      className
-    )}
-    {...props}
-  />
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-
-/**
- * EN: DialogDescription component - Descriptive text in dialog header
- * VI: Component DialogDescription - Text mô tả trong dialog header
- */
-const DialogDescription = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Description
-    ref={ref}
-    className={cn('text-sm text-text-secondary mt-1', className)}
-    {...props}
-  />
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-export {
-  Dialog,
-  DialogPortal,
-  DialogOverlay,
-  DialogClose,
-  DialogTrigger,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription,
-};
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/dialog/index.ts b/apps/web-client/src/features/shared/components/ui/dialog/index.ts
deleted file mode 100644
index 79b44831..00000000
--- a/apps/web-client/src/features/shared/components/ui/dialog/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Dialog component exports
- * VI: Xuất component Dialog
- */
-
-export * from './dialog';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/dropdown-menu/dropdown-menu.tsx b/apps/web-client/src/features/shared/components/ui/dropdown-menu/dropdown-menu.tsx
deleted file mode 100644
index c371e723..00000000
--- a/apps/web-client/src/features/shared/components/ui/dropdown-menu/dropdown-menu.tsx
+++ /dev/null
@@ -1,285 +0,0 @@
-'use client';
-
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as React from 'react';
-
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: DropdownMenu component - Root component for dropdown menu
- * VI: Component DropdownMenu - Component gốc cho dropdown menu
- */
-const DropdownMenu = DropdownMenuPrimitive.Root;
-
-/**
- * EN: DropdownMenuTrigger component - Button that triggers the dropdown
- * VI: Component DropdownMenuTrigger - Button kích hoạt dropdown
- */
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-
-/**
- * EN: DropdownMenuGroup component - Group of menu items
- * VI: Component DropdownMenuGroup - Nhóm các menu items
- */
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-
-/**
- * EN: DropdownMenuPortal component - Portal for dropdown content
- * VI: Component DropdownMenuPortal - Portal cho dropdown content
- */
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-
-/**
- * EN: DropdownMenuSub component - Submenu root
- * VI: Component DropdownMenuSub - Component gốc cho submenu
- */
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-
-/**
- * EN: DropdownMenuRadioGroup component - Radio group for dropdown
- * VI: Component DropdownMenuRadioGroup - Radio group cho dropdown
- */
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-
-/**
- * EN: DropdownMenuSubTrigger component - Submenu trigger
- * VI: Component DropdownMenuSubTrigger - Trigger cho submenu
- */
-const DropdownMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-[#1A1A1A] data-[state=open]:bg-[#1A1A1A]',
-      inset && 'pl-8',
-      className
-    )}
-    {...props}
-  >
-    {children}
-    {/* EN: Chevron right icon for submenu / VI: Icon chevron phải cho submenu */}
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="16"
-      height="16"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className="ml-auto h-4 w-4"
-    >
-      <path d="m9 18 6-6-6-6" />
-    </svg>
-  </DropdownMenuPrimitive.SubTrigger>
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-
-/**
- * EN: DropdownMenuSubContent component - Submenu content
- * VI: Component DropdownMenuSubContent - Nội dung submenu
- */
-const DropdownMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      'z-50 min-w-[8rem] overflow-hidden rounded-md border border-[#2A2A2A] bg-[#242424] p-1 text-[#FAFAFA] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-      className
-    )}
-    {...props}
-  />
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-
-/**
- * EN: DropdownMenuContent component - Main dropdown content container
- * VI: Component DropdownMenuContent - Container nội dung dropdown chính
- */
-const DropdownMenuContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <DropdownMenuPrimitive.Portal>
-    <DropdownMenuPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        // EN: Base styles for dropdown content / VI: Styles cơ bản cho dropdown content
-        'z-50 min-w-[8rem] overflow-hidden rounded-md border border-[#2A2A2A] bg-[#242424] p-1 text-[#FAFAFA] shadow-lg',
-        // EN: Animation styles / VI: Styles animation
-        'data-[state=open]:animate-in data-[state=closed]:animate-out',
-        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
-        'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',
-        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-        className
-      )}
-      {...props}
-    />
-  </DropdownMenuPrimitive.Portal>
-));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-
-/**
- * EN: DropdownMenuItem component - Individual menu item
- * VI: Component DropdownMenuItem - Item menu riêng lẻ
- */
-const DropdownMenuItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      // EN: Base menu item styles / VI: Styles cơ bản cho menu item
-      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors',
-      'focus:bg-[#1A1A1A] focus:text-[#FAFAFA]',
-      'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      inset && 'pl-8',
-      className
-    )}
-    {...props}
-  />
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-
-/**
- * EN: DropdownMenuCheckboxItem component - Checkbox menu item
- * VI: Component DropdownMenuCheckboxItem - Menu item checkbox
- */
-const DropdownMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <DropdownMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-[#1A1A1A] focus:text-[#FAFAFA] data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        {/* EN: Check icon / VI: Icon check */}
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="16"
-          height="16"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          className="h-4 w-4"
-        >
-          <path d="M20 6 9 17l-5-5" />
-        </svg>
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.CheckboxItem>
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-
-/**
- * EN: DropdownMenuRadioItem component - Radio menu item
- * VI: Component DropdownMenuRadioItem - Menu item radio
- */
-const DropdownMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-[#1A1A1A] focus:text-[#FAFAFA] data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        {/* EN: Circle icon for radio / VI: Icon hình tròn cho radio */}
-        <div className="h-2 w-2 rounded-full bg-current" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.RadioItem>
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-
-/**
- * EN: DropdownMenuLabel component - Label for menu group
- * VI: Component DropdownMenuLabel - Label cho nhóm menu
- */
-const DropdownMenuLabel = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Label
-    ref={ref}
-    className={cn('px-2 py-1.5 text-sm font-semibold text-[#A0A0A0]', inset && 'pl-8', className)}
-    {...props}
-  />
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-
-/**
- * EN: DropdownMenuSeparator component - Separator line between menu items
- * VI: Component DropdownMenuSeparator - Đường phân cách giữa các menu items
- */
-const DropdownMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    className={cn('-mx-1 my-1 h-px bg-[#2A2A2A]', className)}
-    {...props}
-  />
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-
-/**
- * EN: DropdownMenuShortcut component - Keyboard shortcut display
- * VI: Component DropdownMenuShortcut - Hiển thị phím tắt
- */
-const DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span className={cn('ml-auto text-xs tracking-widest text-[#A0A0A0]', className)} {...props} />
-  );
-};
-DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
-
-export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
-};
diff --git a/apps/web-client/src/features/shared/components/ui/dropdown-menu/index.ts b/apps/web-client/src/features/shared/components/ui/dropdown-menu/index.ts
deleted file mode 100644
index 0c5b6db7..00000000
--- a/apps/web-client/src/features/shared/components/ui/dropdown-menu/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Dropdown menu component exports
- * VI: Xuất component Dropdown menu
- */
-
-export * from './dropdown-menu';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/index.ts b/apps/web-client/src/features/shared/components/ui/index.ts
deleted file mode 100644
index 05e6f540..00000000
--- a/apps/web-client/src/features/shared/components/ui/index.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * EN: Shared UI components exports
- * VI: Xuất các component UI chung
- */
-
-// Button components
-export * from './button/button';
-
-// Input components
-export * from './input/input';
-
-// Card components
-export * from './card/card';
-
-// Avatar components
-export * from './avatar/avatar';
-
-// Dialog components
-export * from './dialog/dialog';
-
-// Dropdown menu components
-export * from './dropdown-menu/dropdown-menu';
-
-// Other UI components (from old components/ui)
-export * from './popover/popover';
-export * from './select/select';
-export * from './switch/switch';
-export * from './tooltip/tooltip';
-// export * from './empty-state/empty-state';
-// export * from './loading-states/loading-states';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/input/index.ts b/apps/web-client/src/features/shared/components/ui/input/index.ts
deleted file mode 100644
index 894067eb..00000000
--- a/apps/web-client/src/features/shared/components/ui/input/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * EN: Input Component Exports
- * VI: Exports cho Input Component
- */
-
-export { Input } from './input';
-export type { InputProps } from './input';
diff --git a/apps/web-client/src/features/shared/components/ui/input/input.tsx b/apps/web-client/src/features/shared/components/ui/input/input.tsx
deleted file mode 100644
index 132a87f4..00000000
--- a/apps/web-client/src/features/shared/components/ui/input/input.tsx
+++ /dev/null
@@ -1,282 +0,0 @@
-/**
- * EN: Input Component (React Aria + Glassmorphism)
- * VI: Component Input (React Aria + Glassmorphism)
- *
- * A fully accessible input component built with React Aria TextField and styled with subtle glassmorphism.
- * Component input có đầy đủ accessibility được build với React Aria TextField và styled với glassmorphism tinh tế.
- *
- * @example
- * ```tsx
- * <Input label="Email" type="email" placeholder="you@example.com" />
- * <Input label="Password" type="password" errorMessage="Invalid password" />
- * <Input label="Name" description="Your full name" />
- * ```
- */
-
-'use client';
-
-import React, { useState } from 'react';
-import {
-  TextField as AriaTextField,
-  Label,
-  Input as AriaInput,
-  Text,
-  type TextFieldProps as AriaTextFieldProps,
-} from 'react-aria-components';
-import { cn } from '@/shared/utils';
-import { Eye, EyeOff } from 'lucide-react';
-import { Button } from '../button/button';
-
-export interface InputProps extends Omit<AriaTextFieldProps, 'children'> {
-  /**
-   * Label for the input
-   */
-  label?: string;
-
-  /**
-   * Helper text shown below the input
-   */
-  description?: string;
-
-  /**
-   * Error message shown when input is invalid
-   */
-  errorMessage?: string;
-
-  /**
-   * Placeholder text
-   */
-  placeholder?: string;
-
-  /**
-   * Input type
-   */
-  type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number';
-
-  /**
-   * Input variant
-   * @default 'glass'
-   */
-  variant?: 'glass' | 'solid';
-
-  /**
-   * Custom className for the container
-   */
-  className?: string;
-
-  /**
-   * Custom className for the input element
-   */
-  inputClassName?: string;
-
-  /**
-   * Left icon/element
-   */
-  leftElement?: React.ReactNode;
-
-  /**
-   * Right icon/element
-   */
-  rightElement?: React.ReactNode;
-}
-
-/**
- * Input component built with React Aria TextField
- *
- * Features:
- * - Fully accessible with ARIA attributes
- * - Glassmorphism styling (subtle x.ai style)
- * - Label, description, and error message support
- * - Validation states (invalid, disabled)
- * - Left/right element support (icons, buttons)
- * - Keyboard navigation
- * - Focus states with glass border highlight
- *
- * @example
- * ```tsx
- * // Basic input
- * <Input label="Username" placeholder="Enter username" />
- *
- * // With validation
- * <Input
- *   label="Email"
- *   type="email"
- *   isRequired
- *   errorMessage="Please enter a valid email"
- * />
- *
- * // With description
- * <Input
- *   label="API Key"
- *   description="You can find this in your account settings"
- * />
- *
- * // With icons
- * <Input
- *   label="Search"
- *   leftElement={<SearchIcon />}
- *   rightElement={<ClearButton />}
- * />
- * ```
- */
-export const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  (
-    {
-      label,
-      description,
-      errorMessage,
-      placeholder,
-      type = 'text',
-      variant = 'glass',
-      className,
-      inputClassName,
-      leftElement,
-      rightElement,
-      isInvalid,
-      isDisabled,
-      isRequired,
-      ...props
-    },
-    ref
-  ) => {
-    // EN: Internal state for password visibility
-    // VI: State nội bộ cho việc hiển thị mật khẩu
-    const [showPassword, setShowPassword] = useState(false);
-
-    // EN: Determine the actual input type
-    // VI: Xác định type thực tế của input
-    const inputType = type === 'password' && showPassword ? 'text' : type;
-
-    // EN: Determine the right element for password toggle
-    // VI: Xác định element bên phải cho nút gạt mật khẩu
-    const finalRightElement =
-      type === 'password' ? (
-        <Button
-          variant="ghost"
-          size="sm"
-          className="h-8 w-8 p-0 hover:bg-glass-hover text-text-tertiary"
-          onPress={() => setShowPassword(!showPassword)}
-          aria-label={showPassword ? 'Hide password' : 'Show password'}
-        >
-          {showPassword ? (
-            <EyeOff className="h-4 w-4" />
-          ) : (
-            <Eye className="h-4 w-4" />
-          )}
-        </Button>
-      ) : (
-        rightElement
-      );
-
-    return (
-      <AriaTextField
-        className={cn('group flex flex-col gap-1.5', className)}
-        isInvalid={isInvalid || !!errorMessage}
-        isDisabled={isDisabled}
-        isRequired={isRequired}
-        {...props}
-      >
-        {label && (
-          <Label
-            className={cn(
-              'text-sm font-medium text-text-secondary',
-              'group-data-[disabled]:opacity-50',
-              'transition-colors duration-quick'
-            )}
-          >
-            {label}
-            {isRequired && <span className="text-accent-error ml-1">*</span>}
-          </Label>
-        )}
-
-        <div className="relative flex items-center">
-          {leftElement && (
-            <div className="absolute left-3 flex items-center pointer-events-none text-text-tertiary">
-              {leftElement}
-            </div>
-          )}
-
-          <AriaInput
-            ref={ref}
-            type={inputType}
-            placeholder={placeholder}
-            className={cn(
-              // Base input styles
-              variant === 'glass' ? 'glass-input' : 'solid-input',
-              'w-full rounded-xl px-3 py-2',
-              'text-base text-text-primary placeholder:text-text-tertiary',
-              'transition-all duration-quick ease-smooth',
-
-              // Focus state with X.ai blue ring (X.ai Minimal Design)
-              'focus:outline-none focus:ring-2 focus:ring-offset-2',
-              'focus:ring-accent-primary/30 focus:ring-offset-bg-primary',
-              variant === 'glass' && 'focus:bg-glass focus:border-accent-primary',
-              variant === 'solid' && 'focus:bg-bg-primary focus:border-accent-primary',
-
-              // Invalid state
-              'data-[invalid]:border-accent-error',
-              'data-[invalid]:focus:ring-accent-error/50',
-
-              // Disabled state
-              'data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
-
-              // Left element padding
-              leftElement && 'pl-10',
-
-              // Right element padding
-              finalRightElement && 'pr-10',
-
-              inputClassName
-            )}
-          />
-
-          {finalRightElement && (
-            <div className="absolute right-3 flex items-center text-text-tertiary">
-              {finalRightElement}
-            </div>
-          )}
-        </div>
-
-        {description && !errorMessage && (
-          <Text
-            slot="description"
-            className={cn(
-              'text-sm text-text-tertiary',
-              'transition-colors duration-quick'
-            )}
-          >
-            {description}
-          </Text>
-        )}
-
-        {errorMessage && (
-          <Text
-            slot="errorMessage"
-            className={cn(
-              'text-sm text-accent-error',
-              'flex items-center gap-1',
-              'animate-in fade-in slide-in-from-top-1 duration-quick'
-            )}
-          >
-            <svg
-              className="h-4 w-4 flex-shrink-0"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-              />
-            </svg>
-            {errorMessage}
-          </Text>
-        )}
-      </AriaTextField>
-    );
-  }
-);
-
-Input.displayName = 'Input';
diff --git a/apps/web-client/src/features/shared/components/ui/popover/index.ts b/apps/web-client/src/features/shared/components/ui/popover/index.ts
deleted file mode 100644
index 77c43561..00000000
--- a/apps/web-client/src/features/shared/components/ui/popover/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Popover component exports
- * VI: Xuất component Popover
- */
-
-export * from './popover';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/popover/popover.tsx b/apps/web-client/src/features/shared/components/ui/popover/popover.tsx
deleted file mode 100644
index 11ee68cf..00000000
--- a/apps/web-client/src/features/shared/components/ui/popover/popover.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Popover component - Floating content triggered by an element
- * VI: Component Popover - Nội dung nổi được kích hoạt bởi một phần tử
- */
-const Popover = PopoverPrimitive.Root;
-
-const PopoverTrigger = PopoverPrimitive.Trigger;
-
-const PopoverAnchor = PopoverPrimitive.Anchor;
-
-const PopoverContent = React.forwardRef<
-    React.ElementRef<typeof PopoverPrimitive.Content>,
-    React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
->(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
-    <PopoverPrimitive.Portal>
-        <PopoverPrimitive.Content
-            ref={ref}
-            align={align}
-            sideOffset={sideOffset}
-            className={cn(
-                // EN: Base styles for popover content / VI: Style cơ bản cho nội dung popover
-                'z-50 w-72 rounded-xl border border-border-primary bg-bg-elevated p-4 text-text-primary shadow-xl outline-none',
-                // EN: Animations / VI: Animation
-                'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-                className
-            )}
-            {...props}
-        />
-    </PopoverPrimitive.Portal>
-));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
diff --git a/apps/web-client/src/features/shared/components/ui/select/index.ts b/apps/web-client/src/features/shared/components/ui/select/index.ts
deleted file mode 100644
index b02ec6d4..00000000
--- a/apps/web-client/src/features/shared/components/ui/select/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Select component exports
- * VI: Xuất component Select
- */
-
-export * from './select';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/select/select.tsx b/apps/web-client/src/features/shared/components/ui/select/select.tsx
deleted file mode 100644
index 0ddbeada..00000000
--- a/apps/web-client/src/features/shared/components/ui/select/select.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Select component props interface
- * VI: Interface cho props của component Select
- */
-export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-  /**
-   * EN: Label text for the select / VI: Text label cho select
-   */
-  label?: string;
-  /**
-   * EN: Helper text to display below select / VI: Text hướng dẫn hiển thị dưới select
-   */
-  helperText?: string;
-  /**
-   * EN: Error message to display below select / VI: Thông báo lỗi hiển thị dưới select
-   */
-  errorMessage?: string;
-  /**
-   * EN: Validation state - affects styling / VI: Trạng thái validation - ảnh hưởng đến styling
-   */
-  validationState?: 'default' | 'error' | 'success';
-}
-
-/**
- * EN: Select component with label and validation states
- * VI: Component Select với label và các trạng thái validation
- *
- * @example
- * ```tsx
- * <Select label="Language" value={lang} onChange={(e) => setLang(e.target.value)}>
- *   <option value="en">English</option>
- *   <option value="vi">Vietnamese</option>
- * </Select>
- * ```
- */
-const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
-  (
-    {
-      className,
-      label,
-      helperText,
-      errorMessage,
-      validationState = 'default',
-      disabled,
-      id,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    // EN: Generate unique ID if not provided / VI: Tạo ID duy nhất nếu không được cung cấp
-    const generatedId = React.useId();
-    const selectId = id || generatedId;
-    const labelId = `${selectId}-label`;
-    const helperId = `${selectId}-helper`;
-    const errorId = `${selectId}-error`;
-
-    // EN: Determine validation state based on props / VI: Xác định trạng thái validation dựa trên props
-    const state = errorMessage || validationState === 'error' ? 'error' : validationState === 'success' ? 'success' : 'default';
-
-    return (
-      <div className="w-full">
-        {/* EN: Label / VI: Nhãn */}
-        {label && (
-          <label
-            htmlFor={selectId}
-            id={labelId}
-            className="block text-sm font-medium text-[#E0E0E0] mb-2"
-          >
-            {label}
-          </label>
-        )}
-
-        {/* EN: Select wrapper with icon / VI: Wrapper select với icon */}
-        <div className="relative">
-          <select
-            id={selectId}
-            ref={ref}
-            disabled={disabled}
-            className={cn(
-              // EN: Base styles / VI: Styles cơ bản
-              'flex w-full rounded-md border bg-[#121212] px-3 py-2 pr-10 text-base text-[#FAFAFA]',
-              'appearance-none',
-              'transition-all duration-150',
-              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',
-              // EN: Default state / VI: Trạng thái mặc định
-              state === 'default' &&
-                'border-[#2A2A2A] focus-visible:border-[#3B82F6] focus-visible:ring-[#3B82F6]',
-              // EN: Focus state with glow effect / VI: Trạng thái focus với hiệu ứng glow
-              state === 'default' &&
-                !disabled &&
-                'focus-visible:shadow-[0_0_20px_rgba(59,130,246,0.3)]',
-              // EN: Error state / VI: Trạng thái lỗi
-              state === 'error' &&
-                'border-[#EF4444] focus-visible:border-[#EF4444] focus-visible:ring-[#EF4444]',
-              // EN: Success state / VI: Trạng thái thành công
-              state === 'success' &&
-                'border-[#10B981] focus-visible:border-[#10B981] focus-visible:ring-[#10B981]',
-              // EN: Disabled state / VI: Trạng thái vô hiệu hóa
-              disabled && 'cursor-not-allowed opacity-50 bg-[#1A1A1A] border-[#2A2A2A]',
-              className
-            )}
-            aria-invalid={state === 'error' ? 'true' : 'false'}
-            aria-describedby={
-              errorMessage ? errorId : helperText ? helperId : undefined
-            }
-            {...props}
-          >
-            {children}
-          </select>
-          
-          {/* EN: Dropdown arrow icon / VI: Icon mũi tên dropdown */}
-          <div
-            className={cn(
-              'pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3',
-              disabled && 'opacity-50'
-            )}
-            aria-hidden="true"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              className="h-4 w-4 text-[#A0A0A0]"
-            >
-              <path d="m6 9 6 6 6-6" />
-            </svg>
-          </div>
-        </div>
-
-        {/* EN: Helper text / VI: Text hướng dẫn */}
-        {helperText && state === 'default' && !errorMessage && (
-          <p id={helperId} className="mt-1.5 text-sm text-[#A0A0A0]" role="note">
-            {helperText}
-          </p>
-        )}
-
-        {/* EN: Error message / VI: Thông báo lỗi */}
-        {errorMessage && (
-          <p
-            id={errorId}
-            className="mt-1.5 text-sm text-[#EF4444] flex items-center gap-1"
-            role="alert"
-          >
-            <svg
-              className="h-4 w-4"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              aria-hidden="true"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-              />
-            </svg>
-            {errorMessage}
-          </p>
-        )}
-      </div>
-    );
-  }
-);
-
-Select.displayName = 'Select';
-
-export { Select };
diff --git a/apps/web-client/src/features/shared/components/ui/switch/index.ts b/apps/web-client/src/features/shared/components/ui/switch/index.ts
deleted file mode 100644
index 9ec8cb3f..00000000
--- a/apps/web-client/src/features/shared/components/ui/switch/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Switch component exports
- * VI: Xuất component Switch
- */
-
-export * from './switch';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/switch/switch.tsx b/apps/web-client/src/features/shared/components/ui/switch/switch.tsx
deleted file mode 100644
index 3ef18d72..00000000
--- a/apps/web-client/src/features/shared/components/ui/switch/switch.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Switch component - A control that allows the user to toggle between checked and not checked
- * VI: Component Switch - Bộ điều khiển cho phép người dùng chuyển đổi giữa trạng thái checked và không checked
- */
-const Switch = React.forwardRef<
-  React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(({ className, ...props }, ref) => (
-  <SwitchPrimitives.Root
-    className={cn(
-      // EN: Base track styles / VI: Style track cơ bản
-      'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors',
-      // EN: Focus and disabled states / VI: Trạng thái focus và disabled
-      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary',
-      'disabled:cursor-not-allowed disabled:opacity-50',
-      // EN: Color states / VI: Trạng thái màu sắc
-      'data-[state=checked]:bg-brand-primary data-[state=unchecked]:bg-bg-tertiary',
-      className
-    )}
-    {...props}
-    ref={ref}
-  >
-    <SwitchPrimitives.Thumb
-      className={cn(
-        // EN: Thumb styles / VI: Style thumb
-        'pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform',
-        'data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'
-      )}
-    />
-  </SwitchPrimitives.Root>
-));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-
-export { Switch };
diff --git a/apps/web-client/src/features/shared/components/ui/tooltip/index.ts b/apps/web-client/src/features/shared/components/ui/tooltip/index.ts
deleted file mode 100644
index 9c50ba64..00000000
--- a/apps/web-client/src/features/shared/components/ui/tooltip/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Tooltip component exports
- * VI: Xuất component Tooltip
- */
-
-export * from './tooltip';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/ui/tooltip/tooltip.tsx b/apps/web-client/src/features/shared/components/ui/tooltip/tooltip.tsx
deleted file mode 100644
index f051eb3f..00000000
--- a/apps/web-client/src/features/shared/components/ui/tooltip/tooltip.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Tooltip component - Informational text on hover or focus
- * VI: Component Tooltip - Văn bản thông tin khi hover hoặc focus
- */
-const TooltipProvider = TooltipPrimitive.Provider;
-
-const Tooltip = TooltipPrimitive.Root;
-
-const TooltipTrigger = TooltipPrimitive.Trigger;
-
-const TooltipContent = React.forwardRef<
-    React.ElementRef<typeof TooltipPrimitive.Content>,
-    React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-    <TooltipPrimitive.Content
-        ref={ref}
-        sideOffset={sideOffset}
-        className={cn(
-            // EN: Base styles for tooltip content / VI: Style cơ bản cho nội dung tooltip
-            'z-50 overflow-hidden rounded-md bg-bg-elevated border border-border-primary px-3 py-1.5 text-xs text-text-primary shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-            className
-        )}
-        {...props}
-    />
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/apps/web-client/src/features/shared/components/users/UserCard.tsx b/apps/web-client/src/features/shared/components/users/UserCard.tsx
deleted file mode 100644
index ce333761..00000000
--- a/apps/web-client/src/features/shared/components/users/UserCard.tsx
+++ /dev/null
@@ -1,237 +0,0 @@
-'use client';
-
-import React from 'react';
-import { UserResponse, Role } from '@goodgo/types';
-import { Mail, Calendar, Shield, Edit, MoreHorizontal, Trash2 } from 'lucide-react';
-import { Card } from '../ui/card';
-import { Button } from '../ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem
-} from '../ui/dropdown-menu';
-import { Switch } from '../ui/switch';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Props for UserCard component
- * VI: Props cho component UserCard
- */
-export interface UserCardProps {
-  /** EN: User data to display / VI: Dữ liệu user để hiển thị */
-  user: UserResponse;
-  /** EN: Whether the card is in compact mode / VI: Card có ở chế độ compact không */
-  compact?: boolean;
-  /** EN: Callback when user is edited / VI: Callback khi user được edit */
-  onEdit?: (user: UserResponse) => void;
-  /** EN: Callback when user status is toggled / VI: Callback khi toggle trạng thái user */
-  onToggleStatus?: (user: UserResponse) => void;
-  /** EN: Callback when user is deleted / VI: Callback khi user bị xóa */
-  onDelete?: (user: UserResponse) => void;
-  /** EN: Show admin actions (edit, delete, status toggle) / VI: Hiển thị admin actions */
-  showAdminActions?: boolean;
-  /** EN: Additional CSS classes / VI: CSS classes bổ sung */
-  className?: string;
-}
-
-/**
- * EN: User Card Component - Displays user information in a card format
- * VI: Component User Card - Hiển thị thông tin user dưới dạng card
- *
- * Features:
- * - User avatar (email initial)
- * - Basic user info (email, role, status)
- * - Creation/update dates
- * - Admin actions (edit, delete, toggle status)
- * - Compact and full modes
- */
-export function UserCard({
-  user,
-  compact = false,
-  onEdit,
-  onToggleStatus,
-  onDelete,
-  showAdminActions = false,
-  className,
-}: UserCardProps) {
-  const getRoleColor = (role: Role) => {
-    switch (role) {
-      case Role.SUPER_ADMIN:
-        return 'bg-red-100 text-red-800 border-red-200';
-      case Role.ADMIN:
-        return 'bg-blue-100 text-blue-800 border-blue-200';
-      case Role.USER:
-        return 'bg-gray-100 text-gray-800 border-gray-200';
-      default:
-        return 'bg-gray-100 text-gray-800 border-gray-200';
-    }
-  };
-
-  const getStatusColor = (isActive: boolean) => {
-    return isActive
-      ? 'text-green-600 bg-green-100'
-      : 'text-gray-600 bg-gray-100';
-  };
-
-  const formatDate = (dateString: string) => {
-    return new Date(dateString).toLocaleDateString('en-US', {
-      year: 'numeric',
-      month: 'short',
-      day: 'numeric',
-    });
-  };
-
-  if (compact) {
-    return (
-      <Card className={cn('p-4 hover:shadow-md transition-shadow', className)}>
-        <div className="flex items-center justify-between">
-          <div className="flex items-center space-x-3">
-            {/* Avatar */}
-            <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
-              <span className="text-blue-600 font-semibold text-sm">
-                {user.email[0].toUpperCase()}
-              </span>
-            </div>
-
-            {/* User Info */}
-            <div>
-              <div className="flex items-center space-x-2">
-                <span className="font-medium text-gray-900">{user.email}</span>
-                <span className={cn(
-                  'inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border',
-                  getRoleColor(user.role)
-                )}>
-                  {user.role}
-                </span>
-              </div>
-              <div className="flex items-center space-x-2 text-sm text-gray-500">
-                <span className={cn(
-                  'inline-flex items-center px-2 py-0.5 rounded text-xs',
-                  getStatusColor(user.isActive)
-                )}>
-                  {user.isActive ? 'Active' : 'Inactive'}
-                </span>
-                <span>Created {formatDate(user.createdAt)}</span>
-              </div>
-            </div>
-          </div>
-
-          {/* Actions */}
-          {showAdminActions && (
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button variant="ghost" size="sm">
-                  <MoreHorizontal className="w-4 h-4" />
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end" className="w-48">
-                <DropdownMenuItem onClick={() => onEdit?.(user)}>
-                  <Edit className="w-4 h-4 mr-2" />
-                  <span>Edit</span>
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  onClick={() => onDelete?.(user)}
-                  className="text-red-600 focus:text-red-700 focus:bg-red-50"
-                >
-                  <Trash2 className="w-4 h-4 mr-2" />
-                  <span>Delete</span>
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          )}
-        </div>
-      </Card>
-    );
-  }
-
-  return (
-    <Card className={cn('p-6', className)}>
-      <div className="flex items-start justify-between">
-        <div className="flex items-start space-x-4">
-          {/* Avatar */}
-          <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center">
-            <span className="text-blue-600 font-bold text-xl">
-              {user.email[0].toUpperCase()}
-            </span>
-          </div>
-
-          {/* User Info */}
-          <div className="flex-1">
-            <div className="flex items-center space-x-3 mb-2">
-              <h3 className="text-lg font-semibold text-gray-900">{user.email}</h3>
-              <span className={cn(
-                'inline-flex items-center px-3 py-1 rounded-full text-sm font-medium border',
-                getRoleColor(user.role)
-              )}>
-                <Shield className="w-4 h-4 mr-1" />
-                {user.role}
-              </span>
-            </div>
-
-            <div className="flex items-center space-x-4 text-sm text-gray-600 mb-3">
-              <div className="flex items-center space-x-1">
-                <Mail className="w-4 h-4" />
-                <span>{user.email}</span>
-              </div>
-              <div className="flex items-center space-x-1">
-                <Calendar className="w-4 h-4" />
-                <span>Created {formatDate(user.createdAt)}</span>
-              </div>
-            </div>
-
-            <div className="flex items-center space-x-3">
-              <div className="flex items-center space-x-2">
-                <Switch
-                  checked={user.isActive}
-                  onCheckedChange={() => onToggleStatus?.(user)}
-                  disabled={!showAdminActions}
-                />
-                <span className={cn(
-                  'text-sm font-medium',
-                  user.isActive ? 'text-green-600' : 'text-gray-500'
-                )}>
-                  {user.isActive ? 'Active' : 'Inactive'}
-                </span>
-              </div>
-
-              <span className="text-sm text-gray-500">
-                Updated {formatDate(user.updatedAt)}
-              </span>
-            </div>
-          </div>
-        </div>
-
-        {/* Actions */}
-        {showAdminActions && (
-          <div className="flex space-x-2">
-            <Button
-              variant="secondary"
-              size="sm"
-              onClick={() => onEdit?.(user)}
-            >
-              <Edit className="w-4 h-4 mr-2" />
-              Edit
-            </Button>
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button variant="secondary" size="sm">
-                  <MoreHorizontal className="w-4 h-4" />
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end" className="w-48">
-                <DropdownMenuItem
-                  onClick={() => onDelete?.(user)}
-                  className="text-red-600 focus:text-red-700 focus:bg-red-50"
-                >
-                  <Trash2 className="w-4 h-4 mr-2" />
-                  <span>Delete</span>
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          </div>
-        )}
-      </div>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/users/UserForm.tsx b/apps/web-client/src/features/shared/components/users/UserForm.tsx
deleted file mode 100644
index 4ed98550..00000000
--- a/apps/web-client/src/features/shared/components/users/UserForm.tsx
+++ /dev/null
@@ -1,311 +0,0 @@
-'use client';
-
-import React, { useState, useEffect } from 'react';
-import { UserResponse, CreateUserDto, UpdateUserDto, Role } from '@goodgo/types';
-import { User, Mail, Shield, Save, X } from 'lucide-react';
-import { Button } from '../ui/button';
-import { Card } from '../ui/card';
-import { Input } from '../ui/input';
-import { Select } from '../ui/select';
-import { Switch } from '../ui/switch';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Props for UserForm component
- * VI: Props cho component UserForm
- */
-export interface UserFormProps {
-  /** EN: User to edit (null for create mode) / VI: User để edit (null cho create mode) */
-  user?: UserResponse | null;
-  /** EN: Whether this is create mode / VI: Có phải create mode không */
-  isCreate?: boolean;
-  /** EN: Loading state / VI: Trạng thái loading */
-  loading?: boolean;
-  /** EN: Callback when form is submitted / VI: Callback khi form được submit */
-  onSubmit: (data: CreateUserDto | UpdateUserDto) => Promise<void>;
-  /** EN: Callback when form is cancelled / VI: Callback khi form bị cancel */
-  onCancel?: () => void;
-  /** EN: Additional CSS classes / VI: CSS classes bổ sung */
-  className?: string;
-}
-
-/**
- * EN: User Form Component - Create and edit user forms
- * VI: Component User Form - Forms tạo và edit user
- *
- * Features:
- * - Create new user form
- * - Edit existing user form
- * - Form validation
- * - Role selection
- * - Password fields for creation
- * - Active status toggle
- */
-export function UserForm({
-  user,
-  isCreate = false,
-  loading = false,
-  onSubmit,
-  onCancel,
-  className,
-}: UserFormProps) {
-  const [formData, setFormData] = useState({
-    email: '',
-    password: '',
-    confirmPassword: '',
-    role: Role.USER,
-    isActive: true,
-  });
-
-  const [errors, setErrors] = useState<Record<string, string>>({});
-
-  // Initialize form data when user prop changes
-  useEffect(() => {
-    if (user) {
-      setFormData({
-        email: user.email,
-        password: '',
-        confirmPassword: '',
-        role: user.role,
-        isActive: user.isActive,
-      });
-    } else {
-      setFormData({
-        email: '',
-        password: '',
-        confirmPassword: '',
-        role: Role.USER,
-        isActive: true,
-      });
-    }
-  }, [user]);
-
-  const handleInputChange = (field: string, value: any) => {
-    setFormData(prev => ({ ...prev, [field]: value }));
-    // Clear error for this field
-    if (errors[field]) {
-      setErrors(prev => ({ ...prev, [field]: '' }));
-    }
-  };
-
-  const validateForm = () => {
-    const newErrors: Record<string, string> = {};
-
-    // Email validation
-    if (!formData.email.trim()) {
-      newErrors.email = 'Email is required';
-    } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email)) {
-      newErrors.email = 'Please enter a valid email address';
-    }
-
-    // Password validation (only for create mode)
-    if (isCreate) {
-      if (!formData.password) {
-        newErrors.password = 'Password is required';
-      } else if (formData.password.length < 8) {
-        newErrors.password = 'Password must be at least 8 characters';
-      }
-
-      if (formData.password !== formData.confirmPassword) {
-        newErrors.confirmPassword = 'Passwords do not match';
-      }
-    }
-
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-
-    if (!validateForm()) {
-      return;
-    }
-
-    try {
-      if (isCreate) {
-        const createData: CreateUserDto = {
-          email: formData.email,
-          password: formData.password,
-          role: formData.role,
-        };
-        await onSubmit(createData);
-      } else {
-        const updateData: UpdateUserDto = {
-          email: formData.email,
-          role: formData.role,
-          isActive: formData.isActive,
-        };
-        await onSubmit(updateData);
-      }
-    } catch (error) {
-      // Error handling is done in the parent component
-    }
-  };
-
-  const roleOptions = [
-    { value: Role.USER, label: 'User' },
-    { value: Role.ADMIN, label: 'Admin' },
-    { value: Role.SUPER_ADMIN, label: 'Super Admin' },
-  ];
-
-  return (
-    <Card className={cn('p-6', className)}>
-      <div className="flex items-center space-x-3 mb-6">
-        <div className="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
-          <User className="w-5 h-5 text-blue-600" />
-        </div>
-        <div>
-          <h2 className="text-lg font-semibold text-gray-900">
-            {isCreate ? 'Create New User' : 'Edit User'}
-          </h2>
-          <p className="text-sm text-gray-600">
-            {isCreate ? 'Add a new user to the system' : 'Update user information and permissions'}
-          </p>
-        </div>
-      </div>
-
-      <form onSubmit={handleSubmit} className="space-y-6">
-        {/* Email Field */}
-        <div>
-          <label htmlFor="email" className="block text-sm font-medium text-gray-700 mb-2">
-            Email Address
-          </label>
-          <div className="relative">
-            <Mail className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" />
-            <Input
-              id="email"
-              type="email"
-              value={formData.email}
-              onChange={(value) => handleInputChange('email', value)}
-              className={cn(
-                'pl-10',
-                errors.email && 'border-red-300 focus:border-red-500 focus:ring-red-500'
-              )}
-              placeholder="user@example.com"
-              isDisabled={loading}
-            />
-          </div>
-          {errors.email && (
-            <p className="mt-1 text-sm text-red-600">{errors.email}</p>
-          )}
-        </div>
-
-        {/* Password Fields (Create Mode Only) */}
-        {isCreate && (
-          <>
-            <div>
-              <label htmlFor="password" className="block text-sm font-medium text-gray-700 mb-2">
-                Password
-              </label>
-              <Input
-                id="password"
-                type="password"
-                value={formData.password}
-                onChange={(value) => handleInputChange('password', value)}
-                className={cn(
-                  errors.password && 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                )}
-                placeholder="Enter password"
-                isDisabled={loading}
-              />
-              {errors.password && (
-                <p className="mt-1 text-sm text-red-600">{errors.password}</p>
-              )}
-            </div>
-
-            <div>
-              <label htmlFor="confirmPassword" className="block text-sm font-medium text-gray-700 mb-2">
-                Confirm Password
-              </label>
-              <Input
-                id="confirmPassword"
-                type="password"
-                value={formData.confirmPassword}
-                onChange={(value) => handleInputChange('confirmPassword', value)}
-                className={cn(
-                  errors.confirmPassword && 'border-red-300 focus:border-red-500 focus:ring-red-500'
-                )}
-                placeholder="Confirm password"
-                isDisabled={loading}
-              />
-              {errors.confirmPassword && (
-                <p className="mt-1 text-sm text-red-600">{errors.confirmPassword}</p>
-              )}
-            </div>
-          </>
-        )}
-
-        {/* Role Selection */}
-        <div>
-          <label htmlFor="role" className="block text-sm font-medium text-gray-700 mb-2">
-            Role
-          </label>
-          <div className="relative">
-            <Shield className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400 z-10" />
-            <Select
-              value={formData.role}
-              onChange={(e) => handleInputChange('role', e.target.value as Role)}
-              disabled={loading}
-            >
-              {roleOptions.map((option) => (
-                <option key={option.value} value={option.value}>
-                  {option.label}
-                </option>
-              ))}
-            </Select>
-          </div>
-        </div>
-
-        {/* Active Status (Edit Mode Only) */}
-        {!isCreate && (
-          <div className="flex items-center justify-between p-4 bg-gray-50 rounded-lg">
-            <div>
-              <h4 className="text-sm font-medium text-gray-900">Account Status</h4>
-              <p className="text-sm text-gray-600">
-                {formData.isActive ? 'User can access the system' : 'User is deactivated'}
-              </p>
-            </div>
-            <Switch
-              checked={formData.isActive}
-              onCheckedChange={(checked) => handleInputChange('isActive', checked)}
-              disabled={loading}
-            />
-          </div>
-        )}
-
-        {/* Form Actions */}
-        <div className="flex justify-end space-x-3 pt-6 border-t">
-          {onCancel && (
-            <Button
-              type="button"
-              variant="secondary"
-              onClick={onCancel}
-              isDisabled={loading}
-            >
-              <X className="w-4 h-4 mr-2" />
-              Cancel
-            </Button>
-          )}
-          <Button
-            type="submit"
-            isDisabled={loading}
-            className="min-w-[120px]"
-          >
-            {loading ? (
-              <>
-                <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" />
-                {isCreate ? 'Creating...' : 'Saving...'}
-              </>
-            ) : (
-              <>
-                <Save className="w-4 h-4 mr-2" />
-                {isCreate ? 'Create User' : 'Save Changes'}
-              </>
-            )}
-          </Button>
-        </div>
-      </form>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/users/UsersTable.tsx b/apps/web-client/src/features/shared/components/users/UsersTable.tsx
deleted file mode 100644
index 8fdfd558..00000000
--- a/apps/web-client/src/features/shared/components/users/UsersTable.tsx
+++ /dev/null
@@ -1,305 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { UserResponse, Role } from '@goodgo/types';
-import { MoreHorizontal, Edit, Trash2, UserCheck, UserX } from 'lucide-react';
-import { Button } from '../ui/button';
-import { Card } from '../ui/card';
-import {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem
-} from '../ui/dropdown-menu';
-import { Switch } from '../ui/switch';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Props for UsersTable component
- * VI: Props cho component UsersTable
- */
-export interface UsersTableProps {
-  /** EN: Array of users to display / VI: Mảng users để hiển thị */
-  users: UserResponse[];
-  /** EN: Loading state / VI: Trạng thái loading */
-  loading?: boolean;
-  /** EN: Callback when user is selected for editing / VI: Callback khi user được chọn để edit */
-  onEditUser?: (user: UserResponse) => void;
-  /** EN: Callback when user deletion is requested / VI: Callback khi yêu cầu xóa user */
-  onDeleteUser?: (user: UserResponse) => void;
-  /** EN: Callback when user active status is toggled / VI: Callback khi toggle trạng thái active của user */
-  onToggleUserStatus?: (user: UserResponse) => void;
-  /** EN: Callback when bulk actions are performed / VI: Callback khi thực hiện bulk actions */
-  onBulkAction?: (action: 'delete' | 'activate' | 'deactivate', userIds: string[]) => void;
-  /** EN: Whether to show bulk actions / VI: Có hiển thị bulk actions không */
-  showBulkActions?: boolean;
-  /** EN: Additional CSS classes / VI: CSS classes bổ sung */
-  className?: string;
-}
-
-/**
- * EN: Users Table Component - Displays users in a data table with actions
- * VI: Component Users Table - Hiển thị users trong data table với actions
- *
- * Features:
- * - Sortable columns
- * - Bulk selection and actions
- * - Individual user actions (edit, delete, toggle status)
- * - Responsive design
- * - Loading states
- */
-export function UsersTable({
-  users,
-  loading = false,
-  onEditUser,
-  onDeleteUser,
-  onToggleUserStatus,
-  onBulkAction,
-  showBulkActions = true,
-  className,
-}: UsersTableProps) {
-  const [selectedUsers, setSelectedUsers] = useState<Set<string>>(new Set());
-  const [sortField, setSortField] = useState<'email' | 'role' | 'createdAt' | 'isActive'>('createdAt');
-  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('desc');
-
-  // Sort users based on current sort settings
-  const sortedUsers = React.useMemo(() => {
-    return [...users].sort((a, b) => {
-      let aValue: any = a[sortField];
-      let bValue: any = b[sortField];
-
-      if (sortField === 'createdAt') {
-        aValue = new Date(aValue).getTime();
-        bValue = new Date(bValue).getTime();
-      }
-
-      if (aValue < bValue) return sortDirection === 'asc' ? -1 : 1;
-      if (aValue > bValue) return sortDirection === 'asc' ? 1 : -1;
-      return 0;
-    });
-  }, [users, sortField, sortDirection]);
-
-  const handleSort = (field: typeof sortField) => {
-    if (sortField === field) {
-      setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
-    } else {
-      setSortField(field);
-      setSortDirection('asc');
-    }
-  };
-
-  const handleSelectAll = (checked: boolean) => {
-    if (checked) {
-      setSelectedUsers(new Set(users.map(user => user.id)));
-    } else {
-      setSelectedUsers(new Set());
-    }
-  };
-
-  const handleSelectUser = (userId: string, checked: boolean) => {
-    const newSelected = new Set(selectedUsers);
-    if (checked) {
-      newSelected.add(userId);
-    } else {
-      newSelected.delete(userId);
-    }
-    setSelectedUsers(newSelected);
-  };
-
-  const handleBulkAction = (action: 'delete' | 'activate' | 'deactivate') => {
-    if (selectedUsers.size > 0) {
-      onBulkAction?.(action, Array.from(selectedUsers));
-      setSelectedUsers(new Set());
-    }
-  };
-
-  const getRoleBadgeColor = (role: Role) => {
-    switch (role) {
-      case Role.SUPER_ADMIN:
-        return 'bg-red-100 text-red-800 border-red-200';
-      case Role.ADMIN:
-        return 'bg-blue-100 text-blue-800 border-blue-200';
-      case Role.USER:
-        return 'bg-gray-100 text-gray-800 border-gray-200';
-      default:
-        return 'bg-gray-100 text-gray-800 border-gray-200';
-    }
-  };
-
-  if (loading) {
-    return (
-      <Card className={cn('p-6', className)}>
-        <div className="flex items-center justify-center py-12">
-          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-          <span className="ml-3 text-gray-600">Loading users...</span>
-        </div>
-      </Card>
-    );
-  }
-
-  return (
-    <div className={cn('space-y-4', className)}>
-      {/* Bulk Actions Bar */}
-      {showBulkActions && selectedUsers.size > 0 && (
-        <Card className="p-4 bg-blue-50 border-blue-200">
-          <div className="flex items-center justify-between">
-            <span className="text-sm text-blue-800">
-              {selectedUsers.size} user{selectedUsers.size !== 1 ? 's' : ''} selected
-            </span>
-            <div className="flex gap-2">
-              <Button
-                variant="secondary"
-                size="sm"
-                onClick={() => handleBulkAction('activate')}
-                className="text-green-700 border-green-300 hover:bg-green-50"
-              >
-                <UserCheck className="w-4 h-4 mr-2" />
-                Activate
-              </Button>
-              <Button
-                variant="secondary"
-                size="sm"
-                onClick={() => handleBulkAction('deactivate')}
-                className="text-orange-700 border-orange-300 hover:bg-orange-50"
-              >
-                <UserX className="w-4 h-4 mr-2" />
-                Deactivate
-              </Button>
-              <Button
-                variant="secondary"
-                size="sm"
-                onClick={() => handleBulkAction('delete')}
-                className="text-red-700 border-red-300 hover:bg-red-50"
-              >
-                <Trash2 className="w-4 h-4 mr-2" />
-                Delete
-              </Button>
-            </div>
-          </div>
-        </Card>
-      )}
-
-      {/* Table */}
-      <Card className="overflow-hidden">
-        <div className="overflow-x-auto">
-          <table className="w-full">
-            <thead className="bg-gray-50 border-b">
-              <tr>
-                {showBulkActions && (
-                  <th className="px-6 py-3 text-left">
-                    <input
-                      type="checkbox"
-                      checked={selectedUsers.size === users.length && users.length > 0}
-                      onChange={(e) => handleSelectAll(e.target.checked)}
-                      className="rounded border-gray-300"
-                    />
-                  </th>
-                )}
-                <th
-                  className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100"
-                  onClick={() => handleSort('email')}
-                >
-                  Email {sortField === 'email' && (sortDirection === 'asc' ? '↑' : '↓')}
-                </th>
-                <th
-                  className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100"
-                  onClick={() => handleSort('role')}
-                >
-                  Role {sortField === 'role' && (sortDirection === 'asc' ? '↑' : '↓')}
-                </th>
-                <th
-                  className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100"
-                  onClick={() => handleSort('isActive')}
-                >
-                  Status {sortField === 'isActive' && (sortDirection === 'asc' ? '↑' : '↓')}
-                </th>
-                <th
-                  className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100"
-                  onClick={() => handleSort('createdAt')}
-                >
-                  Created {sortField === 'createdAt' && (sortDirection === 'asc' ? '↑' : '↓')}
-                </th>
-                <th className="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Actions
-                </th>
-              </tr>
-            </thead>
-            <tbody className="bg-white divide-y divide-gray-200">
-              {sortedUsers.map((user) => (
-                <tr key={user.id} className="hover:bg-gray-50">
-                  {showBulkActions && (
-                    <td className="px-6 py-4 whitespace-nowrap">
-                      <input
-                        type="checkbox"
-                        checked={selectedUsers.has(user.id)}
-                        onChange={(e) => handleSelectUser(user.id, e.target.checked)}
-                        className="rounded border-gray-300"
-                      />
-                    </td>
-                  )}
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <div className="text-sm font-medium text-gray-900">{user.email}</div>
-                  </td>
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <span className={cn(
-                      'inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border',
-                      getRoleBadgeColor(user.role)
-                    )}>
-                      {user.role}
-                    </span>
-                  </td>
-                  <td className="px-6 py-4 whitespace-nowrap">
-                    <div className="flex items-center">
-                      <Switch
-                        checked={user.isActive}
-                        onCheckedChange={() => onToggleUserStatus?.(user)}
-                        className="mr-2"
-                      />
-                      <span className={cn(
-                        'text-sm',
-                        user.isActive ? 'text-green-600' : 'text-gray-400'
-                      )}>
-                        {user.isActive ? 'Active' : 'Inactive'}
-                      </span>
-                    </div>
-                  </td>
-                  <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                    {new Date(user.createdAt).toLocaleDateString()}
-                  </td>
-                  <td className="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                    <DropdownMenu>
-                      <DropdownMenuTrigger asChild>
-                        <Button variant="ghost" size="sm">
-                          <MoreHorizontal className="w-4 h-4" />
-                        </Button>
-                      </DropdownMenuTrigger>
-                      <DropdownMenuContent align="end" className="w-48">
-                        <DropdownMenuItem onClick={() => onEditUser?.(user)}>
-                          <Edit className="w-4 h-4 mr-2" />
-                          <span>Edit</span>
-                        </DropdownMenuItem>
-                        <DropdownMenuItem
-                          onClick={() => onDeleteUser?.(user)}
-                          className="text-red-600 focus:text-red-700 focus:bg-red-50"
-                        >
-                          <Trash2 className="w-4 h-4 mr-2" />
-                          <span>Delete</span>
-                        </DropdownMenuItem>
-                      </DropdownMenuContent>
-                    </DropdownMenu>
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-
-        {sortedUsers.length === 0 && (
-          <div className="text-center py-12">
-            <p className="text-gray-500">No users found</p>
-          </div>
-        )}
-      </Card>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/components/users/index.ts b/apps/web-client/src/features/shared/components/users/index.ts
deleted file mode 100644
index 6fb43389..00000000
--- a/apps/web-client/src/features/shared/components/users/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * EN: Users Components Exports
- * VI: Exports cho Users Components
- */
-
-export { UsersTable } from './UsersTable';
-export type { UsersTableProps } from './UsersTable';
-
-export { UserCard } from './UserCard';
-export type { UserCardProps } from './UserCard';
-
-export { UserForm } from './UserForm';
-export type { UserFormProps } from './UserForm';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/hooks/index.ts b/apps/web-client/src/features/shared/hooks/index.ts
deleted file mode 100644
index 3402a1df..00000000
--- a/apps/web-client/src/features/shared/hooks/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * EN: Shared Hooks
- * VI: Các Hooks dùng chung
- *
- * This file exports all shared custom React hooks.
- * File này export tất cả các custom React hooks dùng chung.
- */
-
-// NOTE: Hooks will be added as they are implemented
-// Các hooks sẽ được thêm vào khi được implement
-
-export * from './use-device-type';
-// export * from './use-translation';
-export * from './use-keyboard-shortcuts';
-// export * from './use-media-query';
-// export * from './use-breakpoint';
diff --git a/apps/web-client/src/features/shared/hooks/use-device-type.ts b/apps/web-client/src/features/shared/hooks/use-device-type.ts
deleted file mode 100644
index 40c439e5..00000000
--- a/apps/web-client/src/features/shared/hooks/use-device-type.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-/**
- * EN: useDeviceType Hook
- * VI: Hook useDeviceType
- *
- * A custom hook to detect device type (mobile, tablet, desktop) based on screen width.
- * Hook tùy chỉnh để phát hiện loại thiết bị (mobile, tablet, desktop) dựa trên chiều rộng màn hình.
- *
- * @example
- * ```tsx
- * const { isMobile, isTablet, isDesktop, width } = useDeviceType();
- *
- * if (isMobile) {
- *   return <MobileLayout />;
- * }
- * return <DesktopLayout />;
- * ```
- */
-
-'use client';
-
-import { useState, useEffect } from 'react';
-
-export type DeviceType = 'mobile' | 'tablet' | 'desktop';
-
-export interface DeviceInfo {
-  /**
-   * Device type based on screen width
-   */
-  type: DeviceType;
-
-  /**
-   * Whether device is mobile (< 768px)
-   */
-  isMobile: boolean;
-
-  /**
-   * Whether device is tablet (768px - 1024px)
-   */
-  isTablet: boolean;
-
-  /**
-   * Whether device is desktop (>= 1024px)
-   */
-  isDesktop: boolean;
-
-  /**
-   * Current viewport width in pixels
-   */
-  width: number;
-
-  /**
-   * Current viewport height in pixels
-   */
-  height: number;
-}
-
-/**
- * Breakpoints for device detection
- * Matching Tailwind CSS default breakpoints
- */
-const BREAKPOINTS = {
-  mobile: 768,   // < 768px = mobile
-  tablet: 1024,  // 768px - 1024px = tablet
-  desktop: 1024, // >= 1024px = desktop
-} as const;
-
-/**
- * Determine device type based on width
- */
-function getDeviceType(width: number): DeviceType {
-  if (width < BREAKPOINTS.mobile) {
-    return 'mobile';
-  }
-  if (width < BREAKPOINTS.desktop) {
-    return 'tablet';
-  }
-  return 'desktop';
-}
-
-/**
- * Get device info from window dimensions
- */
-function getDeviceInfo(): DeviceInfo {
-  // SSR safety - return default desktop values
-  if (typeof window === 'undefined') {
-    return {
-      type: 'desktop',
-      isMobile: false,
-      isTablet: false,
-      isDesktop: true,
-      width: 1920,
-      height: 1080,
-    };
-  }
-
-  const width = window.innerWidth;
-  const height = window.innerHeight;
-  const type = getDeviceType(width);
-
-  return {
-    type,
-    isMobile: type === 'mobile',
-    isTablet: type === 'tablet',
-    isDesktop: type === 'desktop',
-    width,
-    height,
-  };
-}
-
-/**
- * Hook to detect and track device type
- *
- * Features:
- * - Detects mobile, tablet, desktop based on screen width
- * - SSR-safe with default desktop values
- * - Automatically updates on window resize
- * - Debounced for performance
- *
- * @returns {DeviceInfo} Current device information
- */
-export function useDeviceType(): DeviceInfo {
-  const [deviceInfo, setDeviceInfo] = useState<DeviceInfo>(getDeviceInfo);
-
-  useEffect(() => {
-    // Skip if running on server
-    if (typeof window === 'undefined') {
-      return;
-    }
-
-    let timeoutId: NodeJS.Timeout;
-
-    /**
-     * Handle window resize with debouncing
-     * Debounce to avoid excessive re-renders during resize
-     */
-    const handleResize = () => {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(() => {
-        setDeviceInfo(getDeviceInfo());
-      }, 150); // 150ms debounce
-    };
-
-    // Initial check
-    setDeviceInfo(getDeviceInfo());
-
-    // Listen for resize events
-    window.addEventListener('resize', handleResize);
-
-    // Cleanup
-    return () => {
-      clearTimeout(timeoutId);
-      window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-
-  return deviceInfo;
-}
diff --git a/apps/web-client/src/features/shared/hooks/use-keyboard-shortcuts.ts b/apps/web-client/src/features/shared/hooks/use-keyboard-shortcuts.ts
deleted file mode 100644
index 784e9d58..00000000
--- a/apps/web-client/src/features/shared/hooks/use-keyboard-shortcuts.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-/**
- * EN: Keyboard shortcut configuration
- * VI: Cấu hình phím tắt bàn phím
- */
-export interface KeyboardShortcut {
-  /**
-   * EN: Key combination (e.g., 'ctrl+k', 'cmd+n') / VI: Tổ hợp phím (ví dụ: 'ctrl+k', 'cmd+n')
-   */
-  key: string;
-  /**
-   * EN: Callback function / VI: Hàm callback
-   */
-  handler: (e: KeyboardEvent) => void;
-  /**
-   * EN: Description for help menu / VI: Mô tả cho menu trợ giúp
-   */
-  description?: string;
-  /**
-   * EN: Whether to prevent default behavior / VI: Có ngăn hành vi mặc định không
-   */
-  preventDefault?: boolean;
-}
-
-/**
- * EN: useKeyboardShortcuts hook - Handles keyboard shortcuts
- * VI: Hook useKeyboardShortcuts - Xử lý phím tắt bàn phím
- *
- * Features:
- * - Custom keyboard shortcuts
- * - Ctrl/Cmd key support
- * - Prevent default behavior
- * - Help menu support
- *
- * Tính năng:
- * - Phím tắt tùy chỉnh
- * - Hỗ trợ phím Ctrl/Cmd
- * - Ngăn hành vi mặc định
- * - Hỗ trợ menu trợ giúp
- *
- * @example
- * ```tsx
- * useKeyboardShortcuts([
- *   { key: 'ctrl+k', handler: () => openSearch(), description: 'Open search' },
- *   { key: 'ctrl+n', handler: () => newChat(), description: 'New chat' },
- * ]);
- * ```
- */
-export function useKeyboardShortcuts(shortcuts: KeyboardShortcut[]) {
-  React.useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      shortcuts.forEach((shortcut) => {
-        const keys = shortcut.key.toLowerCase().split('+');
-        const ctrlKey = keys.includes('ctrl') || keys.includes('cmd');
-        const shiftKey = keys.includes('shift');
-        const altKey = keys.includes('alt');
-        const key = keys[keys.length - 1];
-
-        // EN: Check if modifier keys match / VI: Kiểm tra các phím modifier khớp
-        const ctrlMatch = ctrlKey
-          ? e.ctrlKey || e.metaKey
-          : !e.ctrlKey && !e.metaKey;
-        const shiftMatch = shiftKey ? e.shiftKey : !e.shiftKey;
-        const altMatch = altKey ? e.altKey : !e.altKey;
-        const keyMatch =
-          key === e.key.toLowerCase() ||
-          (key === 'enter' && e.key === 'Enter') ||
-          (key === 'escape' && e.key === 'Escape') ||
-          (key === 'space' && e.key === ' ');
-
-        if (ctrlMatch && shiftMatch && altMatch && keyMatch) {
-          if (shortcut.preventDefault) {
-            e.preventDefault();
-          }
-          shortcut.handler(e);
-        }
-      });
-    };
-
-    window.addEventListener('keydown', handleKeyDown);
-    return () => {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [shortcuts]);
-}
-
-/**
- * EN: Common keyboard shortcuts for chat interface
- * VI: Phím tắt phổ biến cho giao diện chat
- */
-export const CHAT_SHORTCUTS = {
-  SEARCH: 'ctrl+k',
-  NEW_CHAT: 'ctrl+n',
-  SHOW_SHORTCUTS: 'ctrl+/',
-  ESCAPE: 'escape',
-} as const;
diff --git a/apps/web-client/src/features/shared/i18n/en.json b/apps/web-client/src/features/shared/i18n/en.json
deleted file mode 100644
index 3169a12a..00000000
--- a/apps/web-client/src/features/shared/i18n/en.json
+++ /dev/null
@@ -1,419 +0,0 @@
-{
-  "common": {
-    "save": "Save",
-    "cancel": "Cancel",
-    "loading": "Loading...",
-    "error": "Error",
-    "success": "Success",
-    "close": "Close",
-    "confirm": "Confirm",
-    "delete": "Delete",
-    "edit": "Edit",
-    "back": "Back",
-    "next": "Next",
-    "previous": "Previous",
-    "submit": "Submit",
-    "search": "Search",
-    "filter": "Filter",
-    "reset": "Reset",
-    "apply": "Apply",
-    "yes": "Yes",
-    "no": "No",
-    "ok": "OK",
-    "user": "User",
-    "optional": "Optional"
-  },
-  "auth": {
-    "login": {
-      "title": "Sign In",
-      "description": "Enter your credentials to access your account",
-      "email": "Email",
-      "password": "Password",
-      "rememberMe": "Remember me",
-      "forgotPassword": "Forgot password?",
-      "signUp": "Sign up",
-      "signingIn": "Signing in...",
-      "noAccount": "Don't have an account?",
-      "loginFailed": "Login failed",
-      "pageLabel": "Login page"
-    },
-    "register": {
-      "title": "Sign Up",
-      "createAccount": "Create Account",
-      "description": "Create a new account to get started",
-      "signUpToStart": "Sign up to get started",
-      "email": "Email",
-      "password": "Password",
-      "confirmPassword": "Confirm Password",
-      "fullName": "Full Name",
-      "createStrongPassword": "Create a strong password",
-      "reEnterPassword": "Re-enter your password",
-      "agreeToTerms": "I agree to the",
-      "termsAndConditions": "Terms and Conditions",
-      "alreadyHaveAccount": "Already have an account?",
-      "signIn": "Sign in",
-      "signingUp": "Signing up...",
-      "creatingAccount": "Creating account...",
-      "registrationFailed": "Registration failed",
-      "weak": "Weak",
-      "fair": "Fair",
-      "good": "Good",
-      "strong": "Strong",
-      "passwordStrength": "Password strength: {strength}"
-    },
-    "forgotPassword": {
-      "title": "Forgot Password",
-      "description": "Enter your email address and we'll send you a link to reset your password",
-      "checkEmail": "Check your email for reset instructions",
-      "email": "Email",
-      "sendResetLink": "Send Reset Link",
-      "sending": "Sending...",
-      "backToLogin": "Back to Login",
-      "resetLinkSent": "Reset link sent!",
-      "resetLinkSentDetail": "We've sent a password reset link to {email}",
-      "checkInbox": "Please check your inbox and follow the instructions to reset your password. If you don't see the email, check your spam folder.",
-      "sendToAnotherEmail": "Send to another email",
-      "failedToSend": "Failed to send reset link",
-      "noAccount": "Don't have an account?",
-      "signUp": "Sign up"
-    }
-  },
-  "chat": {
-    "newChat": "New Chat",
-    "searchPlaceholder": "Search conversations...",
-    "typeMessage": "Type your message...",
-    "send": "Send message",
-    "attachFile": "Attach file",
-    "messageInput": "Message input",
-    "sendHelp": "Press Enter to send, Shift+Enter for new line",
-    "noConversations": "No conversations yet",
-    "noConversationsFound": "No conversations found",
-    "justNow": "Just now",
-    "conversation": "Conversation",
-    "conversationList": "Conversation list",
-    "searchConversations": "Search conversations",
-    "messages": "Chat messages",
-    "startConversation": "Start a conversation",
-    "startConversationDesc": "Type a message below to get started",
-    "messageSent": "Message sent",
-    "messageSendFailed": "Failed to send message",
-    "newConversationCreated": "New conversation created",
-    "switchedToConversation": "Switched to conversation",
-    "messageCopied": "Message copied",
-    "openSearch": "Open search",
-    "loadingTypingIndicator": "Loading typing indicator",
-    "typing": "AI is typing...",
-    "justNow": "Just now",
-    "minutesAgo": "{minutes}m ago",
-    "hoursAgo": "{hours}h ago",
-    "daysAgo": "{days}d ago",
-    "copyMessage": "Copy message",
-    "copy": "Copy",
-    "editMessage": "Edit message",
-    "edit": "Edit",
-    "deleteMessage": "Delete message",
-    "delete": "Delete",
-    "regenerateResponse": "Regenerate response",
-    "regenerate": "Regenerate",
-    "likeMessage": "Like message",
-    "like": "Like",
-    "dislikeMessage": "Dislike message",
-    "dislike": "Dislike",
-    "shareMessage": "Share message",
-    "share": "Share",
-    "aiAssistant": "AI assistant",
-    "aiAssistantAvatar": "AI assistant avatar",
-    "userAvatar": "User avatar",
-    "avatarOf": "Avatar of {name}",
-    "messageActions": "Message actions",
-    "closeSidebar": "Close sidebar",
-    "openSidebar": "Open sidebar",
-    "conversationSidebar": "Conversation sidebar",
-    "mainChatArea": "Main chat area",
-    "conversationSettingsPanel": "Conversation settings panel"
-  },
-  "settings": {
-    "title": "Settings",
-    "description": "Manage your account settings and preferences",
-    "navigation": "Settings navigation",
-    "profile": {
-      "title": "Profile",
-      "label": "Profile",
-      "firstName": "First Name",
-      "lastName": "Last Name",
-      "phone": "Phone",
-      "bio": "Bio",
-      "email": "Email",
-      "username": "Username",
-      "verified": "Verified",
-      "notVerified": "Not verified",
-      "changeAvatar": "Change Avatar",
-      "uploadAvatar": "Upload Avatar",
-      "saveChanges": "Save Changes",
-      "changesSaved": "Changes saved successfully",
-      "failedToFetch": "Failed to fetch profile",
-      "failedToUpdate": "Failed to update profile",
-      "failedToUpload": "Failed to upload avatar",
-      "uploadSuccess": "Avatar uploaded successfully",
-      "selectImageFile": "Please select an image file",
-      "imageSizeLimit": "Image size must be less than 5MB",
-      "updateInfo": "Update your profile information and avatar",
-      "enterFirstName": "Enter your first name",
-      "enterLastName": "Enter your last name",
-      "enterPhone": "Enter your phone number",
-      "bioPlaceholder": "Tell us about yourself",
-      "emailCannotChange": "Email cannot be changed",
-      "usernameCannotChange": "Username cannot be changed",
-      "notSet": "Not set"
-    },
-    "preferences": {
-      "title": "Preferences",
-      "label": "Preferences",
-      "description": "Customize your experience and application settings",
-      "languageAndTheme": "Language & Theme",
-      "languageAndThemeDesc": "Choose your preferred language and appearance",
-      "language": "Language",
-      "languageHelper": "Select your preferred language",
-      "theme": "Theme",
-      "themeHelper": "Choose your preferred theme",
-      "light": "Light",
-      "dark": "Dark",
-      "system": "System",
-      "chatSettings": "Chat Settings",
-      "chatSettingsDesc": "Customize your chat experience",
-      "autoScroll": "Auto-scroll",
-      "autoScrollDesc": "Automatically scroll to the latest message",
-      "showTimestamps": "Show timestamps",
-      "showTimestampsDesc": "Display message timestamps",
-      "messageGrouping": "Message grouping",
-      "messageGroupingHelper": "Choose how messages are grouped",
-      "none": "None",
-      "byAuthor": "By author",
-      "byTime": "By time",
-      "fontSize": "Font size",
-      "fontSizeHelper": "Choose your preferred font size",
-      "small": "Small",
-      "medium": "Medium",
-      "large": "Large",
-      "extraLarge": "Extra Large",
-      "accessibility": "Accessibility",
-      "accessibilityDesc": "Improve accessibility and usability",
-      "highContrast": "High contrast mode",
-      "highContrastDesc": "Increase color contrast for better visibility",
-      "screenReader": "Screen reader optimizations",
-      "screenReaderDesc": "Enable additional ARIA labels and announcements",
-      "savePreferences": "Save Preferences",
-      "preferencesSaved": "Preferences saved successfully"
-    },
-    "security": {
-      "title": "Security",
-      "label": "Security",
-      "changePassword": "Change Password",
-      "currentPassword": "Current Password",
-      "currentPasswordRequired": "Current password is required",
-      "newPassword": "New Password",
-      "confirmPassword": "Confirm Password",
-      "passwordChanged": "Password changed successfully",
-      "passwordChangeFailed": "Failed to change password",
-      "twoFactorAuth": "Two-Factor Authentication",
-      "enable2FA": "Enable 2FA",
-      "disable2FA": "Disable 2FA",
-      "confirmDisable2FA": "Are you sure you want to disable 2FA?",
-      "2FAEnabled": "2FA enabled successfully",
-      "2FADisabled": "2FA disabled successfully",
-      "enable2FAFailed": "Failed to enable 2FA",
-      "disable2FAFailed": "Failed to disable 2FA",
-      "invalidVerificationCode": "Invalid verification code",
-      "codeMustBe6Digits": "Code must be 6 digits",
-      "activeSessions": "Active Sessions",
-      "deviceName": "Device Name",
-      "ipAddress": "IP Address",
-      "lastActivity": "Last activity",
-      "created": "Created",
-      "revoke": "Revoke",
-      "revokeSession": "Revoke Session",
-      "never": "Never",
-      "noActiveSessions": "No active sessions",
-      "2FAStatus": "2FA Status",
-      "enabled": "Enabled",
-      "disabled": "Disabled",
-      "twoFactorDesc": "Add an extra layer of security to your account",
-      "twoFactorInstructions": "Two-factor authentication adds an extra layer of security. When enabled, you'll need to enter a code from your authenticator app in addition to your password when signing in.",
-      "manageSettings": "Manage your account security settings",
-      "updatePasswordDesc": "Update your password to keep your account secure",
-      "enterCurrentPassword": "Enter current password",
-      "enterNewPassword": "Enter new password",
-      "confirmNewPassword": "Confirm new password",
-      "updatePassword": "Update Password",
-      "manageDevices": "Manage devices that are signed in to your account",
-      "unknownDevice": "Unknown Device",
-      "confirmRevokeAll": "Are you sure you want to revoke all other sessions?",
-      "revokeAllOtherSessions": "Revoke All Other Sessions",
-      "setup2FA": "Set Up Two-Factor Authentication",
-      "scanQRCode": "Scan this QR code with your authenticator app",
-      "qrCodeAlt": "QR Code for two-factor authentication",
-      "cantScan": "Can't scan? Enter this code manually",
-      "verificationCode": "Verification Code",
-      "enter6DigitCode": "Enter 6-digit code",
-      "enterCodeFromApp": "Enter the 6-digit code from your authenticator app",
-      "verifyAndEnable": "Verify & Enable"
-    },
-    "notifications": {
-      "title": "Notifications",
-      "label": "Notifications"
-    },
-    "billing": {
-      "title": "Billing",
-      "label": "Billing"
-    },
-    "apiKeys": {
-      "title": "API Keys",
-      "label": "API Keys",
-      "manageKeys": "Manage your API keys for programmatic access",
-      "yourApiKeys": "Your API Keys",
-      "createAndManage": "Create and manage API keys for accessing the API",
-      "createApiKey": "Create API Key",
-      "noApiKeys": "No API keys yet",
-      "createFirstKey": "Create your first API key to get started",
-      "name": "Name",
-      "nameRequired": "Name is required",
-      "description": "Description",
-      "created": "Created",
-      "lastUsed": "Last used",
-      "expires": "Expires",
-      "never": "Never",
-      "copy": "Copy",
-      "copied": "Copied",
-      "delete": "Delete",
-      "show": "Show",
-      "hide": "Hide",
-      "failedToLoad": "Failed to load API keys",
-      "failedToCreate": "Failed to create API key",
-      "failedToDelete": "Failed to delete API key",
-      "deletedSuccessfully": "API key deleted successfully",
-      "confirmDelete": "Are you sure you want to delete \"{name}\"? This action cannot be undone.",
-      "newApiKeyCreated": "New API Key Created",
-      "saveKeySecurely": "Make sure to copy your API key now. You won't be able to see it again!",
-      "keyCopied": "API key copied to clipboard",
-      "namePlaceholder": "e.g., Production Key, Development Key",
-      "nameHelper": "A descriptive name for this API key",
-      "descriptionPlaceholder": "Optional description for this API key",
-      "newKeyFor": "Your new API key for \"{name}\"",
-      "important": "Important",
-      "securityBestPractices": "Security Best Practices",
-      "practice1": "Keep your API keys secure and never share them publicly",
-      "practice2": "Use environment variables or secure secret management tools",
-      "practice3": "Rotate your API keys regularly",
-      "practice4": "Delete unused API keys immediately",
-      "practice5": "If a key is compromised, revoke it immediately and create a new one",
-      "createForAccess": "Create a new API key for programmatic access",
-      "copyApiKey": "Copy API Key",
-      "iveCopied": "I've copied the key"
-    }
-  },
-  "validation": {
-    "required": "This field is required",
-    "email": "Invalid email format",
-    "emailRequired": "Email is required",
-    "password": "Password is required",
-    "passwordMin": "Password must be at least 8 characters",
-    "passwordConfirm": "Passwords do not match",
-    "passwordConfirmRequired": "Please confirm your password",
-    "minLength": "Must be at least {min} characters",
-    "maxLength": "Must be at most {max} characters",
-    "invalidFormat": "Invalid format",
-    "fullNameRequired": "Full name is required",
-    "fullNameMin": "Full name must be at least 2 characters",
-    "fullNameMax": "Full name must be less than 100 characters",
-    "passwordUppercase": "Password must contain at least one uppercase letter",
-    "passwordLowercase": "Password must contain at least one lowercase letter",
-    "passwordNumber": "Password must contain at least one number",
-    "passwordSpecial": "Password must contain at least one special character",
-    "termsRequired": "You must accept the terms and conditions"
-  },
-  "errors": {
-    "generic": "An error occurred",
-    "networkError": "Network error. Please check your connection.",
-    "unauthorized": "You are not authorized to perform this action",
-    "notFound": "Resource not found",
-    "serverError": "Server error. Please try again later.",
-    "unknown": "An unknown error occurred"
-  },
-  "home": {
-    "title": "GoodGo Platform",
-    "description": "Experience the next generation of minimal intelligence.",
-    "welcome": "Welcome, {email}!",
-    "role": "Role: {role}",
-    "pleaseLogin": "Please log in to continue."
-  },
-  "account": {
-    "title": "My Account",
-    "description": "Manage your account settings, view statistics, and monitor activity",
-    "editProfile": "Edit Profile",
-    "verified": "Verified",
-    "stats": {
-      "totalChats": "Total Chats",
-      "activeSessions": "Active Sessions",
-      "apiCalls": "API Calls (This Month)",
-      "uptime": "Uptime",
-      "vsLastMonth": "vs last month"
-    },
-    "quickActions": "Quick Actions",
-    "quickActionsDescription": "Common account management tasks",
-    "actions": {
-      "updateProfile": "Update Profile",
-      "manageApiKeys": "Manage API Keys",
-      "billing": "Billing & Subscription",
-      "notifications": "Notification Settings"
-    },
-    "info": {
-      "title": "Account Information",
-      "description": "Your account details and verification status",
-      "email": "Email",
-      "username": "Username",
-      "memberSince": "Member Since",
-      "plan": "Plan"
-    },
-    "recentActivity": "Recent Activity",
-    "recentActivityDescription": "Your recent account activities and changes",
-    "viewAllActivity": "View All Activity",
-    "activity": {
-      "apiKeyCreated": "Created new API key",
-      "profileUpdated": "Updated profile information",
-      "chatCreated": "Started new conversation",
-      "settingsChanged": "Changed notification preferences"
-    },
-    "security": {
-      "title": "Security Status",
-      "description": "Your account security settings and recommendations",
-      "score": "Security Score",
-      "excellent": "Excellent! Your account is well secured.",
-      "improve": "Complete remaining items to improve security.",
-      "emailVerified": "Email Verified",
-      "twoFactorEnabled": "Two-Factor Authentication",
-      "phoneVerified": "Phone Verified",
-      "recoveryCodes": "Recovery Codes Generated",
-      "enabled": "Enabled",
-      "enable": "Enable"
-    }
-  },
-  "footer": {
-    "tagline": "Build, deploy, and scale microservices with confidence. Enterprise-grade platform for modern development teams.",
-    "product": "Product",
-    "company": "Company",
-    "support": "Support",
-    "features": "Features",
-    "pricing": "Pricing",
-    "documentation": "Documentation",
-    "about": "About",
-    "blog": "Blog",
-    "careers": "Careers",
-    "helpCenter": "Help Center",
-    "contact": "Contact",
-    "status": "Status",
-    "privacyPolicy": "Privacy Policy",
-    "termsOfService": "Terms of Service",
-    "copyright": "© {year} GoodGo Platform. All rights reserved.",
-    "followUs": "Follow us"
-  }
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/i18n/vi.json b/apps/web-client/src/features/shared/i18n/vi.json
deleted file mode 100644
index ed251445..00000000
--- a/apps/web-client/src/features/shared/i18n/vi.json
+++ /dev/null
@@ -1,419 +0,0 @@
-{
-  "common": {
-    "save": "Lưu",
-    "cancel": "Hủy",
-    "loading": "Đang tải...",
-    "error": "Lỗi",
-    "success": "Thành công",
-    "close": "Đóng",
-    "confirm": "Xác nhận",
-    "delete": "Xóa",
-    "edit": "Chỉnh sửa",
-    "back": "Quay lại",
-    "next": "Tiếp theo",
-    "previous": "Trước đó",
-    "submit": "Gửi",
-    "search": "Tìm kiếm",
-    "filter": "Lọc",
-    "reset": "Đặt lại",
-    "apply": "Áp dụng",
-    "yes": "Có",
-    "no": "Không",
-    "ok": "OK",
-    "user": "Người dùng",
-    "optional": "Tùy chọn"
-  },
-  "auth": {
-    "login": {
-      "title": "Đăng nhập",
-      "description": "Nhập thông tin đăng nhập để truy cập tài khoản",
-      "email": "Email",
-      "password": "Mật khẩu",
-      "rememberMe": "Nhớ đăng nhập",
-      "forgotPassword": "Quên mật khẩu?",
-      "signUp": "Đăng ký",
-      "signingIn": "Đang đăng nhập...",
-      "noAccount": "Chưa có tài khoản?",
-      "loginFailed": "Đăng nhập thất bại",
-      "pageLabel": "Trang đăng nhập"
-    },
-    "register": {
-      "title": "Đăng ký",
-      "createAccount": "Tạo tài khoản",
-      "description": "Tạo tài khoản mới để bắt đầu",
-      "signUpToStart": "Đăng ký để bắt đầu",
-      "email": "Email",
-      "password": "Mật khẩu",
-      "confirmPassword": "Xác nhận mật khẩu",
-      "fullName": "Họ tên",
-      "createStrongPassword": "Tạo mật khẩu mạnh",
-      "reEnterPassword": "Nhập lại mật khẩu",
-      "agreeToTerms": "Tôi đồng ý với",
-      "termsAndConditions": "Điều khoản và điều kiện",
-      "alreadyHaveAccount": "Đã có tài khoản?",
-      "signIn": "Đăng nhập",
-      "signingUp": "Đang đăng ký...",
-      "creatingAccount": "Đang tạo tài khoản...",
-      "registrationFailed": "Đăng ký thất bại",
-      "weak": "Yếu",
-      "fair": "Trung bình",
-      "good": "Tốt",
-      "strong": "Mạnh",
-      "passwordStrength": "Độ mạnh mật khẩu: {strength}"
-    },
-    "forgotPassword": {
-      "title": "Quên mật khẩu",
-      "description": "Nhập địa chỉ email của bạn và chúng tôi sẽ gửi cho bạn liên kết để đặt lại mật khẩu",
-      "checkEmail": "Kiểm tra email để xem hướng dẫn đặt lại",
-      "email": "Email",
-      "sendResetLink": "Gửi link đặt lại",
-      "sending": "Đang gửi...",
-      "backToLogin": "Quay lại đăng nhập",
-      "resetLinkSent": "Link đặt lại đã được gửi!",
-      "resetLinkSentDetail": "Chúng tôi đã gửi link đặt lại mật khẩu đến {email}",
-      "checkInbox": "Vui lòng kiểm tra hộp thư và làm theo hướng dẫn để đặt lại mật khẩu. Nếu bạn không thấy email, hãy kiểm tra thư mục spam.",
-      "sendToAnotherEmail": "Gửi đến email khác",
-      "failedToSend": "Gửi link đặt lại thất bại",
-      "noAccount": "Chưa có tài khoản?",
-      "signUp": "Đăng ký"
-    }
-  },
-  "chat": {
-    "newChat": "Cuộc trò chuyện mới",
-    "searchPlaceholder": "Tìm kiếm...",
-    "typeMessage": "Nhập tin nhắn...",
-    "send": "Gửi tin nhắn",
-    "attachFile": "Đính kèm file",
-    "messageInput": "Ô nhập tin nhắn",
-    "sendHelp": "Nhấn Enter để gửi, Shift+Enter để xuống dòng",
-    "noConversations": "Chưa có cuộc trò chuyện nào",
-    "noConversationsFound": "Không tìm thấy cuộc trò chuyện",
-    "justNow": "Vừa xong",
-    "conversation": "Cuộc trò chuyện",
-    "conversationList": "Danh sách cuộc trò chuyện",
-    "searchConversations": "Tìm kiếm cuộc trò chuyện",
-    "messages": "Tin nhắn chat",
-    "startConversation": "Bắt đầu cuộc trò chuyện",
-    "startConversationDesc": "Nhập tin nhắn bên dưới để bắt đầu",
-    "messageSent": "Tin nhắn đã gửi",
-    "messageSendFailed": "Không thể gửi tin nhắn",
-    "newConversationCreated": "Đã tạo cuộc trò chuyện mới",
-    "switchedToConversation": "Đã chuyển sang cuộc trò chuyện",
-    "messageCopied": "Đã sao chép tin nhắn",
-    "openSearch": "Mở tìm kiếm",
-    "loadingTypingIndicator": "Đang tải chỉ báo đang gõ",
-    "typing": "AI đang nhập...",
-    "justNow": "Vừa xong",
-    "minutesAgo": "{minutes} phút trước",
-    "hoursAgo": "{hours} giờ trước",
-    "daysAgo": "{days} ngày trước",
-    "copyMessage": "Sao chép tin nhắn",
-    "copy": "Sao chép",
-    "editMessage": "Chỉnh sửa tin nhắn",
-    "edit": "Chỉnh sửa",
-    "deleteMessage": "Xóa tin nhắn",
-    "delete": "Xóa",
-    "regenerateResponse": "Tạo lại phản hồi",
-    "regenerate": "Tạo lại",
-    "likeMessage": "Thích tin nhắn",
-    "like": "Thích",
-    "dislikeMessage": "Không thích tin nhắn",
-    "dislike": "Không thích",
-    "shareMessage": "Chia sẻ tin nhắn",
-    "share": "Chia sẻ",
-    "aiAssistant": "Trợ lý AI",
-    "aiAssistantAvatar": "Avatar trợ lý AI",
-    "userAvatar": "Avatar người dùng",
-    "avatarOf": "Avatar của {name}",
-    "messageActions": "Các hành động cho message",
-    "closeSidebar": "Đóng sidebar",
-    "openSidebar": "Mở sidebar",
-    "conversationSidebar": "Sidebar cuộc trò chuyện",
-    "mainChatArea": "Khu vực chat chính",
-    "conversationSettingsPanel": "Panel cài đặt cuộc trò chuyện"
-  },
-  "settings": {
-    "title": "Cài đặt",
-    "description": "Quản lý cài đặt và tùy chọn tài khoản",
-    "navigation": "Điều hướng Settings",
-    "profile": {
-      "title": "Hồ sơ",
-      "label": "Hồ sơ",
-      "firstName": "Tên",
-      "lastName": "Họ",
-      "phone": "Số điện thoại",
-      "bio": "Tiểu sử",
-      "email": "Email",
-      "username": "Tên người dùng",
-      "verified": "Đã xác thực",
-      "notVerified": "Chưa xác thực",
-      "changeAvatar": "Đổi Avatar",
-      "uploadAvatar": "Tải lên Avatar",
-      "saveChanges": "Lưu thay đổi",
-      "changesSaved": "Đã lưu thay đổi thành công",
-      "failedToFetch": "Không thể lấy profile",
-      "failedToUpdate": "Không thể cập nhật profile",
-      "failedToUpload": "Không thể upload avatar",
-      "uploadSuccess": "Avatar đã được upload thành công",
-      "selectImageFile": "Vui lòng chọn file ảnh",
-      "imageSizeLimit": "Kích thước ảnh phải nhỏ hơn 5MB",
-      "updateInfo": "Cập nhật thông tin hồ sơ và avatar",
-      "enterFirstName": "Nhập tên của bạn",
-      "enterLastName": "Nhập họ của bạn",
-      "enterPhone": "Nhập số điện thoại của bạn",
-      "bioPlaceholder": "Hãy cho chúng tôi biết về bạn",
-      "emailCannotChange": "Email không thể thay đổi",
-      "usernameCannotChange": "Tên người dùng không thể thay đổi",
-      "notSet": "Chưa đặt"
-    },
-    "preferences": {
-      "title": "Tùy chọn",
-      "label": "Tùy chọn",
-      "description": "Tùy chỉnh trải nghiệm và cài đặt ứng dụng",
-      "languageAndTheme": "Ngôn ngữ & Giao diện",
-      "languageAndThemeDesc": "Chọn ngôn ngữ và giao diện ưa thích",
-      "language": "Ngôn ngữ",
-      "languageHelper": "Chọn ngôn ngữ ưa thích",
-      "theme": "Giao diện",
-      "themeHelper": "Chọn giao diện ưa thích",
-      "light": "Sáng",
-      "dark": "Tối",
-      "system": "Hệ thống",
-      "chatSettings": "Cài đặt Chat",
-      "chatSettingsDesc": "Tùy chỉnh trải nghiệm chat",
-      "autoScroll": "Tự động cuộn",
-      "autoScrollDesc": "Tự động cuộn đến tin nhắn mới nhất",
-      "showTimestamps": "Hiển thị thời gian",
-      "showTimestampsDesc": "Hiển thị thời gian của tin nhắn",
-      "messageGrouping": "Nhóm tin nhắn",
-      "messageGroupingHelper": "Chọn cách nhóm tin nhắn",
-      "none": "Không",
-      "byAuthor": "Theo tác giả",
-      "byTime": "Theo thời gian",
-      "fontSize": "Kích thước chữ",
-      "fontSizeHelper": "Chọn kích thước chữ ưa thích",
-      "small": "Nhỏ",
-      "medium": "Trung bình",
-      "large": "Lớn",
-      "extraLarge": "Rất lớn",
-      "accessibility": "Khả năng truy cập",
-      "accessibilityDesc": "Cải thiện khả năng truy cập và sử dụng",
-      "highContrast": "Chế độ tương phản cao",
-      "highContrastDesc": "Tăng độ tương phản màu sắc để dễ nhìn hơn",
-      "screenReader": "Tối ưu cho screen reader",
-      "screenReaderDesc": "Bật thêm ARIA labels và thông báo",
-      "savePreferences": "Lưu tùy chọn",
-      "preferencesSaved": "Đã lưu preferences thành công"
-    },
-    "security": {
-      "title": "Bảo mật",
-      "label": "Bảo mật",
-      "changePassword": "Đổi mật khẩu",
-      "currentPassword": "Mật khẩu hiện tại",
-      "currentPasswordRequired": "Mật khẩu hiện tại là bắt buộc",
-      "newPassword": "Mật khẩu mới",
-      "confirmPassword": "Xác nhận mật khẩu",
-      "passwordChanged": "Mật khẩu đã được thay đổi thành công",
-      "passwordChangeFailed": "Không thể thay đổi mật khẩu",
-      "twoFactorAuth": "Xác thực hai yếu tố",
-      "enable2FA": "Bật 2FA",
-      "disable2FA": "Tắt 2FA",
-      "confirmDisable2FA": "Bạn có chắc chắn muốn tắt 2FA?",
-      "2FAEnabled": "2FA đã được bật thành công",
-      "2FADisabled": "2FA đã được tắt thành công",
-      "enable2FAFailed": "Không thể bật 2FA",
-      "disable2FAFailed": "Không thể tắt 2FA",
-      "invalidVerificationCode": "Mã xác thực không hợp lệ",
-      "codeMustBe6Digits": "Mã phải có 6 chữ số",
-      "activeSessions": "Phiên đăng nhập đang hoạt động",
-      "deviceName": "Tên thiết bị",
-      "ipAddress": "Địa chỉ IP",
-      "lastActivity": "Hoạt động cuối",
-      "created": "Đã tạo",
-      "revoke": "Thu hồi",
-      "revokeSession": "Thu hồi phiên",
-      "never": "Không bao giờ",
-      "noActiveSessions": "Không có phiên đăng nhập đang hoạt động",
-      "2FAStatus": "Trạng thái 2FA",
-      "enabled": "Đã bật",
-      "disabled": "Đã tắt",
-      "twoFactorDesc": "Thêm một lớp bảo mật bổ sung cho tài khoản",
-      "twoFactorInstructions": "Xác thực hai yếu tố thêm một lớp bảo mật bổ sung. Khi được bật, bạn sẽ cần nhập mã từ ứng dụng xác thực của mình ngoài mật khẩu khi đăng nhập.",
-      "manageSettings": "Quản lý cài đặt bảo mật tài khoản",
-      "updatePasswordDesc": "Cập nhật mật khẩu để giữ tài khoản an toàn",
-      "enterCurrentPassword": "Nhập mật khẩu hiện tại",
-      "enterNewPassword": "Nhập mật khẩu mới",
-      "confirmNewPassword": "Xác nhận mật khẩu mới",
-      "updatePassword": "Cập nhật mật khẩu",
-      "manageDevices": "Quản lý các thiết bị đã đăng nhập vào tài khoản",
-      "unknownDevice": "Thiết bị không xác định",
-      "confirmRevokeAll": "Bạn có chắc chắn muốn thu hồi tất cả các session khác?",
-      "revokeAllOtherSessions": "Thu hồi tất cả sessions khác",
-      "setup2FA": "Thiết lập Xác thực Hai yếu tố",
-      "scanQRCode": "Quét mã QR này bằng ứng dụng xác thực của bạn",
-      "qrCodeAlt": "Mã QR cho xác thực hai yếu tố",
-      "cantScan": "Không thể quét? Nhập mã này theo cách thủ công",
-      "verificationCode": "Mã xác thực",
-      "enter6DigitCode": "Nhập mã 6 chữ số",
-      "enterCodeFromApp": "Nhập mã 6 chữ số từ ứng dụng xác thực của bạn",
-      "verifyAndEnable": "Xác thực & Bật"
-    },
-    "notifications": {
-      "title": "Thông báo",
-      "label": "Thông báo"
-    },
-    "billing": {
-      "title": "Thanh toán",
-      "label": "Thanh toán"
-    },
-    "apiKeys": {
-      "title": "Khóa API",
-      "label": "Khóa API",
-      "manageKeys": "Quản lý khóa API để truy cập theo chương trình",
-      "yourApiKeys": "Khóa API của bạn",
-      "createAndManage": "Tạo và quản lý khóa API để truy cập API",
-      "createApiKey": "Tạo khóa API",
-      "noApiKeys": "Chưa có khóa API nào",
-      "createFirstKey": "Tạo khóa API đầu tiên để bắt đầu",
-      "name": "Tên",
-      "nameRequired": "Tên là bắt buộc",
-      "description": "Mô tả",
-      "created": "Đã tạo",
-      "lastUsed": "Sử dụng lần cuối",
-      "expires": "Hết hạn",
-      "never": "Không bao giờ",
-      "copy": "Sao chép",
-      "copied": "Đã sao chép",
-      "delete": "Xóa",
-      "show": "Hiện",
-      "hide": "Ẩn",
-      "failedToLoad": "Không thể tải API keys",
-      "failedToCreate": "Không thể tạo API key",
-      "failedToDelete": "Không thể xóa API key",
-      "deletedSuccessfully": "API key đã được xóa thành công",
-      "confirmDelete": "Bạn có chắc chắn muốn xóa \"{name}\"? Hành động này không thể hoàn tác.",
-      "newApiKeyCreated": "Đã tạo khóa API mới",
-      "saveKeySecurely": "Hãy chắc chắn sao chép khóa API của bạn ngay bây giờ. Bạn sẽ không thể xem lại nó!",
-      "keyCopied": "Đã sao chép API key vào clipboard",
-      "namePlaceholder": "VD: Production Key, Development Key",
-      "nameHelper": "Tên mô tả cho khóa API này",
-      "descriptionPlaceholder": "Mô tả tùy chọn cho khóa API này",
-      "newKeyFor": "Khóa API mới cho \"{name}\"",
-      "important": "Quan trọng",
-      "securityBestPractices": "Thực hành bảo mật tốt nhất",
-      "practice1": "Giữ khóa API của bạn an toàn và không bao giờ chia sẻ công khai",
-      "practice2": "Sử dụng biến môi trường hoặc công cụ quản lý bí mật an toàn",
-      "practice3": "Xoay khóa API thường xuyên",
-      "practice4": "Xóa khóa API không sử dụng ngay lập tức",
-      "practice5": "Nếu khóa bị xâm phạm, hãy thu hồi ngay lập tức và tạo khóa mới",
-      "createForAccess": "Tạo khóa API mới để truy cập theo chương trình",
-      "copyApiKey": "Sao chép khóa API",
-      "iveCopied": "Tôi đã sao chép khóa"
-    }
-  },
-  "validation": {
-    "required": "Trường này là bắt buộc",
-    "email": "Định dạng email không hợp lệ",
-    "emailRequired": "Email là bắt buộc",
-    "password": "Mật khẩu là bắt buộc",
-    "passwordMin": "Mật khẩu phải có ít nhất 8 ký tự",
-    "passwordConfirm": "Mật khẩu không khớp",
-    "passwordConfirmRequired": "Vui lòng xác nhận mật khẩu",
-    "minLength": "Phải có ít nhất {min} ký tự",
-    "maxLength": "Phải có tối đa {max} ký tự",
-    "invalidFormat": "Định dạng không hợp lệ",
-    "fullNameRequired": "Họ tên là bắt buộc",
-    "fullNameMin": "Họ tên phải có ít nhất 2 ký tự",
-    "fullNameMax": "Họ tên phải ít hơn 100 ký tự",
-    "passwordUppercase": "Mật khẩu phải chứa ít nhất một chữ hoa",
-    "passwordLowercase": "Mật khẩu phải chứa ít nhất một chữ thường",
-    "passwordNumber": "Mật khẩu phải chứa ít nhất một số",
-    "passwordSpecial": "Mật khẩu phải chứa ít nhất một ký tự đặc biệt",
-    "termsRequired": "Bạn phải chấp nhận điều khoản và điều kiện"
-  },
-  "errors": {
-    "generic": "Đã xảy ra lỗi",
-    "networkError": "Lỗi mạng. Vui lòng kiểm tra kết nối của bạn.",
-    "unauthorized": "Bạn không có quyền thực hiện hành động này",
-    "notFound": "Không tìm thấy tài nguyên",
-    "serverError": "Lỗi máy chủ. Vui lòng thử lại sau.",
-    "unknown": "Đã xảy ra lỗi không xác định"
-  },
-  "home": {
-    "title": "Nền tảng GoodGo",
-    "description": "Trải nghiệm thế hệ tiếp theo của trí tuệ tối giản.",
-    "welcome": "Chào mừng, {email}!",
-    "role": "Vai trò: {role}",
-    "pleaseLogin": "Vui lòng đăng nhập để tiếp tục."
-  },
-  "account": {
-    "title": "Tài khoản của tôi",
-    "description": "Quản lý cài đặt tài khoản, xem thống kê và theo dõi hoạt động",
-    "editProfile": "Chỉnh sửa hồ sơ",
-    "verified": "Đã xác thực",
-    "stats": {
-      "totalChats": "Tổng số Chat",
-      "activeSessions": "Phiên đang hoạt động",
-      "apiCalls": "Lượt gọi API (Tháng này)",
-      "uptime": "Thời gian hoạt động",
-      "vsLastMonth": "so với tháng trước"
-    },
-    "quickActions": "Hành động nhanh",
-    "quickActionsDescription": "Các tác vụ quản lý tài khoản thường dùng",
-    "actions": {
-      "updateProfile": "Cập nhật hồ sơ",
-      "manageApiKeys": "Quản lý khóa API",
-      "billing": "Thanh toán & Gói đăng ký",
-      "notifications": "Cài đặt thông báo"
-    },
-    "info": {
-      "title": "Thông tin tài khoản",
-      "description": "Chi tiết tài khoản và trạng thái xác thực",
-      "email": "Email",
-      "username": "Tên người dùng",
-      "memberSince": "Thành viên từ",
-      "plan": "Gói"
-    },
-    "recentActivity": "Hoạt động gần đây",
-    "recentActivityDescription": "Các hoạt động và thay đổi tài khoản gần đây",
-    "viewAllActivity": "Xem tất cả hoạt động",
-    "activity": {
-      "apiKeyCreated": "Đã tạo khóa API mới",
-      "profileUpdated": "Đã cập nhật thông tin hồ sơ",
-      "chatCreated": "Đã bắt đầu cuộc trò chuyện mới",
-      "settingsChanged": "Đã thay đổi tùy chọn thông báo"
-    },
-    "security": {
-      "title": "Trạng thái bảo mật",
-      "description": "Cài đặt bảo mật tài khoản và khuyến nghị",
-      "score": "Điểm bảo mật",
-      "excellent": "Tuyệt vời! Tài khoản của bạn được bảo mật tốt.",
-      "improve": "Hoàn thành các mục còn lại để cải thiện bảo mật.",
-      "emailVerified": "Email đã xác thực",
-      "twoFactorEnabled": "Xác thực hai yếu tố",
-      "phoneVerified": "Số điện thoại đã xác thực",
-      "recoveryCodes": "Mã khôi phục đã tạo",
-      "enabled": "Đã bật",
-      "enable": "Bật"
-    }
-  },
-  "footer": {
-    "tagline": "Xây dựng, triển khai và mở rộng microservices một cách tự tin. Nền tảng cấp doanh nghiệp cho các nhóm phát triển hiện đại.",
-    "product": "Sản phẩm",
-    "company": "Công ty",
-    "support": "Hỗ trợ",
-    "features": "Tính năng",
-    "pricing": "Bảng giá",
-    "documentation": "Tài liệu",
-    "about": "Giới thiệu",
-    "blog": "Blog",
-    "careers": "Tuyển dụng",
-    "helpCenter": "Trung tâm trợ giúp",
-    "contact": "Liên hệ",
-    "status": "Trạng thái",
-    "privacyPolicy": "Chính sách bảo mật",
-    "termsOfService": "Điều khoản dịch vụ",
-    "copyright": "© {year} GoodGo Platform. Bảo lưu mọi quyền.",
-    "followUs": "Theo dõi chúng tôi"
-  }
-}
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/lib/brand-constants.ts b/apps/web-client/src/features/shared/lib/brand-constants.ts
deleted file mode 100644
index 00cc571f..00000000
--- a/apps/web-client/src/features/shared/lib/brand-constants.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * EN: Brand Constants - Easy access to brand values
- * VI: Hằng số thương hiệu - Truy cập dễ dàng các giá trị thương hiệu
- * 
- * This file provides type-safe constants for brand colors, fonts, and assets.
- * Use these instead of hardcoding values for consistency and maintainability.
- * 
- * File này cung cấp constants type-safe cho màu sắc, fonts và assets thương hiệu.
- * Sử dụng các constants này thay vì hardcode giá trị để đảm bảo tính nhất quán và dễ bảo trì.
- */
-
-export const BRAND = {
-    /** EN: Brand name and tagline / VI: Tên thương hiệu và slogan */
-    name: 'GoodGo Platform',
-    tagline: 'Enterprise Microservices Platform',
-    description: 'Build, deploy, and scale microservices with confidence',
-
-    /** 
-     * EN: Brand color palette - Use these for consistent branding
-     * VI: Bảng màu thương hiệu - Sử dụng để đảm bảo tính nhất quán
-     */
-    colors: {
-        /** Primary brand color - Main identity color (Blue) */
-        primary: {
-            main: 'var(--brand-primary)',
-            light: 'var(--brand-primary-light)',
-            dark: 'var(--brand-primary-dark)',
-            contrast: 'var(--brand-primary-contrast)',
-            hex: '#3B82F6', // For use outside CSS
-        },
-        /** Secondary brand color - Supporting color (Purple) */
-        secondary: {
-            main: 'var(--brand-secondary)',
-            light: 'var(--brand-secondary-light)',
-            dark: 'var(--brand-secondary-dark)',
-            hex: '#8B5CF6',
-        },
-        /** Accent color - Call-to-action color (Cyan) */
-        accent: {
-            main: 'var(--brand-accent)',
-            hex: '#06B6D4',
-        },
-        /** Brand gradients - For backgrounds and special elements */
-        gradients: {
-            primary: 'var(--brand-gradient-primary)',
-            accent: 'var(--brand-gradient-accent)',
-        },
-    },
-
-    /**
-     * EN: Typography system - Font families for different use cases
-     * VI: Hệ thống typography - Font families cho các trường hợp khác nhau
-     */
-    fonts: {
-        display: 'var(--font-display)', // For hero titles (48px+)
-        heading: 'var(--font-heading)', // For section headings (24-36px)
-        body: 'var(--font-sans)',       // For body text (16px)
-        mono: 'var(--font-mono)',       // For code blocks
-    },
-
-    /**
-     * EN: Brand assets paths - Logo, icons, illustrations
-     * VI: Đường dẫn brand assets - Logo, icons, illustrations
-     */
-    assets: {
-        logo: {
-            full: '/brand-assets/logo/logo-full.svg',
-            icon: '/brand-assets/logo/logo-icon.svg',
-            wordmark: '/brand-assets/logo/logo-wordmark.svg',
-        },
-        icons: {
-            favicon: '/brand-assets/icons/favicon.svg',
-        },
-        illustrations: {
-            empty: '/brand-assets/illustrations/empty-state.svg',
-            error: '/brand-assets/illustrations/error-state.svg',
-        },
-    },
-} as const;
-
-/**
- * EN: Type-safe brand color getter
- * VI: Hàm lấy màu thương hiệu type-safe
- * 
- * @example
- * ```tsx
- * const primaryColor = getBrandColor('primary.main');
- * const secondaryHex = getBrandColor('secondary.hex');
- * ```
- */
-export const getBrandColor = (path: string): string => {
-    const keys = path.split('.');
-    let value: any = BRAND.colors;
-
-    for (const key of keys) {
-        value = value?.[key];
-    }
-
-    return value || '';
-};
-
-/**
- * EN: Brand logo path getter
- * VI: Hàm lấy đường dẫn logo thương hiệu
- * 
- * @param variant - Logo variant: 'full' | 'icon' | 'wordmark'
- * @returns Logo file path
- */
-export const getBrandLogo = (variant: 'full' | 'icon' | 'wordmark' = 'full'): string => {
-    return BRAND.assets.logo[variant];
-};
-
-/**
- * EN: Brand illustration path getter
- * VI: Hàm lấy đường dẫn illustration thương hiệu
- * 
- * @param type - Illustration type: 'empty' | 'error'
- * @returns Illustration file path
- */
-export const getBrandIllustration = (type: 'empty' | 'error'): string => {
-    return BRAND.assets.illustrations[type];
-};
diff --git a/apps/web-client/src/features/shared/lib/index.ts b/apps/web-client/src/features/shared/lib/index.ts
deleted file mode 100644
index 9be2f312..00000000
--- a/apps/web-client/src/features/shared/lib/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * EN: Shared library utilities exports
- * VI: Xuất các utility thư viện dùng chung
- */
-
-export * from './utils';
-export * from './brand-constants';
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/lib/utils.ts b/apps/web-client/src/features/shared/lib/utils.ts
deleted file mode 100644
index 7ebd5c56..00000000
--- a/apps/web-client/src/features/shared/lib/utils.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { type ClassValue, clsx } from 'clsx';
-
-/**
- * EN: Utility function to merge class names with conditional logic
- * VI: Hàm tiện ích để hợp nhất tên class với logic có điều kiện
- *
- * @param inputs - Class names or conditional class objects / Tên class hoặc object class có điều kiện
- * @returns Merged class string / Chuỗi class đã được hợp nhất
- */
-export function cn(...inputs: ClassValue[]) {
-  return clsx(inputs);
-}
diff --git a/apps/web-client/src/features/shared/middleware/auth-guard.tsx b/apps/web-client/src/features/shared/middleware/auth-guard.tsx
deleted file mode 100644
index 5cfd5ab6..00000000
--- a/apps/web-client/src/features/shared/middleware/auth-guard.tsx
+++ /dev/null
@@ -1,211 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { useAuthStore } from '../../../stores/auth-store';
-import { Role } from '@goodgo/types';
-import { Card } from '../components/ui/card';
-import { Button } from '../components/ui/button';
-
-/**
- * EN: Auth Guard Props
- * VI: Props cho Auth Guard
- */
-interface AuthGuardProps {
-  /** EN: Content to render when authenticated / VI: Nội dung để render khi đã xác thực */
-  children: React.ReactNode;
-  /** EN: Required authentication / VI: Yêu cầu xác thực */
-  requireAuth?: boolean;
-  /** EN: Required roles for access / VI: Vai trò yêu cầu để truy cập */
-  requiredRoles?: Role[];
-  /** EN: Redirect path when not authenticated / VI: Đường dẫn redirect khi chưa xác thực */
-  redirectTo?: string;
-  /** EN: Fallback component while checking auth / VI: Component fallback trong khi kiểm tra auth */
-  fallback?: React.ReactNode;
-  /** EN: Whether to check on client side only / VI: Có chỉ kiểm tra ở client side không */
-  clientOnly?: boolean;
-}
-
-/**
- * EN: Auth Guard Component - Protects routes based on authentication and role requirements
- * VI: Auth Guard Component - Bảo vệ routes dựa trên xác thực và yêu cầu vai trò
- *
- * Features:
- * - Client-side authentication checking
- * - Role-based access control
- * - Automatic redirects
- * - Loading states
- * - Custom fallback components
- *
- * @example
- * ```tsx
- * // Require authentication
- * <AuthGuard>
- *   <ProtectedContent />
- * </AuthGuard>
- *
- * // Require specific role
- * <AuthGuard requiredRoles={[Role.ADMIN]}>
- *   <AdminContent />
- * </AuthGuard>
- *
- * // Require multiple roles
- * <AuthGuard requiredRoles={[Role.ADMIN, Role.SUPER_ADMIN]}>
- *   <SuperAdminContent />
- * </AuthGuard>
- * ```
- */
-export function AuthGuard({
-  children,
-  requireAuth = true,
-  requiredRoles = [],
-  redirectTo,
-  fallback,
-  clientOnly = true,
-}: AuthGuardProps) {
-  const router = useRouter();
-  const { user, isAuthenticated, isLoading, fetchUser } = useAuthStore();
-  const [isChecking, setIsChecking] = useState(true);
-
-  useEffect(() => {
-    // If clientOnly is true, skip server-side checks
-    if (clientOnly) {
-      setIsChecking(false);
-      return;
-    }
-
-    // Fetch user data if not loaded
-    if (!user && !isLoading) {
-      fetchUser().finally(() => setIsChecking(false));
-    } else {
-      setIsChecking(false);
-    }
-  }, [user, isLoading, fetchUser, clientOnly]);
-
-  // Show loading state
-  if (isChecking || isLoading) {
-    if (fallback) {
-      return <>{fallback}</>;
-    }
-
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
-      </div>
-    );
-  }
-
-  // Check authentication requirement
-  if (requireAuth && !isAuthenticated) {
-    // Redirect to login or custom path
-    const redirectPath = redirectTo || '/auth/login';
-    if (typeof window !== 'undefined') {
-      router.push(redirectPath);
-    }
-    return null;
-  }
-
-  // Check role requirements
-  if (requiredRoles.length > 0 && user) {
-    const hasRequiredRole = requiredRoles.includes(user.role);
-    if (!hasRequiredRole) {
-      // Show access denied
-      return (
-        <div className="min-h-screen flex items-center justify-center p-4">
-          <Card className="p-8 text-center max-w-md">
-            <h2 className="text-2xl font-bold text-red-600 mb-4">Access Denied</h2>
-            <p className="text-gray-600 mb-6">
-              You don't have permission to access this resource.
-            </p>
-            <div className="flex gap-4 justify-center">
-              <Button onClick={() => router.back()}>
-                Go Back
-              </Button>
-              <Button variant="ghost" onClick={() => router.push('/dashboard')}>
-                Dashboard
-              </Button>
-            </div>
-          </Card>
-        </div>
-      );
-    }
-  }
-
-  // All checks passed, render children
-  return <>{children}</>;
-}
-
-/**
- * EN: Require Auth HOC - Higher-order component for authentication
- * VI: Require Auth HOC - Higher-order component cho xác thực
- *
- * @example
- * ```tsx
- * const ProtectedPage = requireAuth(MyComponent);
- * const AdminPage = requireAuth(MyComponent, [Role.ADMIN]);
- * ```
- */
-export function requireAuth<P extends object>(
-  Component: React.ComponentType<P>,
-  requiredRoles?: Role[]
-) {
-  return function AuthenticatedComponent(props: P) {
-    return (
-      <AuthGuard requiredRoles={requiredRoles}>
-        <Component {...props} />
-      </AuthGuard>
-    );
-  };
-}
-
-/**
- * EN: Role-based guard components
- * VI: Components guard dựa trên vai trò
- */
-export const RequireAdmin: React.FC<{ children: React.ReactNode }> = ({ children }) => (
-  <AuthGuard requiredRoles={[Role.ADMIN, Role.SUPER_ADMIN]}>
-    {children}
-  </AuthGuard>
-);
-
-export const RequireSuperAdmin: React.FC<{ children: React.ReactNode }> = ({ children }) => (
-  <AuthGuard requiredRoles={[Role.SUPER_ADMIN]}>
-    {children}
-  </AuthGuard>
-);
-
-/**
- * EN: Utility functions for role checking
- * VI: Hàm utility để kiểm tra vai trò
- */
-export const hasRole = (userRole: Role | undefined, requiredRoles: Role[]): boolean => {
-  if (!userRole) return false;
-  return requiredRoles.includes(userRole);
-};
-
-export const hasAdminRole = (userRole: Role | undefined): boolean => {
-  return hasRole(userRole, [Role.ADMIN, Role.SUPER_ADMIN]);
-};
-
-export const hasSuperAdminRole = (userRole: Role | undefined): boolean => {
-  return hasRole(userRole, [Role.SUPER_ADMIN]);
-};
-
-export const canManageUsers = (userRole: Role | undefined): boolean => {
-  return hasRole(userRole, [Role.ADMIN, Role.SUPER_ADMIN]);
-};
-
-export const canDeleteUsers = (currentUserRole: Role | undefined, targetUserRole: Role): boolean => {
-  if (!currentUserRole) return false;
-
-  // Super admin can delete anyone
-  if (currentUserRole === Role.SUPER_ADMIN) return true;
-
-  // Admin can delete users but not other admins or super admins
-  if (currentUserRole === Role.ADMIN) {
-    return targetUserRole === Role.USER;
-  }
-
-  // Users cannot delete anyone
-  return false;
-};
\ No newline at end of file
diff --git a/apps/web-client/src/features/shared/utils/cn.ts b/apps/web-client/src/features/shared/utils/cn.ts
deleted file mode 100644
index 4d5c655d..00000000
--- a/apps/web-client/src/features/shared/utils/cn.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * EN: className utility function
- * VI: Hàm tiện ích cho className
- *
- * A utility function to merge class names using clsx.
- * Hàm tiện ích để merge class names sử dụng clsx.
- */
-
-import { clsx, type ClassValue } from 'clsx';
-
-/**
- * Merge multiple class names into a single string
- * @param inputs - Class names to merge
- * @returns Merged class name string
- */
-export function cn(...inputs: ClassValue[]) {
-  return clsx(inputs);
-}
diff --git a/apps/web-client/src/features/shared/utils/index.ts b/apps/web-client/src/features/shared/utils/index.ts
deleted file mode 100644
index 8eeeda07..00000000
--- a/apps/web-client/src/features/shared/utils/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * EN: Shared Utilities
- * VI: Các Utilities dùng chung
- *
- * This file exports all shared utility functions.
- * File này export tất cả các utility functions dùng chung.
- */
-
-export * from './cn';
diff --git a/apps/web-client/src/features/theme/components/index.ts b/apps/web-client/src/features/theme/components/index.ts
deleted file mode 100644
index 7f1ad859..00000000
--- a/apps/web-client/src/features/theme/components/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * EN: Theme components exports
- * VI: Xuất các component theme
- */
-
-export * from './theme-toggle-enhanced';
-export * from './language-switcher';
\ No newline at end of file
diff --git a/apps/web-client/src/features/theme/components/language-switcher.tsx b/apps/web-client/src/features/theme/components/language-switcher.tsx
deleted file mode 100644
index 22cdb8dc..00000000
--- a/apps/web-client/src/features/theme/components/language-switcher.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-'use client';
-
-import React from 'react';
-import { Button } from '@/features/shared/components/ui/button';
-import {
-    DropdownMenu,
-    DropdownMenuTrigger,
-    DropdownMenuContent,
-    DropdownMenuItem
-} from '@/features/shared/components/ui/dropdown-menu';
-import { cn } from '@/shared/lib/utils';
-import { useI18n } from '../i18n-context';
-
-/**
- * EN: Language configuration
- * VI: Cấu hình ngôn ngữ
- */
-const languages = [
-    { code: 'en', label: 'English', nativeName: 'English' },
-    { code: 'vi', label: 'Tiếng Việt', nativeName: 'Tiếng Việt' },
-] as const;
-
-export type LanguageCode = typeof languages[number]['code'];
-
-/**
- * EN: Language Switcher - Multi-language support
- * VI: Bộ chuyển ngôn ngữ - Hỗ trợ đa ngôn ngữ
- * 
- * Features:
- * - Dropdown menu for language selection
- * - Persists locale to localStorage via context
- * - Smooth language switching without page reload
- * 
- * @example
- * ```tsx
- * <LanguageSwitcher />
- * ```
- */
-export function LanguageSwitcher() {
-    const { locale: currentLocale, setLocale } = useI18n();
-
-    const currentLanguage = languages.find(lang => lang.code === currentLocale) || languages[0];
-
-    /**
-     * EN: Handle language change
-     * VI: Xử lý thay đổi ngôn ngữ
-     */
-    const handleLanguageChange = (newLocale: LanguageCode) => {
-        setLocale(newLocale as any);
-    };
-
-    return (
-        <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-                <Button
-                    variant="ghost"
-                    size="sm"
-                    className="text-text-primary border border-border-primary hover:bg-bg-secondary transition-all gap-2"
-                    aria-label="Change language"
-                >
-                    <span className="font-medium">{currentLanguage.code.toUpperCase()}</span>
-                </Button>
-            </DropdownMenuTrigger>
-
-            <DropdownMenuContent
-                align="end"
-                className="bg-bg-primary border border-border-primary shadow-xl min-w-[150px]"
-            >
-                {languages.map((language) => {
-                    const isActive = currentLocale === language.code;
-
-                    return (
-                        <DropdownMenuItem
-                            key={language.code}
-                            onClick={() => handleLanguageChange(language.code)}
-                            className={cn(
-                                'flex items-center gap-3 px-3 py-2 cursor-pointer transition-colors',
-                                'hover:bg-bg-tertiary focus:bg-bg-tertiary',
-                                isActive && 'bg-brand-primary/10 text-brand-primary'
-                            )}
-                        >
-                            <div className="flex flex-col">
-                                <span className="font-medium">{language.nativeName}</span>
-                                <span className="text-xs text-text-tertiary">{language.label}</span>
-                            </div>
-                            {isActive && (
-                                <span className="ml-auto text-brand-primary">✓</span>
-                            )}
-                        </DropdownMenuItem>
-                    );
-                })}
-            </DropdownMenuContent>
-        </DropdownMenu>
-    );
-}
-
-/**
- * EN: Compact Language Switcher - Shows only code
- * VI: Language Switcher nhỏ gọn - Chỉ hiển thị mã
- * 
- * @example
- * ```tsx
- * <LanguageSwitcherCompact />
- * ```
- */
-export function LanguageSwitcherCompact() {
-    const { locale: currentLocale, setLocale } = useI18n();
-    const currentLanguage = languages.find(lang => lang.code === currentLocale) || languages[0];
-
-    const toggleLanguage = () => {
-        const newLocale = currentLocale === 'en' ? 'vi' : 'en';
-        setLocale(newLocale);
-    };
-
-    return (
-        <Button
-            variant="glass"
-            size="md"
-            className="w-10 h-10 p-0 text-lg"
-            onClick={toggleLanguage}
-            aria-label={`Switch to ${currentLocale === 'en' ? 'Vietnamese' : 'English'}`}
-        >
-            <span className="font-medium text-sm">
-                {currentLanguage.code.toUpperCase()}
-            </span>
-        </Button>
-    );
-}
diff --git a/apps/web-client/src/features/theme/components/theme-toggle-enhanced.tsx b/apps/web-client/src/features/theme/components/theme-toggle-enhanced.tsx
deleted file mode 100644
index 3438ba37..00000000
--- a/apps/web-client/src/features/theme/components/theme-toggle-enhanced.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-'use client';
-
-import React, { useState, useEffect } from 'react';
-import { useTheme } from '@/features/theme';
-import { Sun, Moon, Monitor } from 'lucide-react';
-import { Button } from '@/features/shared/components/ui/button';
-import {
-    DropdownMenu,
-    DropdownMenuTrigger,
-    DropdownMenuContent,
-    DropdownMenuItem
-} from '@/features/shared/components/ui/dropdown-menu';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Enhanced Theme Toggle - Professional theme switcher with brand styling
- * VI: Theme Toggle nâng cao - Bộ chuyển theme chuyên nghiệp với brand styling
- * 
- * Features:
- * - Dropdown menu with 3 options: Light, Dark, System
- * - Glassmorphism styling
- * - Icons from lucide-react
- * - Smooth transitions
- * - Keyboard accessible
- * - Prevents hydration mismatch
- * 
- * @example
- * ```tsx
- * <ThemeToggle />
- * ```
- */
-export function ThemeToggle() {
-    const { theme, setTheme, resolvedTheme } = useTheme();
-
-    // EN: Track mounted state to prevent hydration mismatch
-    // VI: Theo dõi trạng thái mounted để tránh hydration mismatch
-    const [mounted, setMounted] = useState(false);
-
-    useEffect(() => {
-        setMounted(true);
-    }, []);
-
-    const themeOptions = [
-        { value: 'light' as const, label: 'Light', icon: Sun },
-        { value: 'dark' as const, label: 'Dark', icon: Moon },
-        { value: 'system' as const, label: 'System', icon: Monitor },
-    ];
-
-    // EN: Use Monitor icon during SSR to prevent mismatch
-    // VI: Sử dụng icon Monitor trong SSR để tránh mismatch
-    const currentIcon = !mounted ? Monitor : (resolvedTheme === 'dark' ? Moon : Sun);
-    const CurrentIcon = currentIcon;
-
-    return (
-        <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-                <Button
-                    variant="ghost"
-                    size="sm"
-                    className="text-text-primary border border-border-primary hover:bg-bg-secondary transition-all"
-                    aria-label="Toggle theme"
-                >
-                    <CurrentIcon className="h-5 w-5" />
-                </Button>
-            </DropdownMenuTrigger>
-
-            <DropdownMenuContent
-                align="end"
-                className="bg-bg-primary border border-border-primary shadow-xl min-w-[150px]"
-            >
-                {themeOptions.map((option) => {
-                    const Icon = option.icon;
-                    const isActive = theme === option.value;
-
-                    return (
-                        <DropdownMenuItem
-                            key={option.value}
-                            onClick={() => setTheme(option.value)}
-                            className={cn(
-                                'flex items-center gap-2 px-3 py-2 cursor-pointer transition-colors',
-                                'hover:bg-bg-tertiary focus:bg-bg-tertiary',
-                                isActive && 'bg-brand-primary/10 text-brand-primary'
-                            )}
-                        >
-                            <Icon className="h-4 w-4" />
-                            <span>{option.label}</span>
-                            {isActive && (
-                                <span className="ml-auto text-brand-primary">✓</span>
-                            )}
-                        </DropdownMenuItem>
-                    );
-                })}
-            </DropdownMenuContent>
-        </DropdownMenu>
-    );
-}
-
-/**
- * EN: Simple Theme Toggle Button - Toggles between light and dark only
- * VI: Button Toggle Theme đơn giản - Chỉ chuyển đổi giữa light và dark
- * 
- * @example
- * ```tsx
- * <ThemeToggleButton />
- * ```
- */
-export function ThemeToggleButton() {
-    const { toggleTheme, resolvedTheme } = useTheme();
-
-    // EN: Track mounted state to prevent hydration mismatch
-    // VI: Theo dõi trạng thái mounted để tránh hydration mismatch
-    const [mounted, setMounted] = useState(false);
-
-    useEffect(() => {
-        setMounted(true);
-    }, []);
-
-    // EN: Use Monitor icon during SSR to prevent mismatch
-    // VI: Sử dụng icon Monitor trong SSR để tránh mismatch
-    const Icon = !mounted ? Monitor : (resolvedTheme === 'dark' ? Sun : Moon);
-
-    return (
-        <Button
-            variant="glass"
-            size="md"
-            className="w-10 h-10 p-0"
-            onClick={toggleTheme}
-            aria-label={`Switch to ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`}
-        >
-            <Icon className="h-5 w-5 transition-transform duration-normal hover:rotate-12" />
-        </Button>
-    );
-}
diff --git a/apps/web-client/src/features/theme/components/theme-toggle.tsx b/apps/web-client/src/features/theme/components/theme-toggle.tsx
deleted file mode 100644
index c054ac2e..00000000
--- a/apps/web-client/src/features/theme/components/theme-toggle.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useTheme } from '@/features/theme';
-import { Sun, Moon, Monitor } from 'lucide-react';
-import { Button } from '@/features/shared/components/ui/button';
-import {
-    DropdownMenu,
-    DropdownMenuTrigger,
-    DropdownMenuContent,
-    DropdownMenuItem
-} from '@/features/shared/components/ui/dropdown-menu';
-import { cn } from '@/shared/lib/utils';
-
-/**
- * EN: Enhanced Theme Toggle - Professional theme switcher with brand styling
- * VI: Theme Toggle nâng cao - Bộ chuyển theme chuyên nghiệp với brand styling
- * 
- * Features:
- * - Dropdown menu with 3 options: Light, Dark, System
- * - Glassmorphism styling
- * - Icons from lucide-react
- * - Smooth transitions
- * - Keyboard accessible
- * 
- * @example
- * ```tsx
- * <ThemeToggle />
- * ```
- */
-export function ThemeToggle() {
-    const { theme, setTheme, resolvedTheme } = useTheme();
-
-    const themeOptions = [
-        { value: 'light' as const, label: 'Light', icon: Sun },
-        { value: 'dark' as const, label: 'Dark', icon: Moon },
-        { value: 'system' as const, label: 'System', icon: Monitor },
-    ];
-
-    const currentIcon = resolvedTheme === 'dark' ? Moon : Sun;
-    const CurrentIcon = currentIcon;
-
-    return (
-        <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-                <Button
-                    variant="glass"
-                    size="md"
-                    className="w-10 h-10 p-0"
-                    aria-label="Toggle theme"
-                >
-                    <CurrentIcon className="h-5 w-5" />
-                </Button>
-            </DropdownMenuTrigger>
-
-            <DropdownMenuContent
-                align="end"
-                className="bg-glass-bg backdrop-blur-glass border border-glass-border min-w-[150px]"
-            >
-                {themeOptions.map((option) => {
-                    const Icon = option.icon;
-                    const isActive = theme === option.value;
-
-                    return (
-                        <DropdownMenuItem
-                            key={option.value}
-                            onClick={() => setTheme(option.value)}
-                            className={cn(
-                                'flex items-center gap-2 px-3 py-2 cursor-pointer transition-colors',
-                                'hover:bg-bg-tertiary focus:bg-bg-tertiary',
-                                isActive && 'bg-brand-primary/10 text-brand-primary'
-                            )}
-                        >
-                            <Icon className="h-4 w-4" />
-                            <span>{option.label}</span>
-                            {isActive && (
-                                <span className="ml-auto text-brand-primary">✓</span>
-                            )}
-                        </DropdownMenuItem>
-                    );
-                })}
-            </DropdownMenuContent>
-        </DropdownMenu>
-    );
-}
-
-/**
- * EN: Simple Theme Toggle Button - Toggles between light and dark only
- * VI: Button Toggle Theme đơn giản - Chỉ chuyển đổi giữa light và dark
- * 
- * @example
- * ```tsx
- * <ThemeToggleButton />
- * ```
- */
-export function ThemeToggleButton() {
-    const { toggleTheme, resolvedTheme } = useTheme();
-    const Icon = resolvedTheme === 'dark' ? Sun : Moon;
-
-    return (
-        <Button
-            variant="glass"
-            size="md"
-            className="w-10 h-10 p-0"
-            onClick={toggleTheme}
-            aria-label={`Switch to ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`}
-        >
-            <Icon className="h-5 w-5 transition-transform duration-normal hover:rotate-12" />
-        </Button>
-    );
-}
diff --git a/apps/web-client/src/features/theme/hooks/use-theme.ts b/apps/web-client/src/features/theme/hooks/use-theme.ts
deleted file mode 100644
index 29788c03..00000000
--- a/apps/web-client/src/features/theme/hooks/use-theme.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * EN: Theme hook - Re-export from theme context
- * VI: Hook theme - Re-export từ theme context
- */
-
-export * from '../theme-context';
\ No newline at end of file
diff --git a/apps/web-client/src/features/theme/i18n-config.ts b/apps/web-client/src/features/theme/i18n-config.ts
deleted file mode 100644
index d9b0d01f..00000000
--- a/apps/web-client/src/features/theme/i18n-config.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * EN: i18n configuration for next-intl
- * VI: Cấu hình i18n cho next-intl
- */
-
-/**
- * EN: Supported locales
- * VI: Các ngôn ngữ được hỗ trợ
- */
-export const locales = ['en', 'vi'] as const;
-
-/**
- * EN: Default locale
- * VI: Ngôn ngữ mặc định
- */
-export const defaultLocale = 'en' as const;
-
-/**
- * EN: Default timezone for consistent date/time formatting
- * VI: Timezone mặc định để format date/time nhất quán
- */
-export const defaultTimeZone = 'UTC' as const;
-
-/**
- * EN: Locale type
- * VI: Kiểu locale
- */
-export type Locale = (typeof locales)[number];
-
-/**
- * EN: Check if a string is a valid locale
- * VI: Kiểm tra xem một chuỗi có phải là locale hợp lệ không
- */
-export function isValidLocale(locale: string): locale is Locale {
-  return locales.includes(locale as Locale);
-}
diff --git a/apps/web-client/src/features/theme/i18n-context.tsx b/apps/web-client/src/features/theme/i18n-context.tsx
deleted file mode 100644
index 9af4df87..00000000
--- a/apps/web-client/src/features/theme/i18n-context.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-'use client';
-
-/**
- * EN: i18n Context for managing locale state
- * VI: Context i18n để quản lý trạng thái locale
- */
-
-import * as React from 'react';
-import { type Locale, defaultLocale, isValidLocale } from './i18n-config';
-
-/**
- * EN: i18n Context interface
- * VI: Interface cho i18n Context
- */
-interface I18nContextType {
-  /**
-   * EN: Current locale / VI: Locale hiện tại
-   */
-  locale: Locale;
-  /**
-   * EN: Set locale function / VI: Hàm đặt locale
-   */
-  setLocale: (locale: Locale) => void;
-  /**
-   * EN: Get locale function / VI: Hàm lấy locale
-   */
-  getLocale: () => Locale;
-}
-
-/**
- * EN: i18n Context
- * VI: Context i18n
- */
-export const I18nContext = React.createContext<I18nContextType | undefined>(undefined);
-
-
-
-/**
- * EN: Hook to use i18n context
- * VI: Hook để sử dụng i18n context
- */
-export function useI18n() {
-  const context = React.useContext(I18nContext);
-  if (context === undefined) {
-    throw new Error('useI18n must be used within I18nProvider');
-  }
-  return context;
-}
diff --git a/apps/web-client/src/features/theme/i18n-provider.tsx b/apps/web-client/src/features/theme/i18n-provider.tsx
deleted file mode 100644
index 907a171d..00000000
--- a/apps/web-client/src/features/theme/i18n-provider.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-'use client';
-
-/**
- * EN: I18n Provider wrapper component
- * VI: Component wrapper I18n Provider
- *
- * This component wraps the next-intl provider with our custom context
- */
-
-import { NextIntlClientProvider } from 'next-intl';
-import { I18nContext } from './i18n-context';
-import { defaultTimeZone } from './i18n-config';
-import * as React from 'react';
-import enMessages from '../shared/i18n/en.json';
-import viMessages from '../shared/i18n/vi.json';
-
-/**
- * EN: Get locale from localStorage or browser (duplicate from i18n-context to avoid circular dependency)
- * VI: Lấy locale từ localStorage hoặc browser (duplicate từ i18n-context để tránh circular dependency)
- * 
- * @param skipBrowserDetection - Skip browser language detection (for hydration)
- */
-function getStoredLocale(skipBrowserDetection: boolean = false): 'en' | 'vi' {
-  if (typeof window === 'undefined') {
-    return 'en'; // defaultLocale
-  }
-
-  // EN: Try to get from localStorage preferences / VI: Thử lấy từ localStorage preferences
-  try {
-    const stored = localStorage.getItem('preferences');
-    if (stored) {
-      const parsed = JSON.parse(stored);
-      if (parsed.language && (parsed.language === 'en' || parsed.language === 'vi')) {
-        return parsed.language;
-      }
-    }
-  } catch {
-    // EN: Invalid stored data, continue to browser detection / VI: Dữ liệu lưu không hợp lệ, tiếp tục detect browser
-  }
-
-  // EN: Skip browser detection during hydration to prevent mismatch
-  // VI: Bỏ qua browser detection trong hydration để tránh mismatch
-  if (skipBrowserDetection) {
-    return 'en'; // defaultLocale
-  }
-
-  // EN: Detect from browser language / VI: Phát hiện từ ngôn ngữ browser
-  if (typeof navigator !== 'undefined') {
-    const browserLang = navigator.language || navigator.languages?.[0] || '';
-    const langCode = browserLang.split('-')[0].toLowerCase();
-    if (langCode === 'vi') {
-      return 'vi';
-    }
-  }
-
-  return 'en'; // defaultLocale
-}
-
-/**
- * EN: Main I18n Provider component
- * VI: Component I18n Provider chính
- */
-export function I18nProvider({ children }: { children: React.ReactNode }) {
-  // EN: Track if component has mounted (hydrated) to prevent hydration mismatch
-  // VI: Theo dõi nếu component đã mount (hydrated) để tránh hydration mismatch
-  const [mounted, setMounted] = React.useState(false);
-
-  // EN: Initialize with default locale to prevent hydration mismatch
-  // VI: Khởi tạo với locale mặc định để tránh hydration mismatch
-  // Server always renders with defaultLocale, so client must start with same value
-  const [locale, setLocaleState] = React.useState<'en' | 'vi'>('en');
-
-  /**
-   * EN: Set locale and persist to localStorage
-   * VI: Đặt locale và lưu vào localStorage
-   */
-  const setLocale = React.useCallback((newLocale: 'en' | 'vi') => {
-    if (newLocale !== 'en' && newLocale !== 'vi') {
-      console.warn(`Invalid locale: ${newLocale}`);
-      return;
-    }
-
-    setLocaleState(newLocale);
-
-    // EN: Update localStorage preferences / VI: Cập nhật localStorage preferences
-    if (typeof window !== 'undefined') {
-      try {
-        const stored = localStorage.getItem('preferences');
-        const preferences = stored ? JSON.parse(stored) : {};
-        preferences.language = newLocale;
-        localStorage.setItem('preferences', JSON.stringify(preferences));
-      } catch (error) {
-        console.error('Failed to save locale preference:', error);
-      }
-
-      // EN: Update HTML lang attribute / VI: Cập nhật thuộc tính lang của HTML
-      document.documentElement.lang = newLocale;
-    }
-  }, []);
-
-  /**
-   * EN: Get current locale
-   * VI: Lấy locale hiện tại
-   */
-  const getLocale = React.useCallback(() => {
-    return locale;
-  }, [locale]);
-
-  // EN: Mark as mounted AFTER hydration (no auto-detection, keep default 'en')
-  // VI: Đánh dấu đã mount SAU khi hydration (không tự động phát hiện, giữ mặc định 'en')
-  React.useEffect(() => {
-    setMounted(true);
-    // EN: Check ONLY localStorage for explicit user choice (no browser detection)
-    // VI: Chỉ kiểm tra localStorage cho lựa chọn rõ ràng của người dùng (không phát hiện browser)
-    try {
-      const stored = localStorage.getItem('preferences');
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        if (parsed.language && (parsed.language === 'en' || parsed.language === 'vi')) {
-          setLocaleState(parsed.language);
-        }
-      }
-    } catch {
-      // EN: Keep default 'en' if localStorage read fails
-      // VI: Giữ mặc định 'en' nếu đọc localStorage thất bại
-    }
-  }, []); // Run once on mount
-
-  // EN: Initialize HTML lang attribute on mount / VI: Khởi tạo thuộc tính lang của HTML khi mount
-  React.useEffect(() => {
-    if (typeof document !== 'undefined' && mounted) {
-      document.documentElement.lang = locale;
-    }
-  }, [locale, mounted]);
-
-  // EN: Get messages based on locale / VI: Lấy messages dựa trên locale
-  // EN: Logic to be applied: ensure we use 'en' until mounted to match server
-  const activeLocale = mounted ? locale : 'en';
-
-  const messages = React.useMemo(() => {
-    return activeLocale === 'vi' ? viMessages : enMessages;
-  }, [activeLocale]);
-
-  const customContextValue = React.useMemo(
-    () => ({
-      locale: activeLocale,
-      setLocale,
-      getLocale,
-    }),
-    [activeLocale, setLocale, getLocale]
-  );
-
-  // EN: AGGRESSIVE HYDRATION FIX: Don't render translated content until after mount
-  // VI: FIX HYDRATION MẠNH: Không render nội dung đã dịch cho đến sau khi mount
-  // This prevents ANY hydration mismatch by ensuring both server and client
-  // render the same null/skeleton content initially, then client renders
-  // the full content with translations after hydration is complete.
-  if (!mounted) {
-    return (
-      <I18nContext.Provider value={customContextValue}>
-        <NextIntlClientProvider
-          locale="en"
-          messages={enMessages}
-          timeZone={defaultTimeZone}
-        >
-          {/* 
-            EN: Render children with default English during SSR/hydration
-            VI: Render children với English mặc định trong SSR/hydration
-            This ensures server and client match during hydration.
-            After mount, we'll re-render with the user's locale preference.
-          */}
-          {children}
-        </NextIntlClientProvider>
-      </I18nContext.Provider>
-    );
-  }
-
-  return (
-    <I18nContext.Provider value={customContextValue}>
-      <NextIntlClientProvider
-        key={activeLocale}
-        locale={activeLocale}
-        messages={messages}
-        timeZone={defaultTimeZone}
-      >
-        {children}
-      </NextIntlClientProvider>
-    </I18nContext.Provider>
-  );
-}
diff --git a/apps/web-client/src/features/theme/index.ts b/apps/web-client/src/features/theme/index.ts
deleted file mode 100644
index 396afdf9..00000000
--- a/apps/web-client/src/features/theme/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * EN: Theme Feature Public API
- * VI: Public API của Feature Theme
- *
- * This file exports the public API of the theme feature.
- * File này export public API của feature theme.
- */
-
-// Components
-export * from './components/theme-toggle-enhanced';
-export * from './components/language-switcher';
-
-// Contexts
-export * from './theme-context';
-export { useI18n } from './i18n-context';
-export { I18nProvider } from './i18n-provider';
-
-// Hooks
-export * from './hooks/use-theme';
-
-// Types
-// export type * from './types/theme.types';
diff --git a/apps/web-client/src/features/theme/theme-context.tsx b/apps/web-client/src/features/theme/theme-context.tsx
deleted file mode 100644
index 1bf76645..00000000
--- a/apps/web-client/src/features/theme/theme-context.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-'use client';
-
-import React, { createContext, useContext, useEffect, useState, useCallback } from 'react';
-
-/**
- * EN: Theme mode type
- * VI: Kiểu chế độ theme
- */
-export type ThemeMode = 'light' | 'dark' | 'system';
-
-/**
- * EN: Theme context value interface
- * VI: Interface giá trị context theme
- */
-interface ThemeContextValue {
-  /** EN: Current theme mode / VI: Chế độ theme hiện tại */
-  theme: ThemeMode;
-  /** EN: Resolved theme (light or dark) / VI: Theme đã được resolve (light hoặc dark) */
-  resolvedTheme: 'light' | 'dark';
-  /** EN: Set theme mode / VI: Đặt chế độ theme */
-  setTheme: (theme: ThemeMode) => void;
-  /** EN: Toggle between light and dark / VI: Chuyển đổi giữa light và dark */
-  toggleTheme: () => void;
-}
-
-/**
- * EN: Theme context
- * VI: Context theme
- */
-const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);
-
-/**
- * EN: Get system preference for dark mode
- * VI: Lấy preference hệ thống cho dark mode
- */
-const getSystemTheme = (): 'light' | 'dark' => {
-  if (typeof window === 'undefined') return 'dark';
-  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-};
-
-/**
- * EN: Apply theme class to document
- * VI: Áp dụng class theme vào document
- */
-const applyTheme = (theme: 'light' | 'dark') => {
-  if (typeof window === 'undefined') return;
-
-  const root = document.documentElement;
-  root.classList.remove('light', 'dark');
-  root.classList.add(theme);
-  root.setAttribute('data-theme', theme);
-};
-
-/**
- * EN: Theme provider component
- * VI: Component provider theme
- *
- * @param children - Child components / Components con
- */
-export function ThemeProvider({ children }: { children: React.ReactNode }) {
-  const [theme, setThemeState] = useState<ThemeMode>('dark');
-  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {
-    if (typeof window === 'undefined') return 'dark';
-
-    // EN: Load from localStorage or default to dark
-    // VI: Load từ localStorage hoặc mặc định là dark
-    const stored = localStorage.getItem('theme') as ThemeMode | null;
-    if (stored && (stored === 'light' || stored === 'dark' || stored === 'system')) {
-      return stored === 'system' ? getSystemTheme() : stored;
-    }
-    return 'dark';
-  });
-
-  // EN: Initialize theme from localStorage
-  // VI: Khởi tạo theme từ localStorage
-  useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    const stored = localStorage.getItem('theme') as ThemeMode | null;
-    if (stored && (stored === 'light' || stored === 'dark' || stored === 'system')) {
-      setThemeState(stored);
-      const resolved = stored === 'system' ? getSystemTheme() : stored;
-      setResolvedTheme(resolved);
-      applyTheme(resolved);
-    } else {
-      // EN: Default to dark theme
-      // VI: Mặc định là dark theme
-      setResolvedTheme('dark');
-      applyTheme('dark');
-    }
-  }, []);
-
-  // EN: Listen to system theme changes
-  // VI: Lắng nghe thay đổi theme hệ thống
-  useEffect(() => {
-    if (typeof window === 'undefined' || theme !== 'system') return;
-
-    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    const handleChange = (e: MediaQueryListEvent) => {
-      const newTheme = e.matches ? 'dark' : 'light';
-      setResolvedTheme(newTheme);
-      applyTheme(newTheme);
-    };
-
-    mediaQuery.addEventListener('change', handleChange);
-    return () => mediaQuery.removeEventListener('change', handleChange);
-  }, [theme]);
-
-  // EN: Apply theme when resolved theme changes
-  // VI: Áp dụng theme khi resolved theme thay đổi
-  useEffect(() => {
-    applyTheme(resolvedTheme);
-  }, [resolvedTheme]);
-
-  /**
-   * EN: Set theme mode and persist to localStorage
-   * VI: Đặt chế độ theme và lưu vào localStorage
-   */
-  const setTheme = useCallback((newTheme: ThemeMode) => {
-    setThemeState(newTheme);
-
-    if (typeof window !== 'undefined') {
-      localStorage.setItem('theme', newTheme);
-    }
-
-    const resolved = newTheme === 'system' ? getSystemTheme() : newTheme;
-    setResolvedTheme(resolved);
-    applyTheme(resolved);
-  }, []);
-
-  /**
-   * EN: Toggle between light and dark themes
-   * VI: Chuyển đổi giữa theme light và dark
-   */
-  const toggleTheme = useCallback(() => {
-    const currentResolved = resolvedTheme;
-    const newTheme = currentResolved === 'light' ? 'dark' : 'light';
-    setTheme(newTheme);
-  }, [resolvedTheme, setTheme]);
-
-  // EN: Keyboard shortcut: Ctrl+Shift+T to toggle theme
-  // VI: Phím tắt: Ctrl+Shift+T để chuyển theme
-  useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    const handleKeyPress = (e: KeyboardEvent) => {
-      if (e.ctrlKey && e.shiftKey && e.key === 'T') {
-        e.preventDefault();
-        toggleTheme();
-      }
-    };
-
-    window.addEventListener('keydown', handleKeyPress);
-    return () => window.removeEventListener('keydown', handleKeyPress);
-  }, [toggleTheme]);
-
-  const value: ThemeContextValue = {
-    theme,
-    resolvedTheme,
-    setTheme,
-    toggleTheme,
-  };
-
-  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
-}
-
-/**
- * EN: Hook to access theme context
- * VI: Hook để truy cập theme context
- *
- * @throws Error if used outside ThemeProvider
- */
-export function useTheme(): ThemeContextValue {
-  const context = useContext(ThemeContext);
-  if (context === undefined) {
-    throw new Error('useTheme must be used within a ThemeProvider / useTheme phải được sử dụng trong ThemeProvider');
-  }
-  return context;
-}
\ No newline at end of file
diff --git a/apps/web-client/src/lib/api/users.ts b/apps/web-client/src/lib/api/users.ts
deleted file mode 100644
index 64db6cff..00000000
--- a/apps/web-client/src/lib/api/users.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { UserResponse, CreateUserDto, UpdateUserDto, Role } from '@goodgo/types';
-import { apiClient } from '../../services/api/client';
-
-/**
- * EN: Query parameters for users list endpoint
- * VI: Tham số query cho endpoint danh sách users
- */
-export interface GetUsersParams {
-  /** EN: Page number for pagination / VI: Số trang cho pagination */
-  page?: number;
-  /** EN: Number of items per page / VI: Số items mỗi trang */
-  limit?: number;
-  /** EN: Search query for filtering users / VI: Query tìm kiếm để lọc users */
-  search?: string;
-  /** EN: Filter by user role / VI: Lọc theo vai trò user */
-  role?: Role;
-  /** EN: Filter by active status / VI: Lọc theo trạng thái active */
-  isActive?: boolean;
-  /** EN: Sort field / VI: Trường sắp xếp */
-  sortBy?: 'email' | 'createdAt' | 'updatedAt';
-  /** EN: Sort direction / VI: Hướng sắp xếp */
-  sortOrder?: 'asc' | 'desc';
-}
-
-/**
- * EN: Response structure for paginated users list
- * VI: Cấu trúc response cho danh sách users phân trang
- */
-export interface GetUsersResponse {
-  /** EN: Array of user objects / VI: Mảng các objects user */
-  data: UserResponse[];
-  /** EN: Pagination metadata / VI: Metadata phân trang */
-  pagination: {
-    /** EN: Current page number / VI: Số trang hiện tại */
-    page: number;
-    /** EN: Items per page / VI: Items mỗi trang */
-    limit: number;
-    /** EN: Total number of items / VI: Tổng số items */
-    total: number;
-    /** EN: Total number of pages / VI: Tổng số trang */
-    totalPages: number;
-  };
-}
-
-/**
- * EN: Fetch paginated list of users
- * VI: Lấy danh sách users phân trang
- *
- * @param params - Query parameters for filtering and pagination
- * @returns Promise resolving to paginated users response
- */
-export async function getUsers(params: GetUsersParams = {}): Promise<GetUsersResponse> {
-  const response = await apiClient.get('/users', { params });
-  return response.data;
-}
-
-/**
- * EN: Fetch single user by ID
- * VI: Lấy thông tin user theo ID
- *
- * @param id - User ID
- * @returns Promise resolving to user response
- */
-export async function getUser(id: string): Promise<UserResponse> {
-  const response = await apiClient.get(`/users/${id}`);
-  return response.data;
-}
-
-/**
- * EN: Create new user
- * VI: Tạo user mới
- *
- * @param payload - User creation data
- * @returns Promise resolving to created user response
- */
-export async function createUser(payload: CreateUserDto): Promise<UserResponse> {
-  const response = await apiClient.post('/users', payload);
-  return response.data;
-}
-
-/**
- * EN: Update existing user
- * VI: Cập nhật user hiện có
- *
- * @param id - User ID
- * @param payload - User update data
- * @returns Promise resolving to updated user response
- */
-export async function updateUser(id: string, payload: UpdateUserDto): Promise<UserResponse> {
-  const response = await apiClient.put(`/users/${id}`, payload);
-  return response.data;
-}
-
-/**
- * EN: Delete user by ID
- * VI: Xóa user theo ID
- *
- * @param id - User ID
- * @returns Promise resolving when deletion is complete
- */
-export async function deleteUser(id: string): Promise<void> {
-  await apiClient.delete(`/users/${id}`);
-}
-
-/**
- * EN: Bulk delete multiple users
- * VI: Xóa nhiều users cùng lúc
- *
- * @param ids - Array of user IDs to delete
- * @returns Promise resolving when bulk deletion is complete
- */
-export async function bulkDeleteUsers(ids: string[]): Promise<void> {
-  await apiClient.post('/users/bulk-delete', { ids });
-}
-
-/**
- * EN: Bulk update user roles
- * VI: Cập nhật vai trò cho nhiều users cùng lúc
- *
- * @param updates - Array of user ID and new role pairs
- * @returns Promise resolving when bulk update is complete
- */
-export async function bulkUpdateUserRoles(updates: Array<{ id: string; role: Role }>): Promise<void> {
-  await apiClient.post('/users/bulk-update-roles', { updates });
-}
\ No newline at end of file
diff --git a/apps/web-client/src/providers/query-provider.tsx b/apps/web-client/src/providers/query-provider.tsx
deleted file mode 100644
index a5a14031..00000000
--- a/apps/web-client/src/providers/query-provider.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-'use client';
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import * as React from 'react';
-
-/**
- * EN: QueryClient configuration with caching
- * VI: Cấu hình QueryClient với caching
- */
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      // EN: Cache time: 5 minutes / VI: Thời gian cache: 5 phút
-      staleTime: 5 * 60 * 1000,
-      // EN: Cache data for 10 minutes / VI: Cache dữ liệu trong 10 phút
-      gcTime: 10 * 60 * 1000,
-      // EN: Retry failed requests / VI: Thử lại các request thất bại
-      retry: 1,
-      // EN: Refetch on window focus / VI: Refetch khi focus window
-      refetchOnWindowFocus: false,
-    },
-  },
-});
-
-/**
- * EN: QueryProvider component - Provides React Query context
- * VI: Component QueryProvider - Cung cấp context React Query
- *
- * Features:
- * - API response caching
- * - Automatic refetching
- * - Error handling
- * - Loading states
- *
- * Tính năng:
- * - Cache phản hồi API
- * - Tự động refetch
- * - Xử lý lỗi
- * - Trạng thái loading
- */
-export function QueryProvider({ children }: { children: React.ReactNode }) {
-  return (
-    <QueryClientProvider client={queryClient}>
-      {children}
-    </QueryClientProvider>
-  );
-}
diff --git a/apps/web-client/src/services/api/__tests__/api-keys.api.test.ts b/apps/web-client/src/services/api/__tests__/api-keys.api.test.ts
deleted file mode 100644
index 7fa10a83..00000000
--- a/apps/web-client/src/services/api/__tests__/api-keys.api.test.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { apiKeysApi } from '../api-keys.api';
-import { userApi } from '../user.api';
-
-vi.mock('../user.api', () => ({
-  userApi: {
-    getProfile: vi.fn(),
-    setProfileAttribute: vi.fn(),
-  },
-}));
-
-const mockedUserApi = vi.mocked(userApi);
-
-describe('apiKeysApi', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-
-    vi.stubGlobal('crypto', {
-      getRandomValues: (buffer: Uint8Array) => {
-        buffer.fill(1);
-        return buffer;
-      },
-      randomUUID: () => 'uuid-123',
-      subtle: {
-        digest: vi.fn(async () => new Uint8Array([0xde, 0xad, 0xbe, 0xef]).buffer),
-      },
-    });
-  });
-
-  it('lists active API keys and filters revoked records', async () => {
-    mockedUserApi.getProfile.mockResolvedValue({
-      success: true,
-      data: {
-        attributes: [
-          {
-            key: 'api_key_active',
-            value: JSON.stringify({
-              id: 'active',
-              name: 'Active Key',
-              keyPrefix: 'gg_active',
-              keySuffix: '1234',
-              keyHash: 'hash',
-              createdAt: '2026-01-01T00:00:00.000Z',
-              lastUsedAt: null,
-              expiresAt: null,
-              revokedAt: null,
-            }),
-            valueType: 'Json',
-          },
-          {
-            key: 'api_key_revoked',
-            value: JSON.stringify({
-              id: 'revoked',
-              name: 'Revoked Key',
-              keyPrefix: 'gg_revoked',
-              keySuffix: '5678',
-              keyHash: 'hash',
-              createdAt: '2026-01-02T00:00:00.000Z',
-              lastUsedAt: null,
-              expiresAt: null,
-              revokedAt: '2026-01-03T00:00:00.000Z',
-            }),
-            valueType: 'Json',
-          },
-        ],
-      },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    const response = await apiKeysApi.list('user-1');
-
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveLength(1);
-    expect(response.data?.[0].id).toBe('active');
-  });
-
-  it('creates API key and persists description and key record', async () => {
-    mockedUserApi.setProfileAttribute.mockResolvedValue({
-      success: true,
-      data: { key: 'any', value: 'any', valueType: 'String' },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    const response = await apiKeysApi.create('user-1', {
-      name: 'Primary key',
-      description: 'Main key for integrations',
-    });
-
-    expect(response.success).toBe(true);
-    expect(response.data?.key.startsWith('gg_')).toBe(true);
-    expect(response.data?.apiKey.id).toBe('uuid-123');
-    expect(mockedUserApi.setProfileAttribute).toHaveBeenCalledTimes(2);
-    expect(mockedUserApi.setProfileAttribute).toHaveBeenNthCalledWith(
-      1,
-      'user-1',
-      'api_key_desc_uuid-123',
-      expect.objectContaining({ value: 'Main key for integrations' })
-    );
-    expect(mockedUserApi.setProfileAttribute).toHaveBeenNthCalledWith(
-      2,
-      'user-1',
-      'api_key_uuid-123',
-      expect.objectContaining({ valueType: 'Json' })
-    );
-  });
-
-  it('revokes an existing API key record', async () => {
-    mockedUserApi.getProfile.mockResolvedValue({
-      success: true,
-      data: {
-        attributes: [
-          {
-            key: 'api_key_target',
-            value: JSON.stringify({
-              id: 'target',
-              name: 'Target Key',
-              keyPrefix: 'gg_target',
-              keySuffix: '9999',
-              keyHash: 'hash',
-              createdAt: '2026-01-01T00:00:00.000Z',
-              lastUsedAt: null,
-              expiresAt: null,
-              revokedAt: null,
-            }),
-            valueType: 'Json',
-          },
-        ],
-      },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    mockedUserApi.setProfileAttribute.mockResolvedValue({
-      success: true,
-      data: { key: 'api_key_target', value: 'revoked', valueType: 'Json' },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    const response = await apiKeysApi.delete('user-1', 'target');
-
-    expect(response.success).toBe(true);
-    expect(mockedUserApi.setProfileAttribute).toHaveBeenCalledTimes(1);
-    expect(mockedUserApi.setProfileAttribute).toHaveBeenCalledWith(
-      'user-1',
-      'api_key_target',
-      expect.objectContaining({ valueType: 'Json' })
-    );
-  });
-});
diff --git a/apps/web-client/src/services/api/__tests__/storage.api.test.ts b/apps/web-client/src/services/api/__tests__/storage.api.test.ts
deleted file mode 100644
index 4aa041f0..00000000
--- a/apps/web-client/src/services/api/__tests__/storage.api.test.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { storageApi } from '../storage.api';
-import { apiClient } from '../client';
-
-vi.mock('../client', () => ({
-  apiClient: {
-    post: vi.fn(),
-    get: vi.fn(),
-  },
-}));
-
-const mockedApiClient = vi.mocked(apiClient);
-
-describe('storageApi.uploadAvatar', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('uploads avatar and resolves CDN URL', async () => {
-    mockedApiClient.post.mockResolvedValue({
-      success: true,
-      data: {
-        success: true,
-        fileId: 'file-1',
-        objectKey: 'avatars/file-1.png',
-      },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    mockedApiClient.get.mockResolvedValue({
-      success: true,
-      data: {
-        url: 'https://cdn.goodgo.dev/avatars/file-1.png',
-        isCDN: true,
-        description: 'cdn',
-      },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    const file = new File(['avatar'], 'avatar.png', { type: 'image/png' });
-    const response = await storageApi.uploadAvatar(file);
-
-    expect(response.success).toBe(true);
-    expect(response.data?.fileId).toBe('file-1');
-    expect(response.data?.url).toBe('https://cdn.goodgo.dev/avatars/file-1.png');
-  });
-
-  it('falls back to empty URL when CDN lookup fails', async () => {
-    mockedApiClient.post.mockResolvedValue({
-      success: true,
-      data: {
-        success: true,
-        fileId: 'file-2',
-        objectKey: 'avatars/file-2.png',
-      },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    mockedApiClient.get.mockRejectedValue(new Error('cdn lookup failed'));
-
-    const file = new File(['avatar'], 'avatar.png', { type: 'image/png' });
-    const response = await storageApi.uploadAvatar(file);
-
-    expect(response.success).toBe(true);
-    expect(response.data?.fileId).toBe('file-2');
-    expect(response.data?.url).toBe('');
-  });
-
-  it('throws when upload API returns unsuccessful payload', async () => {
-    mockedApiClient.post.mockResolvedValue({
-      success: false,
-      data: {
-        success: false,
-        error: 'Upload failed',
-      },
-      error: {
-        message: 'Upload failed',
-        code: 'UPLOAD_FAILED',
-      },
-      timestamp: new Date().toISOString(),
-    } as never);
-
-    const file = new File(['avatar'], 'avatar.png', { type: 'image/png' });
-
-    await expect(storageApi.uploadAvatar(file)).rejects.toThrow('Upload failed');
-  });
-});
diff --git a/apps/web-client/src/services/api/api-keys.api.ts b/apps/web-client/src/services/api/api-keys.api.ts
deleted file mode 100644
index 1891cb46..00000000
--- a/apps/web-client/src/services/api/api-keys.api.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-import { ApiResponse } from '@goodgo/types';
-
-import { userApi } from './user.api';
-
-const API_KEY_ATTRIBUTE_PREFIX = 'api_key_';
-
-/**
- * EN: Public API key metadata exposed to UI.
- * VI: Metadata API key public cho UI.
- */
-export interface ApiKey {
-  id: string;
-  name: string;
-  keyPrefix: string;
-  keySuffix: string;
-  createdAt: string;
-  lastUsedAt: string | null;
-  expiresAt: string | null;
-}
-
-interface StoredApiKeyRecord extends ApiKey {
-  keyHash: string;
-  revokedAt: string | null;
-}
-
-interface CreateApiKeyResult {
-  apiKey: ApiKey;
-  key: string;
-}
-
-const toAttributeKey = (id: string) => `${API_KEY_ATTRIBUTE_PREFIX}${id}`;
-
-const parseStoredRecord = (value: string): StoredApiKeyRecord | null => {
-  try {
-    const parsed = JSON.parse(value) as StoredApiKeyRecord;
-    if (!parsed?.id || !parsed?.name || !parsed?.keyPrefix || !parsed?.keySuffix) {
-      return null;
-    }
-    return parsed;
-  } catch {
-    return null;
-  }
-};
-
-const createRandomApiKey = (): string => {
-  if (typeof crypto !== 'undefined' && typeof crypto.getRandomValues === 'function') {
-    const randomBuffer = new Uint8Array(24);
-    crypto.getRandomValues(randomBuffer);
-    const randomPart = Array.from(randomBuffer)
-      .map((byte) => byte.toString(16).padStart(2, '0'))
-      .join('');
-    return `gg_${randomPart}`;
-  }
-  return `gg_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
-};
-
-const hashApiKey = async (apiKey: string): Promise<string> => {
-  if (typeof crypto !== 'undefined' && crypto.subtle) {
-    const encoded = new TextEncoder().encode(apiKey);
-    const hashBuffer = await crypto.subtle.digest('SHA-256', encoded);
-    return Array.from(new Uint8Array(hashBuffer))
-      .map((byte) => byte.toString(16).padStart(2, '0'))
-      .join('');
-  }
-  return apiKey;
-};
-
-const toPublicApiKey = (record: StoredApiKeyRecord): ApiKey => ({
-  id: record.id,
-  name: record.name,
-  keyPrefix: record.keyPrefix,
-  keySuffix: record.keySuffix,
-  createdAt: record.createdAt,
-  lastUsedAt: record.lastUsedAt,
-  expiresAt: record.expiresAt,
-});
-
-/**
- * EN: API keys service persisted via profile attributes.
- * VI: Service API keys lưu trữ qua profile attributes.
- */
-export const apiKeysApi = {
-  /**
-   * EN: List active API keys.
-   * VI: Lấy danh sách API key đang hoạt động.
-   */
-  list: async (userId: string): Promise<ApiResponse<ApiKey[]>> => {
-    const profileResponse = await userApi.getProfile(userId);
-    if (!profileResponse.success || !profileResponse.data) {
-      throw new Error(profileResponse.error?.message || 'Failed to load API keys');
-    }
-
-    const records = profileResponse.data.attributes
-      .filter((attribute) => attribute.key.startsWith(API_KEY_ATTRIBUTE_PREFIX))
-      .map((attribute) => parseStoredRecord(attribute.value))
-      .filter((record): record is StoredApiKeyRecord => !!record && !record.revokedAt)
-      .sort((left, right) => Date.parse(right.createdAt) - Date.parse(left.createdAt))
-      .map(toPublicApiKey);
-
-    return {
-      success: true,
-      data: records,
-      timestamp: new Date().toISOString(),
-    };
-  },
-
-  /**
-   * EN: Create API key and return full key once.
-   * VI: Tạo API key và trả full key duy nhất một lần.
-   */
-  create: async (
-    userId: string,
-    payload: { name: string; description?: string }
-  ): Promise<ApiResponse<CreateApiKeyResult>> => {
-    const fullKey = createRandomApiKey();
-    const keyHash = await hashApiKey(fullKey);
-    const keyId = typeof crypto !== 'undefined' && 'randomUUID' in crypto
-      ? crypto.randomUUID()
-      : `${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
-
-    const record: StoredApiKeyRecord = {
-      id: keyId,
-      name: payload.name.trim(),
-      keyPrefix: fullKey.slice(0, 8),
-      keySuffix: fullKey.slice(-4),
-      keyHash,
-      createdAt: new Date().toISOString(),
-      lastUsedAt: null,
-      expiresAt: null,
-      revokedAt: null,
-    };
-
-    if (payload.description?.trim()) {
-      await userApi.setProfileAttribute(userId, `api_key_desc_${keyId}`, {
-        value: payload.description.trim(),
-        valueType: 'String',
-      });
-    }
-
-    await userApi.setProfileAttribute(userId, toAttributeKey(keyId), {
-      value: JSON.stringify(record),
-      valueType: 'Json',
-    });
-
-    return {
-      success: true,
-      data: {
-        apiKey: toPublicApiKey(record),
-        key: fullKey,
-      },
-      timestamp: new Date().toISOString(),
-    };
-  },
-
-  /**
-   * EN: Revoke API key by marking profile attribute as revoked.
-   * VI: Thu hồi API key bằng cách đánh dấu revoked trong profile attribute.
-   */
-  delete: async (userId: string, keyId: string): Promise<ApiResponse<void>> => {
-    const profileResponse = await userApi.getProfile(userId);
-    if (!profileResponse.success || !profileResponse.data) {
-      throw new Error(profileResponse.error?.message || 'Failed to load API key');
-    }
-
-    const targetAttribute = profileResponse.data.attributes.find(
-      (attribute) => attribute.key === toAttributeKey(keyId)
-    );
-
-    if (!targetAttribute) {
-      return {
-        success: true,
-        timestamp: new Date().toISOString(),
-      };
-    }
-
-    const record = parseStoredRecord(targetAttribute.value);
-    if (!record) {
-      throw new Error('Corrupted API key data');
-    }
-
-    const revokedRecord: StoredApiKeyRecord = {
-      ...record,
-      revokedAt: new Date().toISOString(),
-    };
-
-    await userApi.setProfileAttribute(userId, toAttributeKey(keyId), {
-      value: JSON.stringify(revokedRecord),
-      valueType: 'Json',
-    });
-
-    return {
-      success: true,
-      timestamp: new Date().toISOString(),
-    };
-  },
-};
diff --git a/apps/web-client/src/services/api/auth.api.ts b/apps/web-client/src/services/api/auth.api.ts
deleted file mode 100644
index 38cfb7b1..00000000
--- a/apps/web-client/src/services/api/auth.api.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-import { LoginDto, RegisterDto, AuthResponse, ApiResponse, UserResponse } from '@goodgo/types';
-
-import { apiClient } from './client';
-
-/**
- * EN: Authentication API service for frontend
- * VI: Service API xác thực cho frontend
- */
-export const authApi = {
-  /**
-   * EN: Register new user account
-   * VI: Đăng ký tài khoản người dùng mới
-   */
-  register: async (data: RegisterDto): Promise<ApiResponse<AuthResponse>> => {
-    return apiClient.post('/auth/register', data);
-  },
-
-  /**
-   * EN: Login user and store tokens
-   * VI: Đăng nhập người dùng và lưu tokens
-   */
-  login: async (data: LoginDto): Promise<ApiResponse<AuthResponse>> => {
-    const response = await apiClient.post('/auth/login', data);
-    // EN: Store tokens in client and localStorage on successful login
-    // VI: Lưu tokens trong client và localStorage khi đăng nhập thành công
-    if (response.success && response.data) {
-      apiClient.setAuthToken(response.data.accessToken);
-      if (typeof window !== 'undefined') {
-        localStorage.setItem('refreshToken', response.data.refreshToken);
-      }
-    }
-    return response;
-  },
-
-  /**
-   * EN: Logout user and clear tokens
-   * VI: Đăng xuất người dùng và xóa tokens
-   */
-  logout: async (): Promise<ApiResponse> => {
-    // EN: Get refresh token from localStorage for logout request
-    // VI: Lấy refresh token từ localStorage cho request logout
-    const refreshToken = typeof window !== 'undefined' ? localStorage.getItem('refreshToken') : null;
-    const response = await apiClient.post('/auth/logout', { refreshToken });
-    // EN: Clear tokens from client and localStorage
-    // VI: Xóa tokens khỏi client và localStorage
-    apiClient.removeAuthToken();
-    if (typeof window !== 'undefined') {
-      localStorage.removeItem('refreshToken');
-    }
-    return response;
-  },
-
-  /**
-   * EN: Refresh access token using refresh token
-   * VI: Làm mới access token sử dụng refresh token
-   */
-  refreshToken: async (refreshToken: string): Promise<ApiResponse<{ accessToken: string }>> => {
-    const response = await apiClient.post('/auth/refresh', { refreshToken });
-    // EN: Update access token in client on successful refresh
-    // VI: Cập nhật access token trong client khi refresh thành công
-    if (response.success && response.data) {
-      apiClient.setAuthToken(response.data.accessToken);
-    }
-    return response;
-  },
-
-  /**
-   * EN: Get current authenticated user profile
-   * VI: Lấy hồ sơ người dùng đã xác thực hiện tại
-   */
-  getMe: async (): Promise<ApiResponse<UserResponse>> => {
-    return apiClient.get('/identity/profile');
-  },
-
-  /**
-   * EN: Change user password
-   * VI: Thay đổi mật khẩu người dùng
-   */
-  changePassword: async (currentPassword: string, newPassword: string): Promise<ApiResponse> => {
-    return apiClient.post('/auth/change-password', { currentPassword, newPassword });
-  },
-
-  /**
-   * EN: Request password reset link via email
-   * VI: Yêu cầu link đặt lại mật khẩu qua email
-   */
-  forgotPassword: async (email: string): Promise<ApiResponse> => {
-    return apiClient.post('/auth/forgot-password', { email });
-  },
-
-  /**
-   * EN: Reset password using reset token
-   * VI: Đặt lại mật khẩu sử dụng reset token
-   */
-  resetPassword: async (token: string, newPassword: string): Promise<ApiResponse> => {
-    return apiClient.post('/auth/reset-password', { token, newPassword });
-  },
-
-  /**
-   * EN: Authenticate with OAuth token from callback
-   * VI: Xác thực với OAuth token từ callback
-   */
-  oauthLogin: async (accessToken: string): Promise<ApiResponse<AuthResponse>> => {
-    // EN: Set the token in the client
-    // VI: Đặt token trong client
-    apiClient.setAuthToken(accessToken);
-
-    // EN: Fetch user profile to complete authentication
-    // VI: Lấy thông tin user để hoàn tất xác thực
-    const userResponse = await apiClient.get('/identity/profile');
-
-    if (userResponse.success && userResponse.data) {
-      // EN: Store refresh token if available (OAuth might not provide refresh token)
-      // VI: Lưu refresh token nếu có (OAuth có thể không cung cấp refresh token)
-      // Note: For OAuth, we only have access token, refresh token handling depends on backend
-      // Ghi chú: Đối với OAuth, chúng ta chỉ có access token, xử lý refresh token phụ thuộc vào backend
-
-      return {
-        success: true,
-        data: {
-          accessToken,
-          refreshToken: '', // EN: OAuth may not provide refresh token / VI: OAuth có thể không cung cấp refresh token
-          user: userResponse.data,
-        },
-        timestamp: new Date().toISOString(),
-      };
-    }
-
-    throw new Error('Failed to fetch user profile / Không thể lấy thông tin người dùng');
-  },
-
-  /**
-   * EN: Enable TOTP and get QR code
-   * VI: Bật TOTP và lấy mã QR
-   */
-  enableTOTP: async (): Promise<ApiResponse<{ secret: string; qrCodeUrl: string }>> => {
-    return apiClient.post('/mfa/totp/enable', {});
-  },
-
-  /**
-   * EN: Verify and enable TOTP with token
-   * VI: Xác thực và bật TOTP với token
-   */
-  verifyAndEnableTOTP: async (secret: string, token: string): Promise<ApiResponse> => {
-    return apiClient.post('/mfa/totp/verify', { secret, token });
-  },
-
-  /**
-   * EN: Disable MFA
-   * VI: Tắt MFA
-   */
-  disableMFA: async (): Promise<ApiResponse> => {
-    return apiClient.post('/mfa/disable', {});
-  },
-
-  /**
-   * EN: Get MFA devices
-   * VI: Lấy thiết bị MFA
-   */
-  getMFADevices: async (): Promise<ApiResponse<Array<{ id: string; type: string; name: string; lastUsedAt: string | null; createdAt: string }>>> => {
-    return apiClient.get('/mfa/devices');
-  },
-
-  /**
-   * EN: Get user sessions
-   * VI: Lấy sessions của người dùng
-   */
-  getSessions: async (): Promise<ApiResponse<Array<{ id: string; deviceName: string | null; ipAddress: string | null; lastActivityAt: string | null; createdAt: string; expiresAt: string | null }>>> => {
-    return apiClient.get('/sessions');
-  },
-
-  /**
-   * EN: Revoke a session
-   * VI: Thu hồi một session
-   */
-  revokeSession: async (sessionId: string): Promise<ApiResponse> => {
-    return apiClient.delete(`/sessions/${sessionId}`);
-  },
-
-  /**
-   * EN: Revoke all sessions
-   * VI: Thu hồi tất cả sessions
-   */
-  revokeAllSessions: async (): Promise<ApiResponse> => {
-    return apiClient.delete('/sessions');
-  },
-};
diff --git a/apps/web-client/src/services/api/client.ts b/apps/web-client/src/services/api/client.ts
deleted file mode 100644
index 479d55d9..00000000
--- a/apps/web-client/src/services/api/client.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { createHttpClient } from '@goodgo/http-client';
-
-// EN: Get API base URL from environment or use default
-// VI: Lấy API base URL từ environment hoặc sử dụng mặc định
-const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost/api/v1';
-
-/**
- * EN: HTTP client instance configured for API calls
- * VI: Instance HTTP client đã cấu hình cho API calls
- */
-export const apiClient = createHttpClient({
-  baseURL: API_URL,
-  timeout: 30000, // EN: 30 second timeout / VI: Timeout 30 giây
-});
diff --git a/apps/web-client/src/services/api/storage.api.ts b/apps/web-client/src/services/api/storage.api.ts
deleted file mode 100644
index 40c2207c..00000000
--- a/apps/web-client/src/services/api/storage.api.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { ApiResponse } from '@goodgo/types';
-
-import { apiClient } from './client';
-
-/**
- * EN: Raw upload response from storage service.
- * VI: Response upload thô từ storage service.
- */
-interface UploadFileResult {
-  success: boolean;
-  fileId?: string;
-  objectKey?: string;
-  error?: string;
-}
-
-/**
- * EN: CDN URL response payload.
- * VI: Payload response URL CDN.
- */
-interface CdnUrlResult {
-  url: string;
-  isCDN: boolean;
-  description: string;
-}
-
-/**
- * EN: Normalized avatar upload response.
- * VI: Response upload avatar đã chuẩn hóa.
- */
-export interface UploadAvatarResult {
-  fileId: string;
-  objectKey?: string;
-  url: string;
-}
-
-/**
- * EN: Storage API for avatar upload flow.
- * VI: Storage API cho luồng upload avatar.
- */
-export const storageApi = {
-  /**
-   * EN: Upload avatar as a public file and resolve CDN/fallback URL.
-   * VI: Upload avatar ở chế độ public và lấy URL CDN/fallback.
-   */
-  uploadAvatar: async (file: File): Promise<ApiResponse<UploadAvatarResult>> => {
-    const formData = new FormData();
-    formData.append('file', file);
-
-    const uploadResponse = await apiClient.post<UploadFileResult>(
-      '/files/upload?accessLevel=public',
-      formData,
-      {
-        headers: {
-          'Content-Type': 'multipart/form-data',
-        },
-      }
-    );
-
-    const uploadedFileId = uploadResponse.data?.fileId;
-    if (!uploadResponse.success || !uploadResponse.data?.success || !uploadedFileId) {
-      throw new Error(
-        uploadResponse.data?.error ||
-          uploadResponse.error?.message ||
-          'Failed to upload avatar'
-      );
-    }
-
-    let resolvedUrl = '';
-    try {
-      const cdnUrlResponse = await apiClient.get<CdnUrlResult>(
-        `/files/${uploadedFileId}/cdn-url`
-      );
-      resolvedUrl = cdnUrlResponse.data?.url ?? '';
-    } catch {
-      // EN: Fallback keeps profile update possible even if CDN URL fetch fails.
-      // VI: Fallback vẫn cho phép cập nhật profile nếu lấy CDN URL thất bại.
-      resolvedUrl = '';
-    }
-
-    return {
-      success: true,
-      data: {
-        fileId: uploadedFileId,
-        objectKey: uploadResponse.data.objectKey,
-        url: resolvedUrl,
-      },
-      timestamp: new Date().toISOString(),
-    };
-  },
-};
diff --git a/apps/web-client/src/services/api/user.api.ts b/apps/web-client/src/services/api/user.api.ts
deleted file mode 100644
index 3543562d..00000000
--- a/apps/web-client/src/services/api/user.api.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { ApiResponse } from '@goodgo/types';
-
-import { apiClient } from './client';
-
-/**
- * EN: User profile interface
- * VI: Interface profile người dùng
- */
-export interface UserProfile {
-  id: string;
-  userId: string;
-  bio?: string;
-  avatarUrl?: string;
-  timezone?: string;
-  locale?: string;
-  phoneNumber?: {
-    countryCode: string;
-    nationalNumber: string;
-  };
-  attributes: Array<{
-    key: string;
-    value: string;
-    valueType: string;
-  }>;
-  createdAt: string;
-  updatedAt?: string;
-}
-
-/**
- * EN: Update user profile DTO
- * VI: DTO cập nhật profile người dùng
- */
-export interface UpdateUserProfileDto {
-  bio?: string;
-  timezone?: string;
-  locale?: string;
-  avatarUrl?: string | null;
-}
-
-/**
- * EN: Set profile attribute DTO.
- * VI: DTO đặt thuộc tính profile.
- */
-export interface SetProfileAttributeDto {
-  value: string;
-  valueType?: 'String' | 'Number' | 'Boolean' | 'Date' | 'Json';
-}
-
-/**
- * EN: User API service for profile management
- * VI: Service API người dùng để quản lý profile
- */
-export const userApi = {
-  /**
-   * EN: Get user profile by user ID
-   * VI: Lấy profile người dùng theo user ID
-   *
-   * @param userId - User ID / ID người dùng
-   */
-  getProfile: async (userId: string): Promise<ApiResponse<UserProfile>> => {
-    return apiClient.get(`/users/${userId}/profile`);
-  },
-
-  /**
-   * EN: Update user profile
-   * VI: Cập nhật profile người dùng
-   *
-   * @param userId - User ID / ID người dùng
-   * @param data - Profile data to update / Dữ liệu profile cần cập nhật
-   */
-  updateProfile: async (
-    userId: string,
-    data: UpdateUserProfileDto
-  ): Promise<ApiResponse<UserProfile>> => {
-    return apiClient.put(`/users/${userId}/profile`, data);
-  },
-
-  /**
-   * EN: Set custom profile attribute.
-   * VI: Đặt thuộc tính tùy chỉnh cho profile.
-   */
-  setProfileAttribute: async (
-    userId: string,
-    key: string,
-    payload: SetProfileAttributeDto
-  ): Promise<ApiResponse<{ key: string; value: string; valueType: string }>> => {
-    return apiClient.put(
-      `/users/${userId}/profile/attributes/${encodeURIComponent(key)}`,
-      {
-        value: payload.value,
-        valueType: payload.valueType ?? 'String',
-      }
-    );
-  },
-
-  /**
-   * EN: Upload avatar image
-   * VI: Upload ảnh avatar
-   *
-   * @param userId - User ID / ID người dùng
-   * @param avatarUrl - Avatar URL / URL avatar
-   */
-  uploadAvatar: async (
-    userId: string,
-    avatarUrl: string
-  ): Promise<ApiResponse<UserProfile>> => {
-    return apiClient.put(`/users/${userId}/profile`, { avatarUrl });
-  },
-
-  /**
-   * EN: Delete avatar
-   * VI: Xóa avatar
-   *
-   * @param userId - User ID / ID người dùng
-   */
-  deleteAvatar: async (userId: string): Promise<ApiResponse> => {
-    return apiClient.put(`/users/${userId}/profile`, { avatarUrl: null });
-  },
-};
diff --git a/apps/web-client/src/stores/__tests__/auth-store.test.ts b/apps/web-client/src/stores/__tests__/auth-store.test.ts
deleted file mode 100644
index ed2ca60b..00000000
--- a/apps/web-client/src/stores/__tests__/auth-store.test.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { useAuthStore } from '../auth-store';
-
-/**
- * EN: Auth store unit tests
- * VI: Unit tests cho auth store
- */
-describe('AuthStore', () => {
-  beforeEach(() => {
-    // EN: Reset store state before each test / VI: Reset state store trước mỗi test
-    useAuthStore.setState({
-      user: null,
-      isAuthenticated: false,
-      isLoading: false,
-      error: null,
-    });
-  });
-
-  it('initializes with default state', () => {
-    const state = useAuthStore.getState();
-    expect(state.user).toBeNull();
-    expect(state.isAuthenticated).toBe(false);
-    expect(state.isLoading).toBe(false);
-  });
-
-  it('sets user on login', async () => {
-    const mockUser = {
-      id: '1',
-      email: 'test@example.com',
-      role: 'user',
-    };
-
-    // EN: Mock login function / VI: Mock hàm login
-    const login = useAuthStore.getState().login;
-    // EN: Note: This is a simplified test - actual implementation would require API mocking
-    // VI: Lưu ý: Đây là test đơn giản - implementation thực tế sẽ cần mock API
-    expect(login).toBeDefined();
-  });
-
-  it('clears user on logout', () => {
-    const logout = useAuthStore.getState().logout;
-    expect(logout).toBeDefined();
-  });
-});
diff --git a/apps/web-client/src/stores/__tests__/chat-store.test.ts b/apps/web-client/src/stores/__tests__/chat-store.test.ts
deleted file mode 100644
index 212d2463..00000000
--- a/apps/web-client/src/stores/__tests__/chat-store.test.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { useChatStore, MessageSender, MessageStatus } from '../chat-store';
-
-/**
- * EN: Chat store unit tests
- * VI: Unit tests cho chat store
- */
-describe('ChatStore', () => {
-  beforeEach(() => {
-    // EN: Reset store state before each test / VI: Reset state store trước mỗi test
-    useChatStore.setState({
-      conversations: [],
-      messages: {},
-      currentConversationId: null,
-      isLoading: false,
-      error: null,
-    });
-  });
-
-  it('initializes with default state', () => {
-    const state = useChatStore.getState();
-    expect(state.conversations).toEqual([]);
-    expect(state.messages).toEqual({});
-    expect(state.currentConversationId).toBeNull();
-  });
-
-  it('creates new conversation', () => {
-    const createConversation = useChatStore.getState().createConversation;
-    const conversationId = createConversation('Test Conversation');
-    
-    expect(conversationId).toBeDefined();
-    const state = useChatStore.getState();
-    expect(state.conversations.length).toBe(1);
-    expect(state.conversations[0].title).toBe('Test Conversation');
-  });
-
-  it('selects conversation', () => {
-    const createConversation = useChatStore.getState().createConversation;
-    const selectConversation = useChatStore.getState().selectConversation;
-    
-    const conversationId = createConversation('Test');
-    selectConversation(conversationId);
-    
-    const state = useChatStore.getState();
-    expect(state.currentConversationId).toBe(conversationId);
-  });
-});
diff --git a/apps/web-client/src/stores/__tests__/users-store.test.ts b/apps/web-client/src/stores/__tests__/users-store.test.ts
deleted file mode 100644
index a704f57a..00000000
--- a/apps/web-client/src/stores/__tests__/users-store.test.ts
+++ /dev/null
@@ -1,306 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { useUsersStore } from '../users-store';
-
-// Mock the API functions
-vi.mock('../../lib/api/users', () => ({
-  getUsers: vi.fn(),
-  getUser: vi.fn(),
-  createUser: vi.fn(),
-  updateUser: vi.fn(),
-  deleteUser: vi.fn(),
-  bulkDeleteUsers: vi.fn(),
-  bulkUpdateUserRoles: vi.fn(),
-}));
-
-import {
-  getUsers,
-  getUser,
-  createUser,
-  updateUser,
-  deleteUser,
-  bulkDeleteUsers,
-  bulkUpdateUserRoles,
-} from '../../lib/api/users';
-
-/**
- * EN: Users store unit tests
- * VI: Unit tests cho users store
- */
-describe('UsersStore', () => {
-  beforeEach(() => {
-    // Reset store state before each test
-    useUsersStore.setState({
-      users: [],
-      currentUser: null,
-      pagination: null,
-      isLoading: false,
-      isLoadingUser: false,
-      error: null,
-    });
-
-    // Reset all mocks
-    vi.clearAllMocks();
-  });
-
-  describe('initial state', () => {
-    it('initializes with default state', () => {
-      const state = useUsersStore.getState();
-      expect(state.users).toEqual([]);
-      expect(state.currentUser).toBeNull();
-      expect(state.pagination).toBeNull();
-      expect(state.isLoading).toBe(false);
-      expect(state.isLoadingUser).toBe(false);
-      expect(state.error).toBeNull();
-    });
-  });
-
-  describe('fetchUsers', () => {
-    it('sets loading state and fetches users successfully', async () => {
-      const mockResponse = {
-        data: [
-          {
-            id: '1',
-            email: 'user1@example.com',
-            role: 'USER',
-            isActive: true,
-            createdAt: '2024-01-01T00:00:00Z',
-            updatedAt: '2024-01-01T00:00:00Z',
-          },
-        ],
-        pagination: {
-          page: 1,
-          limit: 10,
-          total: 1,
-          totalPages: 1,
-        },
-      };
-
-      (getUsers as any).mockResolvedValue(mockResponse);
-
-      const { fetchUsers } = useUsersStore.getState();
-      await fetchUsers();
-
-      const state = useUsersStore.getState();
-      expect(state.isLoading).toBe(false);
-      expect(state.users).toEqual(mockResponse.data);
-      expect(state.pagination).toEqual(mockResponse.pagination);
-      expect(state.error).toBeNull();
-    });
-
-    it('handles fetch users error', async () => {
-      const mockError = new Error('Failed to fetch users');
-      (getUsers as any).mockRejectedValue(mockError);
-
-      const { fetchUsers } = useUsersStore.getState();
-      await expect(fetchUsers()).rejects.toThrow('Failed to fetch users');
-
-      const state = useUsersStore.getState();
-      expect(state.isLoading).toBe(false);
-      expect(state.users).toEqual([]);
-      expect(state.error).toBe('Failed to fetch users');
-    });
-  });
-
-  describe('fetchUser', () => {
-    it('fetches single user successfully', async () => {
-      const mockUser = {
-        id: '1',
-        email: 'user1@example.com',
-        role: 'USER',
-        isActive: true,
-        createdAt: '2024-01-01T00:00:00Z',
-        updatedAt: '2024-01-01T00:00:00Z',
-      };
-
-      (getUser as any).mockResolvedValue(mockUser);
-
-      const { fetchUser } = useUsersStore.getState();
-      await fetchUser('1');
-
-      const state = useUsersStore.getState();
-      expect(state.isLoadingUser).toBe(false);
-      expect(state.currentUser).toEqual(mockUser);
-      expect(state.error).toBeNull();
-    });
-
-    it('handles fetch user error', async () => {
-      const mockError = new Error('User not found');
-      (getUser as any).mockRejectedValue(mockError);
-
-      const { fetchUser } = useUsersStore.getState();
-      await expect(fetchUser('1')).rejects.toThrow('User not found');
-
-      const state = useUsersStore.getState();
-      expect(state.isLoadingUser).toBe(false);
-      expect(state.currentUser).toBeNull();
-      expect(state.error).toBe('User not found');
-    });
-  });
-
-  describe('createUser', () => {
-    it('creates user successfully and adds to list', async () => {
-      const newUser = {
-        id: '3',
-        email: 'user3@example.com',
-        role: 'USER',
-        isActive: true,
-        createdAt: '2024-01-03T00:00:00Z',
-        updatedAt: '2024-01-03T00:00:00Z',
-      };
-
-      const existingUsers = [
-        {
-          id: '1',
-          email: 'user1@example.com',
-          role: 'USER',
-          isActive: true,
-          createdAt: '2024-01-01T00:00:00Z',
-          updatedAt: '2024-01-01T00:00:00Z',
-        },
-        {
-          id: '2',
-          email: 'user2@example.com',
-          role: 'USER',
-          isActive: true,
-          createdAt: '2024-01-02T00:00:00Z',
-          updatedAt: '2024-01-02T00:00:00Z',
-        },
-      ];
-
-      // Set initial state with existing users
-      useUsersStore.setState({ users: existingUsers });
-
-      (createUser as any).mockResolvedValue(newUser);
-
-      const createData = {
-        email: 'user3@example.com',
-        password: 'password123',
-        role: 'USER' as const,
-      };
-
-      const { createUser: createUserAction } = useUsersStore.getState();
-      const result = await createUserAction(createData);
-
-      expect(result).toEqual(newUser);
-
-      const state = useUsersStore.getState();
-      expect(state.isLoadingUser).toBe(false);
-      expect(state.users).toHaveLength(2);
-      expect(state.users[0].id).toBe('1');
-    });
-  });
-
-  describe('updateUser', () => {
-    it('updates user successfully', async () => {
-      const existingUser = {
-        id: '1',
-        email: 'user1@example.com',
-        role: 'USER',
-        isActive: true,
-        createdAt: '2024-01-01T00:00:00Z',
-        updatedAt: '2024-01-01T00:00:00Z',
-      };
-
-      const updatedUser = {
-        ...existingUser,
-        email: 'updated@example.com',
-        role: 'ADMIN',
-      };
-
-      useUsersStore.setState({
-        users: [existingUser],
-        currentUser: existingUser,
-      });
-
-      (updateUser as any).mockResolvedValue(updatedUser);
-
-      const updateData = {
-        email: 'updated@example.com',
-        role: 'ADMIN' as const,
-        isActive: true,
-      };
-
-      const { updateUser: updateUserAction } = useUsersStore.getState();
-      const result = await updateUserAction('1', updateData);
-
-      expect(result).toEqual(updatedUser);
-
-      const state = useUsersStore.getState();
-      expect(state.isLoadingUser).toBe(false);
-      expect(state.users[0]).toEqual(updatedUser);
-      expect(state.currentUser).toEqual(updatedUser);
-    });
-  });
-
-  describe('deleteUser', () => {
-    it('deletes user successfully', async () => {
-      const userToDelete = {
-        id: '2',
-        email: 'user2@example.com',
-        role: 'USER',
-        isActive: true,
-        createdAt: '2024-01-02T00:00:00Z',
-        updatedAt: '2024-01-02T00:00:00Z',
-      };
-
-      const users = [
-        {
-          id: '1',
-          email: 'user1@example.com',
-          role: 'USER',
-          isActive: true,
-          createdAt: '2024-01-01T00:00:00Z',
-          updatedAt: '2024-01-01T00:00:00Z',
-        },
-        userToDelete,
-      ];
-
-      useUsersStore.setState({ users, currentUser: userToDelete });
-
-      (deleteUser as any).mockResolvedValue(undefined);
-
-      const { deleteUser: deleteUserAction } = useUsersStore.getState();
-      await deleteUserAction('2');
-
-      const state = useUsersStore.getState();
-      expect(state.isLoadingUser).toBe(false);
-      expect(state.users).toHaveLength(1);
-      expect(state.users[0].id).toBe('1');
-      expect(state.currentUser).toBeNull();
-    });
-  });
-
-  describe('error handling', () => {
-    it('clears error state', () => {
-      useUsersStore.setState({ error: 'Test error' });
-      const { clearError } = useUsersStore.getState();
-
-      clearError();
-
-      const state = useUsersStore.getState();
-      expect(state.error).toBeNull();
-    });
-
-    it('resets store to initial state', () => {
-      useUsersStore.setState({
-        users: [{ id: '1', email: 'test@example.com', role: 'USER', isActive: true, createdAt: '', updatedAt: '' }],
-        currentUser: { id: '1', email: 'test@example.com', role: 'USER', isActive: true, createdAt: '', updatedAt: '' },
-        pagination: { page: 1, limit: 10, total: 1, totalPages: 1 },
-        isLoading: true,
-        isLoadingUser: true,
-        error: 'Test error',
-      });
-
-      const { reset } = useUsersStore.getState();
-      reset();
-
-      const state = useUsersStore.getState();
-      expect(state.users).toEqual([]);
-      expect(state.currentUser).toBeNull();
-      expect(state.pagination).toBeNull();
-      expect(state.isLoading).toBe(false);
-      expect(state.isLoadingUser).toBe(false);
-      expect(state.error).toBeNull();
-    });
-  });
-});
\ No newline at end of file
diff --git a/apps/web-client/src/stores/auth-store.ts b/apps/web-client/src/stores/auth-store.ts
deleted file mode 100644
index 7a2001bf..00000000
--- a/apps/web-client/src/stores/auth-store.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-import { UserResponse } from '@goodgo/types';
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
-
-import { authApi } from '../services/api/auth.api';
-
-/**
- * EN: Authentication state interface for Zustand store
- * VI: Interface trạng thái xác thực cho Zustand store
- */
-interface AuthState {
-  /** EN: Current authenticated user / VI: Người dùng đã xác thực hiện tại */
-  user: UserResponse | null;
-  /** EN: Authentication status / VI: Trạng thái xác thực */
-  isAuthenticated: boolean;
-  /** EN: Loading state for async operations / VI: Trạng thái loading cho async operations */
-  isLoading: boolean;
-  /** EN: Login method / VI: Method đăng nhập */
-  login: (email: string, password: string) => Promise<void>;
-  /** EN: Register method / VI: Method đăng ký */
-  register: (email: string, password: string, confirmPassword: string) => Promise<void>;
-  /** EN: Logout method / VI: Method đăng xuất */
-  logout: () => Promise<void>;
-  /** EN: Fetch current user method / VI: Method lấy thông tin user hiện tại */
-  fetchUser: () => Promise<void>;
-  /** EN: OAuth login method / VI: Method đăng nhập OAuth */
-  oauthLogin: (accessToken: string) => Promise<void>;
-  /** EN: Update profile method / VI: Method cập nhật profile */
-  updateProfile: (data: Partial<UserResponse>) => void;
-}
-
-/**
- * EN: Zustand store for authentication state management with persistence
- * VI: Zustand store để quản lý trạng thái xác thực với persistence
- *
- * Features:
- * - User state management (authenticated user data)
- * - Authentication status tracking
- * - Loading states for async operations
- * - Login, register, logout operations
- * - OAuth authentication support
- * - Persistent storage with localStorage (user and auth status only)
- */
-export const useAuthStore = create<AuthState>()(
-  persist(
-    (set) => ({
-      user: null,
-      isAuthenticated: false,
-      isLoading: false,
-
-      /**
-       * EN: Login user and update store state
-       * VI: Đăng nhập người dùng và cập nhật trạng thái store
-       *
-       * @param email - User email address / Địa chỉ email người dùng
-       * @param password - User password / Mật khẩu người dùng
-       * @throws Error if login fails / Ném lỗi nếu đăng nhập thất bại
-       */
-      login: async (email: string, password: string) => {
-        set({ isLoading: true });
-        try {
-          const response = await authApi.login({ email, password });
-          if (response.success && response.data) {
-            set({
-              user: response.data.user,
-              isAuthenticated: true,
-              isLoading: false,
-            });
-          } else {
-            throw new Error(response.error?.message || 'Login failed');
-          }
-        } catch (error) {
-          set({ isLoading: false });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Register new user and update store state
-       * VI: Đăng ký người dùng mới và cập nhật trạng thái store
-       *
-       * @param email - User email address / Địa chỉ email người dùng
-       * @param password - User password / Mật khẩu người dùng
-       * @param confirmPassword - Password confirmation / Xác nhận mật khẩu
-       * @throws Error if registration fails / Ném lỗi nếu đăng ký thất bại
-       */
-      register: async (email: string, password: string, confirmPassword: string) => {
-        set({ isLoading: true });
-        try {
-          const response = await authApi.register({ email, password, confirmPassword });
-          if (response.success && response.data) {
-            set({
-              user: response.data.user,
-              isAuthenticated: true,
-              isLoading: false,
-            });
-          } else {
-            throw new Error(response.error?.message || 'Registration failed');
-          }
-        } catch (error) {
-          set({ isLoading: false });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Logout user and clear store state
-       * VI: Đăng xuất người dùng và xóa trạng thái store
-       *
-       * Clears tokens and user data from both store and localStorage
-       * Xóa tokens và dữ liệu người dùng khỏi cả store và localStorage
-       */
-      logout: async () => {
-        try {
-          await authApi.logout();
-        } finally {
-          // EN: Always clear state even if logout API call fails
-          // VI: Luôn xóa trạng thái ngay cả khi API call logout thất bại
-          set({
-            user: null,
-            isAuthenticated: false,
-          });
-        }
-      },
-
-      /**
-       * EN: Fetch current user profile from API
-       * VI: Lấy hồ sơ người dùng hiện tại từ API
-       *
-       * Used for checking authentication status on app initialization
-       * Được sử dụng để kiểm tra trạng thái xác thực khi khởi tạo ứng dụng
-       */
-      fetchUser: async () => {
-        set({ isLoading: true });
-        try {
-          const response = await authApi.getMe();
-          if (response.success && response.data) {
-            set({
-              user: response.data,
-              isAuthenticated: true,
-              isLoading: false,
-            });
-          } else {
-            // EN: Clear state if user fetch fails (token might be invalid)
-            // VI: Xóa trạng thái nếu fetch user thất bại (token có thể không hợp lệ)
-            set({
-              user: null,
-              isAuthenticated: false,
-              isLoading: false,
-            });
-          }
-        } catch (error) {
-          // EN: Clear user state on fetch failure (token expired or invalid)
-          // VI: Xóa trạng thái user khi fetch thất bại (token hết hạn hoặc không hợp lệ)
-          set({
-            user: null,
-            isAuthenticated: false,
-            isLoading: false,
-          });
-        }
-      },
-
-      /**
-       * EN: Login with OAuth token from callback
-       * VI: Đăng nhập với OAuth token từ callback
-       *
-       * @param accessToken - OAuth access token / OAuth access token
-       * @throws Error if OAuth login fails / Ném lỗi nếu đăng nhập OAuth thất bại
-       */
-      oauthLogin: async (accessToken: string) => {
-        set({ isLoading: true });
-        try {
-          const response = await authApi.oauthLogin(accessToken);
-          if (response.success && response.data) {
-            // EN: Store refresh token if provided
-            // VI: Lưu refresh token nếu được cung cấp
-            if (response.data.refreshToken && typeof window !== 'undefined') {
-              localStorage.setItem('refreshToken', response.data.refreshToken);
-            }
-            set({
-              user: response.data.user,
-              isAuthenticated: true,
-              isLoading: false,
-            });
-          } else {
-            throw new Error(response.error?.message || 'OAuth login failed / Đăng nhập OAuth thất bại');
-          }
-        } catch (error) {
-          set({ isLoading: false });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Update user profile in store
-       * VI: Cập nhật hồ sơ người dùng trong store
-       *
-       * @param data - Updated user data / Dữ liệu người dùng đã cập nhật
-       */
-      updateProfile: (data: Partial<UserResponse>) => {
-        set((state) => ({
-          user: state.user ? { ...state.user, ...data } : null,
-        }));
-      },
-    }),
-    {
-      // EN: Persist auth state to localStorage
-      // VI: Persist trạng thái auth vào localStorage
-      name: 'auth-storage',
-      // EN: Only persist user and isAuthenticated, exclude isLoading
-      // VI: Chỉ persist user và isAuthenticated, loại trừ isLoading
-      partialize: (state) => ({ user: state.user, isAuthenticated: state.isAuthenticated }),
-    }
-  )
-);
diff --git a/apps/web-client/src/stores/chat-store.ts b/apps/web-client/src/stores/chat-store.ts
deleted file mode 100644
index fbe578f9..00000000
--- a/apps/web-client/src/stores/chat-store.ts
+++ /dev/null
@@ -1,560 +0,0 @@
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
-
-import { WebSocketClient, WebSocketState, WebSocketMessage, WebSocketMessageType } from '../features/chat/lib/websocket';
-
-/**
- * EN: Message sender type
- * VI: Loại người gửi tin nhắn
- */
-export enum MessageSender {
-  /** EN: User message / VI: Tin nhắn từ người dùng */
-  USER = 'user',
-  /** EN: AI/Assistant message / VI: Tin nhắn từ AI/Assistant */
-  ASSISTANT = 'assistant',
-  /** EN: System message / VI: Tin nhắn hệ thống */
-  SYSTEM = 'system',
-}
-
-/**
- * EN: Message status
- * VI: Trạng thái tin nhắn
- */
-export enum MessageStatus {
-  /** EN: Message is sending / VI: Tin nhắn đang được gửi */
-  SENDING = 'sending',
-  /** EN: Message is sent / VI: Tin nhắn đã được gửi */
-  SENT = 'sent',
-  /** EN: Message failed to send / VI: Gửi tin nhắn thất bại */
-  FAILED = 'failed',
-  /** EN: Message is delivered / VI: Tin nhắn đã được gửi đến */
-  DELIVERED = 'delivered',
-  /** EN: Message is read / VI: Tin nhắn đã được đọc */
-  READ = 'read',
-}
-
-/**
- * EN: Chat message interface
- * VI: Interface tin nhắn chat
- */
-export interface ChatMessage {
-  /** EN: Unique message identifier / VI: Mã định danh tin nhắn duy nhất */
-  id: string;
-  /** EN: Conversation ID this message belongs to / VI: ID cuộc trò chuyện mà tin nhắn này thuộc về */
-  conversationId: string;
-  /** EN: Message content / VI: Nội dung tin nhắn */
-  content: string;
-  /** EN: Message sender / VI: Người gửi tin nhắn */
-  sender: MessageSender;
-  /** EN: Message status / VI: Trạng thái tin nhắn */
-  status: MessageStatus;
-  /** EN: Message creation timestamp / VI: Timestamp tạo tin nhắn */
-  createdAt: string;
-  /** EN: Message update timestamp / VI: Timestamp cập nhật tin nhắn */
-  updatedAt?: string;
-  /** EN: Optional metadata / VI: Metadata tùy chọn */
-  metadata?: Record<string, unknown>;
-}
-
-/**
- * EN: Conversation interface
- * VI: Interface cuộc trò chuyện
- */
-export interface Conversation {
-  /** EN: Unique conversation identifier / VI: Mã định danh cuộc trò chuyện duy nhất */
-  id: string;
-  /** EN: Conversation title / VI: Tiêu đề cuộc trò chuyện */
-  title: string;
-  /** EN: Last message in conversation / VI: Tin nhắn cuối trong cuộc trò chuyện */
-  lastMessage?: ChatMessage;
-  /** EN: Last activity timestamp / VI: Timestamp hoạt động cuối */
-  updatedAt: string;
-  /** EN: Conversation creation timestamp / VI: Timestamp tạo cuộc trò chuyện */
-  createdAt: string;
-  /** EN: Number of unread messages / VI: Số tin nhắn chưa đọc */
-  unreadCount?: number;
-}
-
-/**
- * EN: Chat state interface for Zustand store
- * VI: Interface trạng thái chat cho Zustand store
- */
-interface ChatState {
-  /** EN: WebSocket client instance / VI: Instance WebSocket client */
-  wsClient: WebSocketClient | null;
-  /** EN: WebSocket connection state / VI: Trạng thái kết nối WebSocket */
-  connectionState: WebSocketState;
-  /** EN: Current conversation ID / VI: ID cuộc trò chuyện hiện tại */
-  currentConversationId: string | null;
-  /** EN: List of conversations / VI: Danh sách cuộc trò chuyện */
-  conversations: Conversation[];
-  /** EN: Messages map by conversation ID / VI: Map tin nhắn theo ID cuộc trò chuyện */
-  messages: Record<string, ChatMessage[]>;
-  /** EN: Loading state / VI: Trạng thái loading */
-  isLoading: boolean;
-  /** EN: Error message / VI: Thông báo lỗi */
-  error: string | null;
-  /** EN: Typing indicator state (userId -> boolean) / VI: Trạng thái chỉ báo đang gõ (userId -> boolean) */
-  typingUsers: Record<string, boolean>;
-  /** EN: Initialize WebSocket connection / VI: Khởi tạo kết nối WebSocket */
-  initializeWebSocket: (url: string) => void;
-  /** EN: Connect WebSocket / VI: Kết nối WebSocket */
-  connect: () => void;
-  /** EN: Disconnect WebSocket / VI: Ngắt kết nối WebSocket */
-  disconnect: () => void;
-  /** EN: Send message / VI: Gửi tin nhắn */
-  sendMessage: (conversationId: string, content: string) => Promise<void>;
-  /** EN: Receive message / VI: Nhận tin nhắn */
-  receiveMessage: (message: ChatMessage) => void;
-  /** EN: Create new conversation / VI: Tạo cuộc trò chuyện mới */
-  createConversation: (title?: string) => string;
-  /** EN: Select conversation / VI: Chọn cuộc trò chuyện */
-  selectConversation: (conversationId: string) => void;
-  /** EN: Delete conversation / VI: Xóa cuộc trò chuyện */
-  deleteConversation: (conversationId: string) => void;
-  /** EN: Update message status / VI: Cập nhật trạng thái tin nhắn */
-  updateMessageStatus: (messageId: string, conversationId: string, status: MessageStatus) => void;
-  /** EN: Set typing indicator / VI: Đặt chỉ báo đang gõ */
-  setTyping: (userId: string, isTyping: boolean) => void;
-  /** EN: Clear error / VI: Xóa lỗi */
-  clearError: () => void;
-}
-
-/**
- * EN: Generate unique ID for messages/conversations
- * VI: Tạo ID duy nhất cho messages/conversations
- */
-const generateId = (): string => {
-  return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-};
-
-/**
- * EN: Zustand store for chat state management with WebSocket integration
- * VI: Zustand store để quản lý trạng thái chat với tích hợp WebSocket
- *
- * Features:
- * - WebSocket connection management
- * - Message state management
- * - Conversation state management
- * - Real-time message sending/receiving
- * - Typing indicators
- * - Persistent storage (conversations and messages)
- */
-export const useChatStore = create<ChatState>()(
-  persist(
-    (set, get) => ({
-      wsClient: null,
-      connectionState: WebSocketState.CLOSED,
-      currentConversationId: null,
-      conversations: [],
-      messages: {},
-      isLoading: false,
-      error: null,
-      typingUsers: {},
-
-      /**
-       * EN: Initialize WebSocket client with URL
-       * VI: Khởi tạo WebSocket client với URL
-       *
-       * @param url - WebSocket server URL / URL server WebSocket
-       */
-      initializeWebSocket: (url: string) => {
-        const { wsClient } = get();
-        
-        // EN: Clean up existing connection if any
-        // VI: Dọn dẹp kết nối hiện có nếu có
-        if (wsClient) {
-          wsClient.disconnect();
-        }
-
-        // EN: Create new WebSocket client
-        // VI: Tạo WebSocket client mới
-        const client = new WebSocketClient({
-          url,
-          autoReconnect: true,
-          maxReconnectAttempts: 10,
-          reconnectDelay: 1000,
-          callbacks: {
-            onOpen: () => {
-              set({ connectionState: WebSocketState.CONNECTED });
-            },
-            onClose: () => {
-              set({ connectionState: WebSocketState.CLOSED });
-            },
-            onError: (error) => {
-              console.error('WebSocket error / Lỗi WebSocket:', error);
-              set({ 
-                connectionState: WebSocketState.ERROR,
-                error: 'Connection error / Lỗi kết nối',
-              });
-            },
-            onStateChange: (state) => {
-              set({ connectionState: state });
-            },
-            onMessage: (wsMessage: WebSocketMessage) => {
-              const state = get();
-              
-              // EN: Handle different message types
-              // VI: Xử lý các loại tin nhắn khác nhau
-              switch (wsMessage.type) {
-                case WebSocketMessageType.MESSAGE:
-                  if (wsMessage.data) {
-                    const chatMessage: ChatMessage = {
-                      id: wsMessage.messageId || generateId(),
-                      conversationId: wsMessage.conversationId || state.currentConversationId || '',
-                      content: (wsMessage.data && typeof wsMessage.data === 'object' && 'content' in wsMessage.data && typeof wsMessage.data.content === 'string') ? wsMessage.data.content : '',
-                      sender: (wsMessage.data && typeof wsMessage.data === 'object' && 'sender' in wsMessage.data) ? (wsMessage.data.sender as MessageSender) : MessageSender.ASSISTANT,
-                      status: MessageStatus.DELIVERED,
-                      createdAt: wsMessage.timestamp || new Date().toISOString(),
-                      metadata: (wsMessage.data && typeof wsMessage.data === 'object' && 'metadata' in wsMessage.data) ? (wsMessage.data.metadata as Record<string, unknown>) : undefined,
-                    };
-                    state.receiveMessage(chatMessage);
-                  }
-                  break;
-                case WebSocketMessageType.TYPING:
-                  if (wsMessage.data && typeof wsMessage.data === 'object' && 'userId' in wsMessage.data && typeof wsMessage.data.userId === 'string') {
-                    const isTyping = (wsMessage.data && typeof wsMessage.data === 'object' && 'isTyping' in wsMessage.data) ? Boolean(wsMessage.data.isTyping) : false;
-                    state.setTyping(wsMessage.data.userId, isTyping);
-                  }
-                  break;
-                case WebSocketMessageType.READ:
-                  if (wsMessage.messageId && wsMessage.conversationId) {
-                    state.updateMessageStatus(
-                      wsMessage.messageId,
-                      wsMessage.conversationId,
-                      MessageStatus.READ
-                    );
-                  }
-                  break;
-                case WebSocketMessageType.ERROR: {
-                  const errorMessage = (wsMessage.data && typeof wsMessage.data === 'object' && 'message' in wsMessage.data && typeof wsMessage.data.message === 'string') 
-                    ? wsMessage.data.message 
-                    : 'Unknown error / Lỗi không xác định';
-                  set({ error: errorMessage });
-                  break;
-                }
-                default:
-                  console.log('Unhandled WebSocket message type / Loại tin nhắn WebSocket chưa xử lý:', wsMessage.type);
-              }
-            },
-          },
-        });
-
-        set({ wsClient: client });
-      },
-
-      /**
-       * EN: Connect to WebSocket server
-       * VI: Kết nối tới server WebSocket
-       */
-      connect: () => {
-        const { wsClient } = get();
-        if (!wsClient) {
-          throw new Error('WebSocket client not initialized. Call initializeWebSocket first. / WebSocket client chưa được khởi tạo. Gọi initializeWebSocket trước.');
-        }
-        wsClient.connect();
-      },
-
-      /**
-       * EN: Disconnect from WebSocket server
-       * VI: Ngắt kết nối khỏi server WebSocket
-       */
-      disconnect: () => {
-        const { wsClient } = get();
-        if (wsClient) {
-          wsClient.disconnect();
-        }
-        set({ connectionState: WebSocketState.CLOSED });
-      },
-
-      /**
-       * EN: Send message through WebSocket
-       * VI: Gửi tin nhắn qua WebSocket
-       *
-       * @param conversationId - Conversation ID / ID cuộc trò chuyện
-       * @param content - Message content / Nội dung tin nhắn
-       */
-      sendMessage: async (conversationId: string, content: string) => {
-        const { wsClient, currentConversationId } = get();
-
-        // EN: Ensure conversation is selected
-        // VI: Đảm bảo cuộc trò chuyện được chọn
-        if (currentConversationId !== conversationId) {
-          get().selectConversation(conversationId);
-        }
-
-        if (!wsClient || !wsClient.isConnected()) {
-          throw new Error('WebSocket is not connected / WebSocket chưa kết nối');
-        }
-
-        // EN: Create temporary message with SENDING status
-        // VI: Tạo tin nhắn tạm thời với trạng thái SENDING
-        const tempMessageId = generateId();
-        const tempMessage: ChatMessage = {
-          id: tempMessageId,
-          conversationId,
-          content,
-          sender: MessageSender.USER,
-          status: MessageStatus.SENDING,
-          createdAt: new Date().toISOString(),
-        };
-
-        // EN: Add temporary message to state
-        // VI: Thêm tin nhắn tạm thời vào state
-        set((state) => {
-          const messages = state.messages[conversationId] || [];
-          return {
-            messages: {
-              ...state.messages,
-              [conversationId]: [...messages, tempMessage],
-            },
-          };
-        });
-
-        try {
-          // EN: Send message via WebSocket
-          // VI: Gửi tin nhắn qua WebSocket
-          wsClient.send({
-            type: WebSocketMessageType.MESSAGE,
-            conversationId,
-            messageId: tempMessageId,
-            data: {
-              content,
-              sender: MessageSender.USER,
-            },
-            timestamp: new Date().toISOString(),
-          });
-
-          // EN: Update message status to SENT
-          // VI: Cập nhật trạng thái tin nhắn thành SENT
-          get().updateMessageStatus(tempMessageId, conversationId, MessageStatus.SENT);
-        } catch (error) {
-          console.error('Failed to send message / Không thể gửi tin nhắn:', error);
-          // EN: Update message status to FAILED
-          // VI: Cập nhật trạng thái tin nhắn thành FAILED
-          get().updateMessageStatus(tempMessageId, conversationId, MessageStatus.FAILED);
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Receive message and add to state
-       * VI: Nhận tin nhắn và thêm vào state
-       *
-       * @param message - Received message / Tin nhắn đã nhận
-       */
-      receiveMessage: (message: ChatMessage) => {
-        set((state) => {
-          const messages = state.messages[message.conversationId] || [];
-          
-          // EN: Check if message already exists (avoid duplicates)
-          // VI: Kiểm tra nếu tin nhắn đã tồn tại (tránh trùng lặp)
-          const existingIndex = messages.findIndex((m) => m.id === message.id);
-          if (existingIndex >= 0) {
-            // EN: Update existing message
-            // VI: Cập nhật tin nhắn hiện có
-            const updatedMessages = [...messages];
-            updatedMessages[existingIndex] = message;
-            return {
-              messages: {
-                ...state.messages,
-                [message.conversationId]: updatedMessages,
-              },
-            };
-          }
-
-          // EN: Add new message
-          // VI: Thêm tin nhắn mới
-          return {
-            messages: {
-              ...state.messages,
-              [message.conversationId]: [...messages, message],
-            },
-          };
-        });
-
-        // EN: Update conversation's last message
-        // VI: Cập nhật tin nhắn cuối của cuộc trò chuyện
-        set((state) => {
-          const conversations = state.conversations.map((conv) => {
-            if (conv.id === message.conversationId) {
-              return {
-                ...conv,
-                lastMessage: message,
-                updatedAt: message.createdAt,
-                unreadCount: conv.id === state.currentConversationId 
-                  ? 0 
-                  : (conv.unreadCount || 0) + 1,
-              };
-            }
-            return conv;
-          });
-
-          // EN: Create conversation if it doesn't exist
-          // VI: Tạo cuộc trò chuyện nếu chưa tồn tại
-          if (!conversations.find((c) => c.id === message.conversationId)) {
-            const newConversation: Conversation = {
-              id: message.conversationId,
-              title: message.content.substring(0, 50) || 'New Conversation / Cuộc trò chuyện mới',
-              lastMessage: message,
-              updatedAt: message.createdAt,
-              createdAt: message.createdAt,
-              unreadCount: message.conversationId === state.currentConversationId ? 0 : 1,
-            };
-            conversations.unshift(newConversation);
-          }
-
-          return { conversations };
-        });
-      },
-
-      /**
-       * EN: Create new conversation
-       * VI: Tạo cuộc trò chuyện mới
-       *
-       * @param title - Optional conversation title / Tiêu đề cuộc trò chuyện tùy chọn
-       * @returns New conversation ID / ID cuộc trò chuyện mới
-       */
-      createConversation: (title?: string) => {
-        const conversationId = generateId();
-        const now = new Date().toISOString();
-        
-        const newConversation: Conversation = {
-          id: conversationId,
-          title: title || 'New Conversation / Cuộc trò chuyện mới',
-          updatedAt: now,
-          createdAt: now,
-          unreadCount: 0,
-        };
-
-        set((state) => ({
-          conversations: [newConversation, ...state.conversations],
-          currentConversationId: conversationId,
-          messages: {
-            ...state.messages,
-            [conversationId]: [],
-          },
-        }));
-
-        return conversationId;
-      },
-
-      /**
-       * EN: Select conversation and mark messages as read
-       * VI: Chọn cuộc trò chuyện và đánh dấu tin nhắn đã đọc
-       *
-       * @param conversationId - Conversation ID to select / ID cuộc trò chuyện cần chọn
-       */
-      selectConversation: (conversationId: string) => {
-        set((state) => {
-          // EN: Update conversations to clear unread count
-          // VI: Cập nhật cuộc trò chuyện để xóa số tin nhắn chưa đọc
-          const conversations = state.conversations.map((conv) => {
-            if (conv.id === conversationId) {
-              return { ...conv, unreadCount: 0 };
-            }
-            return conv;
-          });
-
-          return {
-            currentConversationId: conversationId,
-            conversations,
-          };
-        });
-      },
-
-      /**
-       * EN: Delete conversation and its messages
-       * VI: Xóa cuộc trò chuyện và tin nhắn của nó
-       *
-       * @param conversationId - Conversation ID to delete / ID cuộc trò chuyện cần xóa
-       */
-      deleteConversation: (conversationId: string) => {
-        set((state) => {
-          const conversations = state.conversations.filter((c) => c.id !== conversationId);
-          const messages = { ...state.messages };
-          delete messages[conversationId];
-
-          // EN: Clear current conversation if it was deleted
-          // VI: Xóa cuộc trò chuyện hiện tại nếu nó bị xóa
-          const currentConversationId = state.currentConversationId === conversationId 
-            ? null 
-            : state.currentConversationId;
-
-          return {
-            conversations,
-            messages,
-            currentConversationId,
-          };
-        });
-      },
-
-      /**
-       * EN: Update message status
-       * VI: Cập nhật trạng thái tin nhắn
-       *
-       * @param messageId - Message ID / ID tin nhắn
-       * @param conversationId - Conversation ID / ID cuộc trò chuyện
-       * @param status - New status / Trạng thái mới
-       */
-      updateMessageStatus: (messageId: string, conversationId: string, status: MessageStatus) => {
-        set((state) => {
-          const messages = state.messages[conversationId] || [];
-          const updatedMessages = messages.map((msg) => {
-            if (msg.id === messageId) {
-              return {
-                ...msg,
-                status,
-                updatedAt: new Date().toISOString(),
-              };
-            }
-            return msg;
-          });
-
-          return {
-            messages: {
-              ...state.messages,
-              [conversationId]: updatedMessages,
-            },
-          };
-        });
-      },
-
-      /**
-       * EN: Set typing indicator for user
-       * VI: Đặt chỉ báo đang gõ cho người dùng
-       *
-       * @param userId - User ID / ID người dùng
-       * @param isTyping - Typing state / Trạng thái đang gõ
-       */
-      setTyping: (userId: string, isTyping: boolean) => {
-        set((state) => ({
-          typingUsers: {
-            ...state.typingUsers,
-            [userId]: isTyping,
-          },
-        }));
-      },
-
-      /**
-       * EN: Clear error message
-       * VI: Xóa thông báo lỗi
-       */
-      clearError: () => {
-        set({ error: null });
-      },
-    }),
-    {
-      // EN: Persist chat state to localStorage
-      // VI: Persist trạng thái chat vào localStorage
-      name: 'chat-storage',
-      // EN: Only persist conversations and messages, exclude WebSocket client and connection state
-      // VI: Chỉ persist conversations và messages, loại trừ WebSocket client và connection state
-      partialize: (state) => ({
-        conversations: state.conversations,
-        messages: state.messages,
-        currentConversationId: state.currentConversationId,
-      }),
-    }
-  )
-);
diff --git a/apps/web-client/src/stores/users-store.ts b/apps/web-client/src/stores/users-store.ts
deleted file mode 100644
index c26f50e8..00000000
--- a/apps/web-client/src/stores/users-store.ts
+++ /dev/null
@@ -1,317 +0,0 @@
-import { UserResponse, CreateUserDto, UpdateUserDto, Role } from '@goodgo/types';
-import { create } from 'zustand';
-import { devtools } from 'zustand/middleware';
-
-import {
-  getUsers,
-  getUser,
-  createUser,
-  updateUser,
-  deleteUser,
-  bulkDeleteUsers,
-  bulkUpdateUserRoles,
-  GetUsersParams,
-  GetUsersResponse
-} from '../lib/api/users';
-
-/**
- * EN: Users store state interface
- * VI: Interface trạng thái users store
- */
-interface UsersState {
-  /** EN: Paginated users list / VI: Danh sách users phân trang */
-  users: UserResponse[];
-  /** EN: Single user data for detail view / VI: Dữ liệu user đơn lẻ cho view chi tiết */
-  currentUser: UserResponse | null;
-  /** EN: Pagination metadata / VI: Metadata phân trang */
-  pagination: GetUsersResponse['pagination'] | null;
-  /** EN: Loading state for list operations / VI: Trạng thái loading cho operations list */
-  isLoading: boolean;
-  /** EN: Loading state for single user operations / VI: Trạng thái loading cho operations single user */
-  isLoadingUser: boolean;
-  /** EN: Error message if any operation fails / VI: Thông báo lỗi nếu có operation thất bại */
-  error: string | null;
-
-  /** EN: Fetch paginated users list / VI: Lấy danh sách users phân trang */
-  fetchUsers: (params?: GetUsersParams) => Promise<void>;
-  /** EN: Fetch single user by ID / VI: Lấy user đơn lẻ theo ID */
-  fetchUser: (id: string) => Promise<void>;
-  /** EN: Create new user / VI: Tạo user mới */
-  createUser: (payload: CreateUserDto) => Promise<UserResponse>;
-  /** EN: Update existing user / VI: Cập nhật user hiện có */
-  updateUser: (id: string, payload: UpdateUserDto) => Promise<UserResponse>;
-  /** EN: Delete user by ID / VI: Xóa user theo ID */
-  deleteUser: (id: string) => Promise<void>;
-  /** EN: Bulk delete multiple users / VI: Xóa nhiều users cùng lúc */
-  bulkDeleteUsers: (ids: string[]) => Promise<void>;
-  /** EN: Bulk update user roles / VI: Cập nhật vai trò cho nhiều users */
-  bulkUpdateUserRoles: (updates: Array<{ id: string; role: Role }>) => Promise<void>;
-  /** EN: Clear current user data / VI: Xóa dữ liệu current user */
-  clearCurrentUser: () => void;
-  /** EN: Clear error state / VI: Xóa trạng thái lỗi */
-  clearError: () => void;
-  /** EN: Reset store to initial state / VI: Reset store về trạng thái ban đầu */
-  reset: () => void;
-}
-
-/**
- * EN: Initial state for users store
- * VI: Trạng thái ban đầu cho users store
- */
-const initialState = {
-  users: [],
-  currentUser: null,
-  pagination: null,
-  isLoading: false,
-  isLoadingUser: false,
-  error: null,
-};
-
-/**
- * EN: Zustand store for users state management
- * VI: Zustand store để quản lý trạng thái users
- *
- * Features:
- * - Paginated users list management
- * - Single user operations (CRUD)
- * - Bulk operations support
- * - Loading and error states
- * - DevTools integration for debugging
- */
-export const useUsersStore = create<UsersState>()(
-  devtools(
-    (set, get) => ({
-      ...initialState,
-
-      /**
-       * EN: Fetch paginated users list
-       * VI: Lấy danh sách users phân trang
-       */
-      fetchUsers: async (params = {}) => {
-        set({ isLoading: true, error: null });
-
-        try {
-          const response = await getUsers(params);
-          set({
-            users: response.data,
-            pagination: response.pagination,
-            isLoading: false,
-          });
-        } catch (error: any) {
-          const errorMessage = error?.response?.data?.message || error?.message || 'Failed to fetch users';
-          set({
-            error: errorMessage,
-            isLoading: false,
-            users: [],
-            pagination: null,
-          });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Fetch single user by ID
-       * VI: Lấy user đơn lẻ theo ID
-       */
-      fetchUser: async (id: string) => {
-        set({ isLoadingUser: true, error: null });
-
-        try {
-          const user = await getUser(id);
-          set({
-            currentUser: user,
-            isLoadingUser: false,
-          });
-        } catch (error: any) {
-          const errorMessage = error?.response?.data?.message || error?.message || 'Failed to fetch user';
-          set({
-            error: errorMessage,
-            isLoadingUser: false,
-            currentUser: null,
-          });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Create new user
-       * VI: Tạo user mới
-       */
-      createUser: async (payload: CreateUserDto) => {
-        set({ isLoadingUser: true, error: null });
-
-        try {
-          const newUser = await createUser(payload);
-
-          // Add to users list if we have one
-          const { users, pagination } = get();
-          if (users.length > 0 && pagination) {
-            set({
-              users: [newUser, ...users.slice(0, -1)], // Add to beginning, remove last to maintain page size
-              isLoadingUser: false,
-            });
-          } else {
-            set({ isLoadingUser: false });
-          }
-
-          return newUser;
-        } catch (error: any) {
-          const errorMessage = error?.response?.data?.message || error?.message || 'Failed to create user';
-          set({
-            error: errorMessage,
-            isLoadingUser: false,
-          });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Update existing user
-       * VI: Cập nhật user hiện có
-       */
-      updateUser: async (id: string, payload: UpdateUserDto) => {
-        set({ isLoadingUser: true, error: null });
-
-        try {
-          const updatedUser = await updateUser(id, payload);
-
-          // Update in users list if present
-          const { users } = get();
-          const updatedUsers = users.map(user =>
-            user.id === id ? updatedUser : user
-          );
-
-          set({
-            users: updatedUsers,
-            currentUser: updatedUser,
-            isLoadingUser: false,
-          });
-
-          return updatedUser;
-        } catch (error: any) {
-          const errorMessage = error?.response?.data?.message || error?.message || 'Failed to update user';
-          set({
-            error: errorMessage,
-            isLoadingUser: false,
-          });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Delete user by ID
-       * VI: Xóa user theo ID
-       */
-      deleteUser: async (id: string) => {
-        set({ isLoadingUser: true, error: null });
-
-        try {
-          await deleteUser(id);
-
-          // Remove from users list
-          const { users } = get();
-          const filteredUsers = users.filter(user => user.id !== id);
-
-          set({
-            users: filteredUsers,
-            currentUser: null,
-            isLoadingUser: false,
-          });
-        } catch (error: any) {
-          const errorMessage = error?.response?.data?.message || error?.message || 'Failed to delete user';
-          set({
-            error: errorMessage,
-            isLoadingUser: false,
-          });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Bulk delete multiple users
-       * VI: Xóa nhiều users cùng lúc
-       */
-      bulkDeleteUsers: async (ids: string[]) => {
-        set({ isLoading: true, error: null });
-
-        try {
-          await bulkDeleteUsers(ids);
-
-          // Remove from users list
-          const { users } = get();
-          const filteredUsers = users.filter(user => !ids.includes(user.id));
-
-          set({
-            users: filteredUsers,
-            isLoading: false,
-          });
-        } catch (error: any) {
-          const errorMessage = error?.response?.data?.message || error?.message || 'Failed to bulk delete users';
-          set({
-            error: errorMessage,
-            isLoading: false,
-          });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Bulk update user roles
-       * VI: Cập nhật vai trò cho nhiều users
-       */
-      bulkUpdateUserRoles: async (updates: Array<{ id: string; role: Role }>) => {
-        set({ isLoading: true, error: null });
-
-        try {
-          await bulkUpdateUserRoles(updates);
-
-          // Update in users list
-          const { users } = get();
-          const updatedUsers = users.map(user => {
-            const update = updates.find(u => u.id === user.id);
-            return update ? { ...user, role: update.role } : user;
-          });
-
-          set({
-            users: updatedUsers,
-            isLoading: false,
-          });
-        } catch (error: any) {
-          const errorMessage = error?.response?.data?.message || error?.message || 'Failed to bulk update user roles';
-          set({
-            error: errorMessage,
-            isLoading: false,
-          });
-          throw error;
-        }
-      },
-
-      /**
-       * EN: Clear current user data
-       * VI: Xóa dữ liệu current user
-       */
-      clearCurrentUser: () => {
-        set({ currentUser: null });
-      },
-
-      /**
-       * EN: Clear error state
-       * VI: Xóa trạng thái lỗi
-       */
-      clearError: () => {
-        set({ error: null });
-      },
-
-      /**
-       * EN: Reset store to initial state
-       * VI: Reset store về trạng thái ban đầu
-       */
-      reset: () => {
-        set(initialState);
-      },
-    }),
-    {
-      name: 'users-store', // DevTools store name
-    }
-  )
-);
\ No newline at end of file
diff --git a/apps/web-client/src/stories/Button.stories.ts b/apps/web-client/src/stories/Button.stories.ts
deleted file mode 100644
index 89e55d68..00000000
--- a/apps/web-client/src/stories/Button.stories.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite';
-
-import { fn } from 'storybook/test';
-
-import { Button } from './Button';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta = {
-  title: 'Example/Button',
-  component: Button,
-  parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-    layout: 'centered',
-  },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  // More on argTypes: https://storybook.js.org/docs/api/argtypes
-  argTypes: {
-    backgroundColor: { control: 'color' },
-  },
-  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#story-args
-  args: { onClick: fn() },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Primary: Story = {
-  args: {
-    primary: true,
-    label: 'Button',
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    label: 'Button',
-  },
-};
-
-export const Large: Story = {
-  args: {
-    size: 'large',
-    label: 'Button',
-  },
-};
-
-export const Small: Story = {
-  args: {
-    size: 'small',
-    label: 'Button',
-  },
-};
diff --git a/apps/web-client/src/stories/Button.tsx b/apps/web-client/src/stories/Button.tsx
deleted file mode 100644
index d96916cc..00000000
--- a/apps/web-client/src/stories/Button.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import './button.css';
-
-export interface ButtonProps {
-  /** Is this the principal call to action on the page? */
-  primary?: boolean;
-  /** What background color to use */
-  backgroundColor?: string;
-  /** How large should the button be? */
-  size?: 'small' | 'medium' | 'large';
-  /** Button contents */
-  label: string;
-  /** Optional click handler */
-  onClick?: () => void;
-}
-
-/** Primary UI component for user interaction */
-export const Button = ({
-  primary = false,
-  size = 'medium',
-  backgroundColor,
-  label,
-  ...props
-}: ButtonProps) => {
-  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
-  return (
-    <button
-      type="button"
-      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
-      {...props}
-    >
-      {label}
-      <style jsx>{`
-        button {
-          background-color: ${backgroundColor};
-        }
-      `}</style>
-    </button>
-  );
-};
diff --git a/apps/web-client/src/stories/Configure.mdx b/apps/web-client/src/stories/Configure.mdx
deleted file mode 100644
index 70fcc2a9..00000000
--- a/apps/web-client/src/stories/Configure.mdx
+++ /dev/null
@@ -1,446 +0,0 @@
-import { Meta } from "@storybook/addon-docs/blocks";
-import Image from "next/image";
-
-import Github from "./assets/github.svg";
-import Discord from "./assets/discord.svg";
-import Youtube from "./assets/youtube.svg";
-import Tutorials from "./assets/tutorials.svg";
-import Styling from "./assets/styling.png";
-import Context from "./assets/context.png";
-import Assets from "./assets/assets.png";
-import Docs from "./assets/docs.png";
-import Share from "./assets/share.png";
-import FigmaPlugin from "./assets/figma-plugin.png";
-import Testing from "./assets/testing.png";
-import Accessibility from "./assets/accessibility.png";
-import Theming from "./assets/theming.png";
-import AddonLibrary from "./assets/addon-library.png";
-
-export const RightArrow = () => <svg 
-    viewBox="0 0 14 14" 
-    width="8px" 
-    height="14px" 
-    style={{ 
-      marginLeft: '4px',
-      display: 'inline-block',
-      shapeRendering: 'inherit',
-      verticalAlign: 'middle',
-      fill: 'currentColor',
-      'path fill': 'currentColor'
-    }}
->
-  <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
-</svg>
-
-<Meta title="Configure your project" />
-
-<div className="sb-container">
-  <div className='sb-section-title'>
-    # Configure your project
-
-    Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
-  </div>
-  <div className="sb-section">
-    <div className="sb-section-item">
-      <Image
-        src={Styling}
-        alt="A wall of logos representing different styling technologies"
-        width={0}
-        height={0}
-        style={{ width: '100%', height: 'auto' }}
-      />
-      <h4 className="sb-section-item-heading">Add styling and CSS</h4>
-      <p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
-      <a
-        href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react&ref=configure"
-        target="_blank"
-      >Learn more<RightArrow /></a>
-    </div>
-    <div className="sb-section-item">
-      <Image 
-        width={0}
-        height={0}
-        style={{ width: '100%', height: 'auto' }}
-        src={Context}
-        alt="An abstraction representing the composition of data for a component"
-      />
-      <h4 className="sb-section-item-heading">Provide context and mocking</h4>
-      <p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
-      <a
-        href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react&ref=configure#context-for-mocking"
-        target="_blank"
-      >Learn more<RightArrow /></a>
-    </div>
-    <div className="sb-section-item">
-      <Image 
-        width={0}
-        height={0}
-        style={{ width: '100%', height: 'auto' }} 
-        src={Assets} 
-        alt="A representation of typography and image assets" 
-      />
-      <div>
-        <h4 className="sb-section-item-heading">Load assets and resources</h4>
-        <p className="sb-section-item-paragraph">To link static files (like fonts) to your projects and stories, use the
-        `staticDirs` configuration option to specify folders to load when
-        starting Storybook.</p>
-        <a
-          href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react&ref=configure"
-          target="_blank"
-        >Learn more<RightArrow /></a>
-      </div>
-    </div>
-  </div>
-</div>
-<div className="sb-container">
-  <div className='sb-section-title'>
-    # Do more with Storybook
-
-    Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
-  </div>
-
-  <div className="sb-section">
-    <div className="sb-features-grid">
-      <div className="sb-grid-item">
-        <Image 
-          width={0}
-          height={0}
-          style={{ width: '100%', height: 'auto' }} 
-          src={Docs} 
-          alt="A screenshot showing the autodocs tag being set, pointing a docs page being generated" 
-        />
-        <h4 className="sb-section-item-heading">Autodocs</h4>
-        <p className="sb-section-item-paragraph">Auto-generate living,
-          interactive reference documentation from your components and stories.</p>
-        <a
-          href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react&ref=configure"
-          target="_blank"
-        >Learn more<RightArrow /></a>
-      </div>
-      <div className="sb-grid-item">
-        <Image 
-          width={0}
-          height={0}
-          style={{ width: '100%', height: 'auto' }} 
-          src={Share} 
-          alt="A browser window showing a Storybook being published to a chromatic.com URL" 
-        />
-        <h4 className="sb-section-item-heading">Publish to Chromatic</h4>
-        <p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
-        <a
-          href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react&ref=configure#publish-storybook-with-chromatic"
-          target="_blank"
-        >Learn more<RightArrow /></a>
-      </div>
-      <div className="sb-grid-item">
-        <Image 
-          width={0}
-          height={0}
-          style={{ width: '100%', height: 'auto' }} 
-          src={FigmaPlugin} 
-          alt="Windows showing the Storybook plugin in Figma" 
-        />
-        <h4 className="sb-section-item-heading">Figma Plugin</h4>
-        <p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
-          implementation in one place.</p>
-        <a
-          href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react&ref=configure#embed-storybook-in-figma-with-the-plugin"
-          target="_blank"
-        >Learn more<RightArrow /></a>
-      </div>
-      <div className="sb-grid-item">
-        <Image 
-          width={0}
-          height={0}
-          style={{ width: '100%', height: 'auto' }} 
-          src={Testing} 
-          alt="Screenshot of tests passing and failing" 
-        />
-        <h4 className="sb-section-item-heading">Testing</h4>
-        <p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
-          complex.</p>
-        <a
-          href="https://storybook.js.org/docs/writing-tests/?renderer=react&ref=configure"
-          target="_blank"
-        >Learn more<RightArrow /></a>
-      </div>
-      <div className="sb-grid-item">
-        <Image 
-          width={0}
-          height={0}
-          style={{ width: '100%', height: 'auto' }} 
-          src={Accessibility} 
-          alt="Screenshot of accessibility tests passing and failing" 
-        />
-        <h4 className="sb-section-item-heading">Accessibility</h4>
-        <p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
-        <a
-          href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react&ref=configure"
-          target="_blank"
-        >Learn more<RightArrow /></a>
-      </div>
-      <div className="sb-grid-item">
-        <Image 
-          width={0}
-          height={0}
-          style={{ width: '100%', height: 'auto' }} 
-          src={Theming} 
-          alt="Screenshot of Storybook in light and dark mode" 
-        />
-        <h4 className="sb-section-item-heading">Theming</h4>
-        <p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
-        <a
-          href="https://storybook.js.org/docs/configure/theming/?renderer=react&ref=configure"
-          target="_blank"
-        >Learn more<RightArrow /></a>
-      </div>
-    </div>
-  </div>
-</div>
-<div className='sb-addon'>
-  <div className='sb-addon-text'>
-    <h4>Addons</h4>
-    <p className="sb-section-item-paragraph">Integrate your tools with Storybook to connect workflows.</p>
-    <a
-        href="https://storybook.js.org/addons/?ref=configure"
-        target="_blank"
-      >Discover all addons<RightArrow /></a>
-  </div>
-  <div className='sb-addon-img'>
-    <Image 
-      width={650}
-      height={347}
-      src={AddonLibrary} 
-      alt="Integrate your tools with Storybook to connect workflows." 
-    />
-  </div>
-</div>
-
-<div className="sb-section sb-socials">
-    <div className="sb-section-item">
-      <Image 
-        width={32}
-        height={32}
-        layout="fixed"
-        src={Github} 
-        alt="Github logo" 
-        className="sb-explore-image"
-      />
-      Join our contributors building the future of UI development.
-
-      <a
-        href="https://github.com/storybookjs/storybook"
-        target="_blank"
-      >Star on GitHub<RightArrow /></a>
-    </div>
-    <div className="sb-section-item">
-      <Image 
-        width={33}
-        height={32}
-        layout="fixed"
-        src={Discord} 
-        alt="Discord logo" 
-        className="sb-explore-image"
-      />
-      <div>
-        Get support and chat with frontend developers.
-
-        <a
-          href="https://discord.gg/storybook"
-          target="_blank"
-        >Join Discord server<RightArrow /></a>
-      </div>
-    </div>
-    <div className="sb-section-item">
-      <Image 
-        width={32}
-        height={32}
-        layout="fixed"
-        src={Youtube} 
-        alt="Youtube logo" 
-        className="sb-explore-image"
-      />
-      <div>
-        Watch tutorials, feature previews and interviews.
-
-        <a
-          href="https://www.youtube.com/@chromaticui"
-          target="_blank"
-        >Watch on YouTube<RightArrow /></a>
-      </div>
-    </div>
-    <div className="sb-section-item">
-      <Image 
-        width={33}
-        height={32}
-        layout="fixed"
-        src={Tutorials} 
-        alt="A book" 
-        className="sb-explore-image"
-      />
-      <p>Follow guided walkthroughs on for key workflows.</p>
-
-      <a
-          href="https://storybook.js.org/tutorials/?ref=configure"
-          target="_blank"
-        >Discover tutorials<RightArrow /></a>
-    </div>
-</div>
-
-<style>
-  {`
-  .sb-container {
-    margin-bottom: 48px;
-  }
-
-  .sb-section {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    gap: 20px;
-  }
-
-  img {
-    object-fit: cover;
-  }
-
-  .sb-section-title {
-    margin-bottom: 32px;
-  }
-
-  .sb-section a:not(h1 a, h2 a, h3 a) {
-    font-size: 14px;
-  }
-
-  .sb-section-item, .sb-grid-item {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .sb-section-item-heading {
-    padding-top: 20px !important;
-    padding-bottom: 5px !important;
-    margin: 0 !important;
-  }
-  .sb-section-item-paragraph {
-    margin: 0;
-    padding-bottom: 10px;
-  }
-
-  .sb-chevron {
-    margin-left: 5px;
-  }
-
-  .sb-features-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-gap: 32px 20px;
-  }
-
-  .sb-socials {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-  }
-
-  .sb-socials p {
-    margin-bottom: 10px;
-  }
-
-  .sb-explore-image {
-    max-height: 32px;
-    align-self: flex-start;
-  }
-
-  .sb-addon {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    position: relative;
-    background-color: #EEF3F8;
-    border-radius: 5px;
-    border: 1px solid rgba(0, 0, 0, 0.05);
-    background: #EEF3F8;
-    height: 180px;
-    margin-bottom: 48px;
-    overflow: hidden;
-  }
-
-  .sb-addon-text {
-    padding-left: 48px;
-    max-width: 240px;
-  }
-
-  .sb-addon-text h4 {
-    padding-top: 0px;
-  }
-
-  .sb-addon-img {
-    position: absolute;
-    left: 345px;
-    top: 0;
-    height: 100%;
-    width: 200%;
-    overflow: hidden;
-  }
-
-  .sb-addon-img img {
-    width: 650px;
-    transform: rotate(-15deg);
-    margin-left: 40px;
-    margin-top: -72px;
-    box-shadow: 0 0 1px rgba(255, 255, 255, 0);
-    backface-visibility: hidden;
-  }
-
-  @media screen and (max-width: 800px) {
-    .sb-addon-img {
-      left: 300px;
-    }
-  }
-
-  @media screen and (max-width: 600px) {
-    .sb-section {
-      flex-direction: column;
-    }
-
-    .sb-features-grid {
-      grid-template-columns: repeat(1, 1fr);
-    }
-
-    .sb-socials {
-      grid-template-columns: repeat(2, 1fr);
-    }
-
-    .sb-addon {
-      height: 280px;
-      align-items: flex-start;
-      padding-top: 32px;
-      overflow: hidden;
-    }
-
-    .sb-addon-text {
-      padding-left: 24px;
-    }
-
-    .sb-addon-img {
-      right: 0;
-      left: 0;
-      top: 130px;
-      bottom: 0;
-      overflow: hidden;
-      height: auto;
-      width: 124%;
-    }
-
-    .sb-addon-img img {
-      width: 1200px;
-      transform: rotate(-12deg);
-      margin-left: 0;
-      margin-top: 48px;
-      margin-bottom: -40px;
-      margin-left: -24px;
-    }
-  }
-  `}
-</style>
diff --git a/apps/web-client/src/stories/Header.stories.ts b/apps/web-client/src/stories/Header.stories.ts
deleted file mode 100644
index 29fff1ec..00000000
--- a/apps/web-client/src/stories/Header.stories.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite';
-
-import { fn } from 'storybook/test';
-
-import { Header } from './Header';
-
-const meta = {
-  title: 'Example/Header',
-  component: Header,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: 'fullscreen',
-  },
-  args: {
-    onLogin: fn(),
-    onLogout: fn(),
-    onCreateAccount: fn(),
-  },
-} satisfies Meta<typeof Header>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const LoggedIn: Story = {
-  args: {
-    user: {
-      name: 'Jane Doe',
-    },
-  },
-};
-
-export const LoggedOut: Story = {};
diff --git a/apps/web-client/src/stories/Header.tsx b/apps/web-client/src/stories/Header.tsx
deleted file mode 100644
index d05ed4f6..00000000
--- a/apps/web-client/src/stories/Header.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Button } from './Button';
-import './header.css';
-
-type User = {
-  name: string;
-};
-
-export interface HeaderProps {
-  user?: User;
-  onLogin?: () => void;
-  onLogout?: () => void;
-  onCreateAccount?: () => void;
-}
-
-export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => (
-  <header>
-    <div className="storybook-header">
-      <div>
-        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-          <g fill="none" fillRule="evenodd">
-            <path
-              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
-              fill="#FFF"
-            />
-            <path
-              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
-              fill="#555AB9"
-            />
-            <path
-              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
-              fill="#91BAF8"
-            />
-          </g>
-        </svg>
-        <h1>Acme</h1>
-      </div>
-      <div>
-        {user ? (
-          <>
-            <span className="welcome">
-              Welcome, <b>{user.name}</b>!
-            </span>
-            <Button size="small" onClick={onLogout} label="Log out" />
-          </>
-        ) : (
-          <>
-            <Button size="small" onClick={onLogin} label="Log in" />
-            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
-          </>
-        )}
-      </div>
-    </div>
-  </header>
-);
diff --git a/apps/web-client/src/stories/Page.stories.ts b/apps/web-client/src/stories/Page.stories.ts
deleted file mode 100644
index 44adf028..00000000
--- a/apps/web-client/src/stories/Page.stories.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite';
-
-import { expect, userEvent, within } from 'storybook/test';
-
-import { Page } from './Page';
-
-const meta = {
-  title: 'Example/Page',
-  component: Page,
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: 'fullscreen',
-  },
-} satisfies Meta<typeof Page>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const LoggedOut: Story = {};
-
-// More on component testing: https://storybook.js.org/docs/writing-tests/interaction-testing
-export const LoggedIn: Story = {
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    const loginButton = canvas.getByRole('button', { name: /Log in/i });
-    await expect(loginButton).toBeInTheDocument();
-    await userEvent.click(loginButton);
-    await expect(loginButton).not.toBeInTheDocument();
-
-    const logoutButton = canvas.getByRole('button', { name: /Log out/i });
-    await expect(logoutButton).toBeInTheDocument();
-  },
-};
diff --git a/apps/web-client/src/stories/Page.tsx b/apps/web-client/src/stories/Page.tsx
deleted file mode 100644
index 3c30fcaf..00000000
--- a/apps/web-client/src/stories/Page.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { useState } from 'react';
-
-import { Header } from './Header';
-import './page.css';
-
-type User = {
-  name: string;
-};
-
-export const Page: React.FC = () => {
-  const [user, setUser] = useState<User | undefined>();
-
-  return (
-    <article>
-      <Header
-        user={user}
-        onLogin={() => setUser({ name: 'Jane Doe' })}
-        onLogout={() => setUser(undefined)}
-        onCreateAccount={() => setUser({ name: 'Jane Doe' })}
-      />
-
-      <section className="storybook-page">
-        <h2>Pages in Storybook</h2>
-        <p>
-          We recommend building UIs with a{' '}
-          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
-            <strong>component-driven</strong>
-          </a>{' '}
-          process starting with atomic components and ending with pages.
-        </p>
-        <p>
-          Render pages with mock data. This makes it easy to build and review page states without
-          needing to navigate to them in your app. Here are some handy patterns for managing page
-          data in Storybook:
-        </p>
-        <ul>
-          <li>
-            Use a higher-level connected component. Storybook helps you compose such data from the
-            &quot;args&quot; of child component stories
-          </li>
-          <li>
-            Assemble data in the page component from your services. You can mock these services out
-            using Storybook.
-          </li>
-        </ul>
-        <p>
-          Get a guided tutorial on component-driven development at{' '}
-          <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
-            Storybook tutorials
-          </a>
-          . Read more in the{' '}
-          <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
-            docs
-          </a>
-          .
-        </p>
-        <div className="tip-wrapper">
-          <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
-          <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-            <g fill="none" fillRule="evenodd">
-              <path
-                d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
-                id="a"
-                fill="#999"
-              />
-            </g>
-          </svg>
-          Viewports addon in the toolbar
-        </div>
-      </section>
-    </article>
-  );
-};
diff --git a/apps/web-client/src/stories/assets/accessibility.png b/apps/web-client/src/stories/assets/accessibility.png
deleted file mode 100644
index 6ffe6fea..00000000
Binary files a/apps/web-client/src/stories/assets/accessibility.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/accessibility.svg b/apps/web-client/src/stories/assets/accessibility.svg
deleted file mode 100644
index 107e93f8..00000000
--- a/apps/web-client/src/stories/assets/accessibility.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><title>Accessibility</title><circle cx="24.334" cy="24" r="24" fill="#A849FF" fill-opacity=".3"/><path fill="#A470D5" fill-rule="evenodd" d="M27.8609 11.585C27.8609 9.59506 26.2497 7.99023 24.2519 7.99023C22.254 7.99023 20.6429 9.65925 20.6429 11.585C20.6429 13.575 22.254 15.1799 24.2519 15.1799C26.2497 15.1799 27.8609 13.575 27.8609 11.585ZM21.8922 22.6473C21.8467 23.9096 21.7901 25.4788 21.5897 26.2771C20.9853 29.0462 17.7348 36.3314 17.3325 37.2275C17.1891 37.4923 17.1077 37.7955 17.1077 38.1178C17.1077 39.1519 17.946 39.9902 18.9802 39.9902C19.6587 39.9902 20.253 39.6293 20.5814 39.0889L20.6429 38.9874L24.2841 31.22C24.2841 31.22 27.5529 37.9214 27.9238 38.6591C28.2948 39.3967 28.8709 39.9902 29.7168 39.9902C30.751 39.9902 31.5893 39.1519 31.5893 38.1178C31.5893 37.7951 31.3639 37.2265 31.3639 37.2265C30.9581 36.3258 27.698 29.0452 27.0938 26.2771C26.8975 25.4948 26.847 23.9722 26.8056 22.7236C26.7927 22.333 26.7806 21.9693 26.7653 21.6634C26.7008 21.214 27.0231 20.8289 27.4097 20.7005L35.3366 18.3253C36.3033 18.0685 36.8834 16.9773 36.6256 16.0144C36.3678 15.0515 35.2722 14.4737 34.3055 14.7305C34.3055 14.7305 26.8619 17.1057 24.2841 17.1057C21.7062 17.1057 14.456 14.7947 14.456 14.7947C13.4893 14.5379 12.3937 14.9873 12.0715 15.9502C11.7493 16.9131 12.3293 18.0044 13.3604 18.3253L21.2873 20.7005C21.674 20.8289 21.9318 21.214 21.9318 21.6634C21.9174 21.9493 21.9053 22.2857 21.8922 22.6473Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/apps/web-client/src/stories/assets/addon-library.png b/apps/web-client/src/stories/assets/addon-library.png
deleted file mode 100644
index 95deb38a..00000000
Binary files a/apps/web-client/src/stories/assets/addon-library.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/assets.png b/apps/web-client/src/stories/assets/assets.png
deleted file mode 100644
index cfba6817..00000000
Binary files a/apps/web-client/src/stories/assets/assets.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/avif-test-image.avif b/apps/web-client/src/stories/assets/avif-test-image.avif
deleted file mode 100644
index 530709bc..00000000
Binary files a/apps/web-client/src/stories/assets/avif-test-image.avif and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/context.png b/apps/web-client/src/stories/assets/context.png
deleted file mode 100644
index e5cd249a..00000000
Binary files a/apps/web-client/src/stories/assets/context.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/discord.svg b/apps/web-client/src/stories/assets/discord.svg
deleted file mode 100644
index d638958b..00000000
--- a/apps/web-client/src/stories/assets/discord.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none" viewBox="0 0 33 32"><g clip-path="url(#clip0_10031_177575)"><mask id="mask0_10031_177575" style="mask-type:luminance" width="33" height="25" x="0" y="4" maskUnits="userSpaceOnUse"><path fill="#fff" d="M32.5034 4.00195H0.503906V28.7758H32.5034V4.00195Z"/></mask><g mask="url(#mask0_10031_177575)"><path fill="#5865F2" d="M27.5928 6.20817C25.5533 5.27289 23.3662 4.58382 21.0794 4.18916C21.0378 4.18154 20.9962 4.20057 20.9747 4.23864C20.6935 4.73863 20.3819 5.3909 20.1637 5.90358C17.7042 5.53558 15.2573 5.53558 12.8481 5.90358C12.6299 5.37951 12.307 4.73863 12.0245 4.23864C12.003 4.20184 11.9614 4.18281 11.9198 4.18916C9.63431 4.58255 7.44721 5.27163 5.40641 6.20817C5.38874 6.21578 5.3736 6.22848 5.36355 6.24497C1.21508 12.439 0.078646 18.4809 0.636144 24.4478C0.638667 24.477 0.655064 24.5049 0.677768 24.5227C3.41481 26.5315 6.06609 27.7511 8.66815 28.5594C8.70979 28.5721 8.75392 28.5569 8.78042 28.5226C9.39594 27.6826 9.94461 26.7968 10.4151 25.8653C10.4428 25.8107 10.4163 25.746 10.3596 25.7244C9.48927 25.3945 8.66058 24.9922 7.86343 24.5354C7.80038 24.4986 7.79533 24.4084 7.85333 24.3653C8.02108 24.2397 8.18888 24.109 8.34906 23.977C8.37804 23.9529 8.41842 23.9478 8.45249 23.963C13.6894 26.3526 19.359 26.3526 24.5341 23.963C24.5682 23.9465 24.6086 23.9516 24.6388 23.9757C24.799 24.1077 24.9668 24.2397 25.1358 24.3653C25.1938 24.4084 25.19 24.4986 25.127 24.5354C24.3298 25.0011 23.5011 25.3945 22.6296 25.7232C22.5728 25.7447 22.5476 25.8107 22.5754 25.8653C23.0559 26.7955 23.6046 27.6812 24.2087 28.5213C24.234 28.5569 24.2794 28.5721 24.321 28.5594C26.9357 27.7511 29.5869 26.5315 32.324 24.5227C32.348 24.5049 32.3631 24.4783 32.3656 24.4491C33.0328 17.5506 31.2481 11.5584 27.6344 6.24623C27.6256 6.22848 27.6105 6.21578 27.5928 6.20817ZM11.1971 20.8146C9.62043 20.8146 8.32129 19.3679 8.32129 17.5913C8.32129 15.8146 9.59523 14.368 11.1971 14.368C12.8115 14.368 14.0981 15.8273 14.0729 17.5913C14.0729 19.3679 12.7989 20.8146 11.1971 20.8146ZM21.8299 20.8146C20.2533 20.8146 18.9541 19.3679 18.9541 17.5913C18.9541 15.8146 20.228 14.368 21.8299 14.368C23.4444 14.368 24.7309 15.8273 24.7057 17.5913C24.7057 19.3679 23.4444 20.8146 21.8299 20.8146Z"/></g></g><defs><clipPath id="clip0_10031_177575"><rect width="32" height="32" fill="#fff" transform="translate(0.5)"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/apps/web-client/src/stories/assets/docs.png b/apps/web-client/src/stories/assets/docs.png
deleted file mode 100644
index a749629d..00000000
Binary files a/apps/web-client/src/stories/assets/docs.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/figma-plugin.png b/apps/web-client/src/stories/assets/figma-plugin.png
deleted file mode 100644
index 8f79b08c..00000000
Binary files a/apps/web-client/src/stories/assets/figma-plugin.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/github.svg b/apps/web-client/src/stories/assets/github.svg
deleted file mode 100644
index dc513528..00000000
--- a/apps/web-client/src/stories/assets/github.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#161614" d="M16.0001 0C7.16466 0 0 7.17472 0 16.0256C0 23.1061 4.58452 29.1131 10.9419 31.2322C11.7415 31.3805 12.0351 30.8845 12.0351 30.4613C12.0351 30.0791 12.0202 28.8167 12.0133 27.4776C7.56209 28.447 6.62283 25.5868 6.62283 25.5868C5.89499 23.7345 4.8463 23.2419 4.8463 23.2419C3.39461 22.2473 4.95573 22.2678 4.95573 22.2678C6.56242 22.3808 7.40842 23.9192 7.40842 23.9192C8.83547 26.3691 11.1514 25.6609 12.0645 25.2514C12.2081 24.2156 12.6227 23.5087 13.0803 23.1085C9.52648 22.7032 5.7906 21.3291 5.7906 15.1886C5.7906 13.4389 6.41563 12.0094 7.43916 10.8871C7.27303 10.4834 6.72537 8.85349 7.59415 6.64609C7.59415 6.64609 8.93774 6.21539 11.9953 8.28877C13.2716 7.9337 14.6404 7.75563 16.0001 7.74953C17.3599 7.75563 18.7297 7.9337 20.0084 8.28877C23.0623 6.21539 24.404 6.64609 24.404 6.64609C25.2749 8.85349 24.727 10.4834 24.5608 10.8871C25.5868 12.0094 26.2075 13.4389 26.2075 15.1886C26.2075 21.3437 22.4645 22.699 18.9017 23.0957C19.4756 23.593 19.9869 24.5683 19.9869 26.0634C19.9869 28.2077 19.9684 29.9334 19.9684 30.4613C19.9684 30.8877 20.2564 31.3874 21.0674 31.2301C27.4213 29.1086 32 23.1037 32 16.0256C32 7.17472 24.8364 0 16.0001 0ZM5.99257 22.8288C5.95733 22.9084 5.83227 22.9322 5.71834 22.8776C5.60229 22.8253 5.53711 22.7168 5.57474 22.6369C5.60918 22.5549 5.7345 22.5321 5.85029 22.587C5.9666 22.6393 6.03284 22.7489 5.99257 22.8288ZM6.7796 23.5321C6.70329 23.603 6.55412 23.5701 6.45291 23.4581C6.34825 23.3464 6.32864 23.197 6.40601 23.125C6.4847 23.0542 6.62937 23.0874 6.73429 23.1991C6.83895 23.3121 6.85935 23.4605 6.7796 23.5321ZM7.31953 24.4321C7.2215 24.5003 7.0612 24.4363 6.96211 24.2938C6.86407 24.1513 6.86407 23.9804 6.96422 23.9119C7.06358 23.8435 7.2215 23.905 7.32191 24.0465C7.41968 24.1914 7.41968 24.3623 7.31953 24.4321ZM8.23267 25.4743C8.14497 25.5712 7.95818 25.5452 7.82146 25.413C7.68156 25.2838 7.64261 25.1004 7.73058 25.0035C7.81934 24.9064 8.00719 24.9337 8.14497 25.0648C8.28381 25.1938 8.3262 25.3785 8.23267 25.4743ZM9.41281 25.8262C9.37413 25.9517 9.19423 26.0088 9.013 25.9554C8.83203 25.9005 8.7136 25.7535 8.75016 25.6266C8.78778 25.5003 8.96848 25.4408 9.15104 25.4979C9.33174 25.5526 9.45044 25.6985 9.41281 25.8262ZM10.7559 25.9754C10.7604 26.1076 10.6067 26.2172 10.4165 26.2196C10.2252 26.2238 10.0704 26.1169 10.0683 25.9868C10.0683 25.8534 10.2185 25.7448 10.4098 25.7416C10.6001 25.7379 10.7559 25.8441 10.7559 25.9754ZM12.0753 25.9248C12.0981 26.0537 11.9658 26.1862 11.7769 26.2215C11.5912 26.2554 11.4192 26.1758 11.3957 26.0479C11.3726 25.9157 11.5072 25.7833 11.6927 25.7491C11.8819 25.7162 12.0512 25.7937 12.0753 25.9248Z"/></svg>
\ No newline at end of file
diff --git a/apps/web-client/src/stories/assets/share.png b/apps/web-client/src/stories/assets/share.png
deleted file mode 100644
index 8097a370..00000000
Binary files a/apps/web-client/src/stories/assets/share.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/styling.png b/apps/web-client/src/stories/assets/styling.png
deleted file mode 100644
index d341e826..00000000
Binary files a/apps/web-client/src/stories/assets/styling.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/testing.png b/apps/web-client/src/stories/assets/testing.png
deleted file mode 100644
index d4ac39a0..00000000
Binary files a/apps/web-client/src/stories/assets/testing.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/theming.png b/apps/web-client/src/stories/assets/theming.png
deleted file mode 100644
index 1535eb9b..00000000
Binary files a/apps/web-client/src/stories/assets/theming.png and /dev/null differ
diff --git a/apps/web-client/src/stories/assets/tutorials.svg b/apps/web-client/src/stories/assets/tutorials.svg
deleted file mode 100644
index b492a9c6..00000000
--- a/apps/web-client/src/stories/assets/tutorials.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none" viewBox="0 0 33 32"><g clip-path="url(#clip0_10031_177597)"><path fill="#B7F0EF" fill-rule="evenodd" d="M17 7.87059C17 6.48214 17.9812 5.28722 19.3431 5.01709L29.5249 2.99755C31.3238 2.64076 33 4.01717 33 5.85105V22.1344C33 23.5229 32.0188 24.7178 30.6569 24.9879L20.4751 27.0074C18.6762 27.3642 17 25.9878 17 24.1539L17 7.87059Z" clip-rule="evenodd" opacity=".7"/><path fill="#87E6E5" fill-rule="evenodd" d="M1 5.85245C1 4.01857 2.67623 2.64215 4.47507 2.99895L14.6569 5.01848C16.0188 5.28861 17 6.48354 17 7.87198V24.1553C17 25.9892 15.3238 27.3656 13.5249 27.0088L3.34311 24.9893C1.98119 24.7192 1 23.5242 1 22.1358V5.85245Z" clip-rule="evenodd"/><path fill="#61C1FD" fill-rule="evenodd" d="M15.543 5.71289C15.543 5.71289 16.8157 5.96289 17.4002 6.57653C17.9847 7.19016 18.4521 9.03107 18.4521 9.03107C18.4521 9.03107 18.4521 25.1106 18.4521 26.9629C18.4521 28.8152 19.3775 31.4174 19.3775 31.4174L17.4002 28.8947L16.2575 31.4174C16.2575 31.4174 15.543 29.0765 15.543 27.122C15.543 25.1674 15.543 5.71289 15.543 5.71289Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_10031_177597"><rect width="32" height="32" fill="#fff" transform="translate(0.5)"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/apps/web-client/src/stories/assets/youtube.svg b/apps/web-client/src/stories/assets/youtube.svg
deleted file mode 100644
index a7515d7e..00000000
--- a/apps/web-client/src/stories/assets/youtube.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#ED1D24" d="M31.3313 8.44657C30.9633 7.08998 29.8791 6.02172 28.5022 5.65916C26.0067 5.00026 16 5.00026 16 5.00026C16 5.00026 5.99333 5.00026 3.4978 5.65916C2.12102 6.02172 1.03665 7.08998 0.668678 8.44657C0 10.9053 0 16.0353 0 16.0353C0 16.0353 0 21.1652 0.668678 23.6242C1.03665 24.9806 2.12102 26.0489 3.4978 26.4116C5.99333 27.0703 16 27.0703 16 27.0703C16 27.0703 26.0067 27.0703 28.5022 26.4116C29.8791 26.0489 30.9633 24.9806 31.3313 23.6242C32 21.1652 32 16.0353 32 16.0353C32 16.0353 32 10.9053 31.3313 8.44657Z"/><path fill="#fff" d="M12.7266 20.6934L21.0902 16.036L12.7266 11.3781V20.6934Z"/></svg>
\ No newline at end of file
diff --git a/apps/web-client/src/stories/button.css b/apps/web-client/src/stories/button.css
deleted file mode 100644
index 4e3620b0..00000000
--- a/apps/web-client/src/stories/button.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.storybook-button {
-  display: inline-block;
-  cursor: pointer;
-  border: 0;
-  border-radius: 3em;
-  font-weight: 700;
-  line-height: 1;
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-.storybook-button--primary {
-  background-color: #555ab9;
-  color: white;
-}
-.storybook-button--secondary {
-  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-  background-color: transparent;
-  color: #333;
-}
-.storybook-button--small {
-  padding: 10px 16px;
-  font-size: 12px;
-}
-.storybook-button--medium {
-  padding: 11px 20px;
-  font-size: 14px;
-}
-.storybook-button--large {
-  padding: 12px 24px;
-  font-size: 16px;
-}
diff --git a/apps/web-client/src/stories/header.css b/apps/web-client/src/stories/header.css
deleted file mode 100644
index 5efd46c2..00000000
--- a/apps/web-client/src/stories/header.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.storybook-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  padding: 15px 20px;
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-
-.storybook-header svg {
-  display: inline-block;
-  vertical-align: top;
-}
-
-.storybook-header h1 {
-  display: inline-block;
-  vertical-align: top;
-  margin: 6px 0 6px 10px;
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 1;
-}
-
-.storybook-header button + button {
-  margin-left: 10px;
-}
-
-.storybook-header .welcome {
-  margin-right: 10px;
-  color: #333;
-  font-size: 14px;
-}
diff --git a/apps/web-client/src/stories/page.css b/apps/web-client/src/stories/page.css
deleted file mode 100644
index 77c81d2d..00000000
--- a/apps/web-client/src/stories/page.css
+++ /dev/null
@@ -1,68 +0,0 @@
-.storybook-page {
-  margin: 0 auto;
-  padding: 48px 20px;
-  max-width: 600px;
-  color: #333;
-  font-size: 14px;
-  line-height: 24px;
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-
-.storybook-page h2 {
-  display: inline-block;
-  vertical-align: top;
-  margin: 0 0 4px;
-  font-weight: 700;
-  font-size: 32px;
-  line-height: 1;
-}
-
-.storybook-page p {
-  margin: 1em 0;
-}
-
-.storybook-page a {
-  color: inherit;
-}
-
-.storybook-page ul {
-  margin: 1em 0;
-  padding-left: 30px;
-}
-
-.storybook-page li {
-  margin-bottom: 8px;
-}
-
-.storybook-page .tip {
-  display: inline-block;
-  vertical-align: top;
-  margin-right: 10px;
-  border-radius: 1em;
-  background: #e7fdd8;
-  padding: 4px 12px;
-  color: #357a14;
-  font-weight: 700;
-  font-size: 11px;
-  line-height: 12px;
-}
-
-.storybook-page .tip-wrapper {
-  margin-top: 40px;
-  margin-bottom: 40px;
-  font-size: 13px;
-  line-height: 20px;
-}
-
-.storybook-page .tip-wrapper svg {
-  display: inline-block;
-  vertical-align: top;
-  margin-top: 3px;
-  margin-right: 4px;
-  width: 12px;
-  height: 12px;
-}
-
-.storybook-page .tip-wrapper svg path {
-  fill: #1ea7fd;
-}
diff --git a/apps/web-client/src/styles/glass.css b/apps/web-client/src/styles/glass.css
deleted file mode 100644
index 61fd399d..00000000
--- a/apps/web-client/src/styles/glass.css
+++ /dev/null
@@ -1,369 +0,0 @@
-/**
- * EN: Glassmorphism Utility Classes
- * VI: Các class tiện ích cho Glassmorphism
- *
- * This file contains reusable glassmorphism utility classes following the subtle x.ai aesthetic.
- * These classes combine background, borders, blur, and shadows to create professional glass effects.
- *
- * File này chứa các class tiện ích glassmorphism có thể tái sử dụng theo phong cách x.ai tinh tế.
- * Các class này kết hợp background, borders, blur, và shadows để tạo hiệu ứng glass chuyên nghiệp.
- */
-
-/* ============================================
-   EN: Basic Glass Panel
-   VI: Glass Panel cơ bản
-   ============================================ */
-
-/**
- * Basic glass panel with default settings
- * Suitable for cards, containers, and panels
- */
-.glass-panel {
-  background: var(--glass-bg-default);
-  backdrop-filter: blur(var(--glass-blur-md));
-  -webkit-backdrop-filter: blur(var(--glass-blur-md));
-  /* Safari support */
-  border: 1px solid var(--glass-border-default);
-  box-shadow: var(--glass-shadow-md), var(--glass-shadow-inset);
-}
-
-.glass-panel:hover {
-  background: var(--glass-bg-hover);
-  border-color: var(--glass-border-hover);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-
-/* ============================================
-   EN: Glass Card (with hover animation)
-   VI: Glass Card (có animation khi hover)
-   ============================================ */
-
-/**
- * Glass card with rounded corners and minimal hover effect
- * X.ai minimalist style - subtle lift only
- */
-.glass-card {
-  background: var(--glass-bg-default);
-  backdrop-filter: blur(var(--glass-blur-sm));
-  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
-  border: 1px solid var(--glass-border-default);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-  border-radius: var(--radius-lg);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-
-.glass-card:hover {
-  border-color: var(--glass-border-hover);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
-}
-
-/**
- * EN: Focus-within state for form groups
- * VI: Trạng thái focus-within cho form groups
- */
-.glass-card:focus-within {
-  border-color: var(--accent-primary);
-  box-shadow: 0 0 0 1px rgba(29, 155, 240, 0.2);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-
-/* ============================================
-   EN: Glass Button
-   VI: Glass Button
-   ============================================ */
-
-/**
- * Glass button with minimal background - X.ai style
- * Snappy, fast interactions
- */
-.glass-button {
-  background: var(--glass-bg-default);
-  backdrop-filter: blur(var(--glass-blur-sm));
-  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
-  border: 1px solid var(--glass-border-default);
-  box-shadow: var(--shadow);
-  border-radius: var(--radius-md);
-  padding: var(--space-3) var(--space-4);
-  transition: all var(--duration-fast) var(--ease-snap);
-  cursor: pointer;
-  user-select: none;
-}
-
-.glass-button:hover:not(:disabled) {
-  background: var(--glass-bg-hover);
-  border-color: var(--glass-border-hover);
-  transform: translateY(-1px);
-}
-
-.glass-button:active:not(:disabled) {
-  background: var(--glass-bg-active);
-  transform: scale(var(--active-scale));
-}
-
-.glass-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* ============================================
-   EN: Glass Input
-   VI: Glass Input
-   ============================================ */
-
-/**
- * Glass input field - X.ai minimalist
- * Ultra-minimal blur for maximum text clarity
- */
-.glass-input {
-  background: var(--glass-bg-subtle);
-  backdrop-filter: blur(var(--glass-blur-sm));
-  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
-  border: 1px solid var(--glass-border-subtle);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-
-.glass-input:hover {
-  border-color: var(--glass-border-default);
-}
-
-.glass-input:focus {
-  border-color: var(--accent-primary);
-  box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.1);
-  outline: none;
-}
-
-.glass-input::placeholder {
-  color: var(--text-tertiary);
-}
-
-/* ============================================
-   EN: Solid Input (X.ai Style)
-   VI: Solid Input (Phong cách X.ai)
-   ============================================ */
-
-/**
- * Solid input field for a more grounded feel
- */
-.solid-input {
-  background: var(--bg-secondary);
-  border: 1px solid var(--border-primary);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-
-.solid-input:hover {
-  border-color: var(--border-secondary);
-}
-
-.solid-input:focus {
-  background: var(--bg-primary);
-  border-color: var(--accent-primary);
-  box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.1);
-  outline: none;
-}
-
-/* ============================================
-   EN: Glass Modal/Dialog
-   VI: Glass Modal/Dialog
-   ============================================ */
-
-/**
- * Glass modal - X.ai minimal style
- * Reduced blur for cleaner appearance
- */
-.glass-modal {
-  background: rgba(10, 10, 10, 0.95);
-  backdrop-filter: blur(var(--glass-blur-lg));
-  -webkit-backdrop-filter: blur(var(--glass-blur-lg));
-  border: 1px solid var(--glass-border-default);
-  box-shadow: var(--shadow-lg);
-}
-
-/* ============================================
-   EN: Glass Navigation
-   VI: Glass Navigation
-   ============================================ */
-
-/**
- * Glass navigation bar - X.ai clean style
- * Minimal blur, clean borders
- */
-.glass-nav {
-  background: rgba(0, 0, 0, 0.6);
-  backdrop-filter: blur(var(--glass-blur-md)) saturate(150%);
-  -webkit-backdrop-filter: blur(var(--glass-blur-md)) saturate(150%);
-  border-bottom: 1px solid var(--glass-border-subtle);
-}
-
-/* ============================================
-   EN: Glass Sidebar
-   VI: Glass Sidebar
-   ============================================ */
-
-/**
- * Glass sidebar with medium blur
- * Suitable for side panels, drawers
- */
-.glass-sidebar {
-  background: var(--glass-bg-medium);
-  backdrop-filter: blur(var(--glass-blur-md));
-  -webkit-backdrop-filter: blur(var(--glass-blur-md));
-  border-right: 1px solid var(--glass-border-default);
-}
-
-/* ============================================
-   EN: Glass Badge/Chip
-   VI: Glass Badge/Chip
-   ============================================ */
-
-/**
- * Small glass badge or chip
- * Use for tags, labels, status indicators
- */
-.glass-badge {
-  background: var(--glass-bg-subtle);
-  backdrop-filter: blur(var(--glass-blur-sm));
-  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
-  border: 1px solid var(--glass-border-subtle);
-  padding: 0.25rem 0.75rem;
-  border-radius: var(--radius-full);
-  font-size: var(--text-sm);
-  transition: all var(--duration-fast) var(--ease-snap);
-}
-
-.glass-badge:hover {
-  background: var(--glass-bg-default);
-  border-color: var(--glass-border-default);
-}
-
-/* ============================================
-   EN: Glass Overlay (for modals/dialogs backdrop)
-   VI: Glass Overlay (cho backdrop của modal/dialog)
-   ============================================ */
-
-/**
- * Full-screen glass overlay - X.ai minimal
- * Reduced blur for performance
- */
-.glass-overlay {
-  background: rgba(0, 0, 0, 0.8);
-  backdrop-filter: blur(var(--glass-blur-lg));
-  -webkit-backdrop-filter: blur(var(--glass-blur-lg));
-}
-
-/* ============================================
-   EN: Glass Dropdown
-   VI: Glass Dropdown
-   ============================================ */
-
-/**
- * Glass dropdown menu - X.ai minimal
- */
-.glass-dropdown {
-  background: var(--glass-bg-medium);
-  backdrop-filter: blur(var(--glass-blur-md));
-  -webkit-backdrop-filter: blur(var(--glass-blur-md));
-  border: 1px solid var(--glass-border-default);
-  box-shadow: var(--shadow-lg);
-  border-radius: var(--radius-lg);
-}
-
-/* ============================================
-   EN: Utility Modifiers
-   VI: Các modifier tiện ích
-   ============================================ */
-
-/**
- * Extra subtle glass effect
- */
-.glass-subtle {
-  background: var(--glass-bg-subtle);
-  backdrop-filter: blur(var(--glass-blur-sm));
-  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
-  border: 1px solid var(--glass-border-subtle);
-}
-
-/**
- * Strong glass effect (use sparingly)
- */
-.glass-strong {
-  background: var(--glass-bg-medium);
-  backdrop-filter: blur(var(--glass-blur-lg));
-  -webkit-backdrop-filter: blur(var(--glass-blur-lg));
-  border: 1px solid var(--glass-border-hover);
-  box-shadow: var(--glass-shadow-lg), var(--glass-shadow-inset);
-}
-
-/**
- * No border variant
- */
-.glass-no-border {
-  border: none;
-}
-
-/**
- * No shadow variant - prefer this for minimalism
- */
-.glass-no-shadow {
-  box-shadow: none;
-}
-
-/* ============================================
-   EN: Responsive Variants (Optional)
-   VI: Các biến thể responsive (Tùy chọn)
-   ============================================ */
-
-/**
- * Reduce glass effects on mobile for performance
- */
-@media (max-width: 768px) {
-
-  .glass-card,
-  .glass-modal,
-  .glass-nav {
-    backdrop-filter: blur(var(--glass-blur-sm));
-    -webkit-backdrop-filter: blur(var(--glass-blur-sm));
-  }
-}
-
-/* ============================================
-   EN: Animation Classes
-   VI: Các class animation
-   ============================================ */
-
-/**
- * Glass appear animation - X.ai snappy
- */
-@keyframes glass-appear {
-  from {
-    opacity: 0;
-    transform: scale(0.98);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.glass-appear {
-  animation: glass-appear var(--duration-fast) var(--ease-snap);
-}
-
-/**
- * Glass slide in from top - X.ai snappy
- */
-@keyframes glass-slide-down {
-  from {
-    opacity: 0;
-    transform: translateY(-8px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.glass-slide-down {
-  animation: glass-slide-down var(--duration-fast) var(--ease-snap);
-}
\ No newline at end of file
diff --git a/apps/web-client/src/styles/theme.css b/apps/web-client/src/styles/theme.css
deleted file mode 100644
index 6c4ec47d..00000000
--- a/apps/web-client/src/styles/theme.css
+++ /dev/null
@@ -1,460 +0,0 @@
-/**
- * EN: Design System Theme Tokens
- * VI: Các token thiết kế cho Design System
- *
- * This file contains all CSS custom properties (variables) for the design system,
- * including colors, typography, spacing, layout, animations, and more.
- * These tokens are used throughout the application and can be referenced in Tailwind CSS
- * utility classes via the tailwind.config.js configuration.
- *
- * File này chứa tất cả các CSS custom properties (biến) cho design system,
- * bao gồm màu sắc, typography, spacing, layout, animations, và nhiều hơn nữa.
- * Các token này được sử dụng trong toàn bộ ứng dụng và có thể được tham chiếu trong
- * các utility classes của Tailwind CSS thông qua cấu hình tailwind.config.js.
- */
-
-:root {
-  /* ============================================
-     EN: Color Palette - Dark Mode (Primary Theme)
-     VI: Bảng màu - Dark Mode (Theme chính)
-     ============================================ */
-
-  /* Background Colors - Minimal Monochrome */
-  --bg-primary: #000000;
-  /* True Black */
-  --bg-secondary: #111111;
-  /* Near Black - Card/Panel */
-  --bg-tertiary: #222222;
-  /* Dark Gray */
-  --bg-elevated: #333333;
-  /* Elevated Gray */
-
-  /* Text Colors (Highest Contrast) */
-  --text-primary: #FFFFFF;
-  /* Pure white */
-  --text-secondary: #999999;
-  /* Light Gray */
-  --text-tertiary: #666666;
-  /* Dark Gray */
-  --text-muted: #444444;
-  /* Muted */
-  --text-inverse: #000000;
-  /* Black */
-
-  /* Brand/Accent Colors - Monochrome */
-  --accent-primary: #FFFFFF;
-  /* White */
-  --accent-primary-hover: #CCCCCC;
-  /* Light Gray */
-  --accent-primary-light: #333333;
-  /* Dark Gray */
-  --accent-secondary: #333333;
-  /* Dark grey */
-
-  /* Functional Colors - Kept as monochrome variants or high contrast */
-  --accent-success: #FFFFFF;
-  /* Success = White (rely on icons) */
-  --accent-warning: #CCCCCC;
-  /* Warning = Gray */
-  --accent-error: #FFFFFF;
-  /* Error = White (rely on icons) */
-  --accent-info: #FFFFFF;
-  /* Info = White */
-
-  /* Chat Specific Colors */
-  --chat-user-bubble: #222222;
-  --chat-ai-bubble: transparent;
-  --chat-user-text: #FFFFFF;
-  --chat-ai-text: #DDDDDD;
-  --chat-timestamp: #666666;
-  --chat-divider: #222222;
-
-  /* Border Colors */
-  --border-primary: #333333;
-  --border-secondary: #444444;
-  --border-focus: #FFFFFF;
-
-  /* ============================================
-     EN: Brand Colors (Monochrome)
-     VI: Màu thương hiệu (Đơn sắc)
-     ============================================ */
-
-  /* Primary Brand Color */
-  --brand-primary: #FFFFFF;
-  --brand-primary-light: #CCCCCC;
-  --brand-primary-dark: #999999;
-  --brand-primary-contrast: #000000;
-
-  /* Secondary Brand Color */
-  --brand-secondary: #666666;
-  --brand-secondary-light: #999999;
-  --brand-secondary-dark: #333333;
-
-  /* ============================================
-     EN: Minimal Effects
-     VI: Hiệu ứng tối giản
-     ============================================ */
-
-  /* Glass Backgrounds */
-  --glass-bg-subtle: rgba(255, 255, 255, 0.02);
-  --glass-bg-default: rgba(255, 255, 255, 0.05);
-  --glass-bg-medium: rgba(255, 255, 255, 0.08);
-  --glass-bg-hover: rgba(255, 255, 255, 0.1);
-  --glass-bg-active: rgba(255, 255, 255, 0.15);
-
-  /* Glass Borders */
-  --glass-border-subtle: rgba(255, 255, 255, 0.1);
-  --glass-border-default: rgba(255, 255, 255, 0.15);
-  --glass-border-hover: rgba(255, 255, 255, 0.3);
-  --glass-border-focus: rgba(255, 255, 255, 0.8);
-
-  /* Shadows */
-  --glass-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.8);
-  --glass-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.9);
-  --glass-shadow-lg: 0 8px 24px rgba(0, 0, 0, 1.0);
-  --glass-shadow-inset: inset 0 1px 1px rgba(255, 255, 255, 0.1);
-
-  --interactive-glass-rest: rgba(255, 255, 255, 0.05);
-  --interactive-glass-hover: rgba(255, 255, 255, 0.1);
-  --interactive-glass-active: rgba(255, 255, 255, 0.15);
-  --interactive-glass-disabled: rgba(255, 255, 255, 0.02);
-
-  /* Legacy support - keeping old variables for backward compatibility */
-  --glass-bg: var(--glass-bg-default);
-  --glass-border: var(--glass-border-default);
-  --glass-blur: var(--glass-blur-md);
-
-  /* ============================================
-     EN: Removed - Extended Shadows (X.ai Minimalist)
-     VI: Đã xóa - Extended Shadows (X.ai Minimalist)
-     ============================================ */
-  /* Removed brand shadows for minimalist approach */
-  /* Use --shadow or --shadow-lg instead */
-
-  /* ============================================
-     EN: Light Mode Colors (Secondary Theme)
-     VI: Màu sắc cho Light Mode (Theme phụ)
-     ============================================ */
-  --bg-primary-light: #FFFFFF;
-  --bg-secondary-light: #FBFBFD;
-  /* Apple Gray */
-  --bg-tertiary-light: #F5F5F7;
-  --text-primary-light: #1D1D1F;
-  /* Apple Black */
-  --text-secondary-light: #86868B;
-  /* Apple Gray Text */
-  --border-primary-light: #D2D2D7;
-
-  /* ============================================
-     EN: Typography
-     VI: Kiểu chữ
-     ============================================ */
-
-  /* Font Stack / Bộ font */
-  --font-sans: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  --font-mono: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
-
-  /* Display Font - For hero titles (48px+) */
-  --font-display: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-
-  /* Heading Font - For section headings (24-36px) */
-  --font-heading: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-
-  /* Type Scale - Clean minimal approach */
-  --text-6xl: 3.5rem;
-  /* 56px - Hero titles */
-  --text-5xl: 2.75rem;
-  /* 44px - Page titles */
-  --text-4xl: 2.25rem;
-  /* 36px - Section headers */
-  --text-3xl: 1.75rem;
-  /* 28px - Card headers */
-  --text-2xl: 1.5rem;
-  /* 24px - Large body */
-  --text-xl: 1.25rem;
-  /* 20px - Emphasized text */
-  --text-lg: 1.125rem;
-  /* 18px - Large body */
-  --text-base: 1rem;
-  /* 16px - Default body */
-  --text-sm: 0.875rem;
-  /* 14px - Small text */
-  --text-xs: 0.75rem;
-  /* 12px - Captions */
-
-  /* Line Heights / Chiều cao dòng */
-  --leading-none: 1;
-  --leading-tight: 1.1;
-  --leading-snug: 1.2;
-  --leading-normal: 1.5;
-  --leading-relaxed: 1.625;
-  --leading-loose: 2;
-
-  /* Font Weights - X.ai Minimalist (Bolder Impact) */
-  --font-thin: 100;
-  --font-extralight: 200;
-  --font-light: 300;
-  /* Light text */
-  --font-normal: 400;
-  /* Body text */
-  --font-medium: 500;
-  /* Emphasized */
-  --font-semibold: 600;
-  /* Headings */
-  --font-bold: 700;
-  /* Bold - stronger impact */
-  --font-extrabold: 800;
-  /* Extra bold - hero text */
-  --font-black: 900;
-  /* Black - maximum impact for titles */
-
-  /* Letter Spacing - Clean Minimalist Look */
-  --tracking-tighter: -0.04em;
-  /* Very tight - for large display text */
-  --tracking-tight: -0.02em;
-  /* Tight - for headings */
-  --tracking-normal: 0;
-  /* Normal */
-  --tracking-wide: 0.02em;
-  /* Wide - for small caps */
-  --tracking-wider: 0.04em;
-  /* Wider - for emphasis */
-
-  /* ============================================
-     EN: Spacing & Layout
-     VI: Khoảng cách & Bố cục
-     ============================================ */
-
-  /* Base Unit: 4px (0.25rem) / Đơn vị cơ sở: 4px (0.25rem) */
-  --space-0: 0;
-  --space-1: 0.25rem;
-  /* 4px */
-  --space-2: 0.5rem;
-  /* 8px */
-  --space-3: 0.75rem;
-  /* 12px */
-  --space-4: 1rem;
-  /* 16px */
-  --space-5: 1.25rem;
-  /* 20px */
-  --space-6: 1.5rem;
-  /* 24px */
-  --space-8: 2rem;
-  /* 32px */
-  --space-10: 2.5rem;
-  /* 40px */
-  --space-12: 3rem;
-  /* 48px */
-  --space-16: 4rem;
-  /* 64px */
-  --space-20: 5rem;
-  /* 80px */
-
-  /* Container Widths / Chiều rộng container */
-  --container-sm: 640px;
-  /* Small devices */
-  --container-md: 768px;
-  /* Medium devices */
-  --container-lg: 1024px;
-  /* Large devices */
-  --container-xl: 1280px;
-  /* Extra large */
-  --container-2xl: 1536px;
-  /* 2X large */
-  --chat-max-width: 800px;
-  /* Max width for chat messages */
-  --sidebar-width: 280px;
-  /* Conversation history sidebar */
-
-  /* Mobile Layout / Layout Mobile */
-  --mobile-header-height: 56px;
-  /* Standard mobile header height */
-  --mobile-bottom-nav-height: 64px;
-  /* iOS/Android bottom nav height */
-  --mobile-safe-area-top: env(safe-area-inset-top);
-  /* iOS notch safe area */
-  --mobile-safe-area-bottom: env(safe-area-inset-bottom);
-  /* iOS home indicator safe area */
-
-  /* Border Radius / Bo góc */
-  --radius-sm: 2px;
-  /* Small elements - sharp */
-  --radius-md: 4px;
-  /* Buttons, inputs - sharp */
-  --radius-lg: 8px;
-  /* Cards - minimal roundness */
-  --radius-xl: 12px;
-  /* Large cards */
-  --radius-2xl: 16px;
-  /* Modals */
-  --radius-full: 9999px;
-  /* Full round - Avatars, pills */
-
-  /* ============================================
-     EN: Shadows - X.ai Minimalist (Ultra Subtle)
-     VI: Đổ bóng - X.ai Minimalist (Cực kỳ tinh tế)
-     ============================================ */
-  --shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-  /* Default shadow - subtle */
-  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.6);
-  /* Large shadow - for modals only */
-
-  /* Legacy support - mapping to new shadows */
-  --shadow-sm: var(--shadow);
-  --shadow-md: var(--shadow);
-  --shadow-xl: var(--shadow-lg);
-  --shadow-glow: 0 0 8px rgba(255, 255, 255, 0.05);
-  /* Minimal glow for focus */
-
-  /* Brand shadows for brand buttons */
-  --shadow-brand: 0 4px 16px rgba(29, 155, 240, 0.3);
-  /* Brand shadow with X.ai blue glow */
-  --shadow-brand-lg: 0 8px 24px rgba(29, 155, 240, 0.4);
-  /* Large brand shadow */
-
-  /* ============================================
-     EN: Grid System & Breakpoints
-     VI: Hệ thống lưới & Điểm ngắt
-     ============================================ */
-  --screen-sm: 640px;
-  /* Mobile landscape */
-  --screen-md: 768px;
-  /* Tablet */
-  --screen-lg: 1024px;
-  /* Desktop */
-  --screen-xl: 1280px;
-  /* Large desktop */
-  --screen-2xl: 1536px;
-  /* Extra large desktop */
-
-  /* ============================================
-     EN: Animation & Transitions
-     VI: Animation & Chuyển tiếp
-     ============================================ */
-
-  /* Timing Functions - X.ai Minimalist (Simplified) */
-  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  /* Smooth and natural - primary easing */
-  --ease-snap: cubic-bezier(0.4, 0, 0.2, 1);
-  /* Snappy - for quick interactions */
-
-  /* Legacy support - mapping to new easing */
-  --ease-in: var(--ease-snap);
-  --ease-out: var(--ease-snap);
-  --ease-in-out: var(--ease-smooth);
-  --motion-ease-smooth: var(--ease-smooth);
-  --motion-ease-glide: var(--ease-snap);
-
-  /* Duration - X.ai Minimalist (Faster, Snappier) */
-  --duration-instant: 100ms;
-  /* Instant feedback */
-  --duration-fast: 150ms;
-  /* Hover effects */
-  --duration-normal: 200ms;
-  /* Default transitions - FASTER */
-  --duration-slow: 300ms;
-  /* Complex animations - FASTER */
-
-  /* Legacy support - mapping to new durations */
-  --duration-slower: var(--duration-slow);
-  --motion-duration-instant: var(--duration-instant);
-  --motion-duration-quick: var(--duration-fast);
-  --motion-duration-normal: var(--duration-normal);
-  --motion-duration-smooth: var(--duration-slow);
-
-  /* ============================================
-     EN: Interactive States - X.ai Minimalist
-     VI: Trạng thái tương tác - X.ai Minimalist
-     ============================================ */
-
-  /* Removed bounce/elastic - too playful for minimalism */
-
-  /* Hover Scale - Minimal movement */
-  --hover-scale-sm: 1.01;
-  /* Barely noticeable */
-  --hover-scale-md: 1.02;
-  /* Subtle */
-
-  /* Active Scale - For pressed states */
-  --active-scale: 0.99;
-  /* Minimal press feedback */
-}
-
-/* ============================================
-   EN: Light Mode Theme Overrides
-   VI: Ghi đè theme cho Light Mode
-   ============================================ */
-@media (prefers-color-scheme: light) {
-  :root {
-    --bg-primary: var(--bg-primary-light);
-    --bg-secondary: var(--bg-secondary-light);
-    --bg-tertiary: var(--bg-tertiary-light);
-    --text-primary: var(--text-primary-light);
-    --text-secondary: var(--text-secondary-light);
-    --border-primary: var(--border-primary-light);
-  }
-}
-
-/* ============================================
-   EN: Dark Mode Theme (Explicit)
-   VI: Theme Dark Mode (Rõ ràng)
-   ============================================ */
-[data-theme="dark"],
-.dark {
-  --bg-primary: #000000;
-  --bg-secondary: #111111;
-  --bg-tertiary: #222222;
-  --bg-elevated: #333333;
-  --text-primary: #FFFFFF;
-  --text-secondary: #999999;
-  --text-tertiary: #666666;
-  --text-muted: #444444;
-  --border-primary: #333333;
-  --border-secondary: #444444;
-  --border-focus: #FFFFFF;
-  --accent-primary: #FFFFFF;
-  --accent-primary-hover: #CCCCCC;
-}
-
-/* ============================================
-   EN: Light Mode Theme (Explicit)
-   VI: Theme Light Mode (Rõ ràng)
-   ============================================ */
-[data-theme="light"],
-.light {
-  --bg-primary: #FFFFFF;
-  --bg-secondary: #F5F5F5;
-  --bg-tertiary: #E5E5E5;
-  --bg-elevated: #DDDDDD;
-  --text-primary: #000000;
-  --text-secondary: #333333;
-  --text-tertiary: #666666;
-  --text-muted: #999999;
-  --border-primary: #DDDDDD;
-  --border-secondary: #CCCCCC;
-  --border-focus: #000000;
-
-  --accent-primary: #000000;
-  --accent-primary-hover: #333333;
-
-  --brand-primary: #000000;
-  --brand-primary-light: #333333;
-  --brand-primary-dark: #000000;
-  --brand-primary-contrast: #FFFFFF;
-
-  /* Glass effects adapted for light */
-  --glass-bg-subtle: rgba(0, 0, 0, 0.02);
-  --glass-bg-default: rgba(0, 0, 0, 0.03);
-  --glass-bg-medium: rgba(0, 0, 0, 0.05);
-  --glass-bg-hover: rgba(0, 0, 0, 0.08);
-  --glass-bg-active: rgba(0, 0, 0, 0.12);
-
-  --glass-border-subtle: rgba(0, 0, 0, 0.05);
-  --glass-border-default: rgba(0, 0, 0, 0.1);
-  --glass-border-hover: rgba(0, 0, 0, 0.2);
-  --glass-border-focus: rgba(0, 0, 0, 0.8);
-
-  --glass-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
-  --glass-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
-  --glass-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
-}
\ No newline at end of file
diff --git a/apps/web-client/src/test/setup.ts b/apps/web-client/src/test/setup.ts
deleted file mode 100644
index 2f58ed4f..00000000
--- a/apps/web-client/src/test/setup.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * EN: Test setup file for Vitest
- * VI: File setup test cho Vitest
- *
- * This file runs before each test file
- * File này chạy trước mỗi test file
- */
-import { expect, afterEach } from 'vitest';
-import { cleanup } from '@testing-library/react';
-import '@testing-library/jest-dom/vitest';
-
-// EN: Cleanup after each test / VI: Dọn dẹp sau mỗi test
-afterEach(() => {
-  cleanup();
-});
diff --git a/apps/web-client/tailwind.config.js b/apps/web-client/tailwind.config.js
deleted file mode 100644
index 865ea3bf..00000000
--- a/apps/web-client/tailwind.config.js
+++ /dev/null
@@ -1,312 +0,0 @@
-/**
- * EN: Tailwind CSS 4 Configuration
- * VI: Cấu hình Tailwind CSS 4
- *
- * Note: Tailwind CSS 4 uses CSS-first configuration with @theme directive in CSS files.
- * This config file extends the theme with additional utility classes based on CSS variables.
- * The main theme tokens are defined in src/styles/theme.css.
- *
- * Lưu ý: Tailwind CSS 4 sử dụng cấu hình CSS-first với @theme directive trong file CSS.
- * File config này mở rộng theme với các utility classes bổ sung dựa trên CSS variables.
- * Các theme tokens chính được định nghĩa trong src/styles/theme.css.
- */
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/stories/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  darkMode: ['class', '[data-theme="dark"]'],
-  theme: {
-    extend: {
-      // EN: Colors from CSS variables (theme.css)
-      // VI: Màu sắc từ CSS variables (theme.css)
-      colors: {
-        bg: {
-          primary: 'var(--bg-primary)',
-          secondary: 'var(--bg-secondary)',
-          tertiary: 'var(--bg-tertiary)',
-          elevated: 'var(--bg-elevated)',
-        },
-        text: {
-          primary: 'var(--text-primary)',
-          secondary: 'var(--text-secondary)',
-          tertiary: 'var(--text-tertiary)',
-          inverse: 'var(--text-inverse)',
-        },
-        accent: {
-          primary: 'var(--accent-primary)',
-          secondary: 'var(--accent-secondary)',
-          success: 'var(--accent-success)',
-          warning: 'var(--accent-warning)',
-          error: 'var(--accent-error)',
-          info: 'var(--accent-info)',
-        },
-        chat: {
-          'user-bubble': 'var(--chat-user-bubble)',
-          'ai-bubble': 'var(--chat-ai-bubble)',
-          'user-text': 'var(--chat-user-text)',
-          'ai-text': 'var(--chat-ai-text)',
-          timestamp: 'var(--chat-timestamp)',
-          divider: 'var(--chat-divider)',
-        },
-        border: {
-          primary: 'var(--border-primary)',
-          secondary: 'var(--border-secondary)',
-          focus: 'var(--border-focus)',
-        },
-        // EN: Brand colors for easy access / VI: Màu thương hiệu dễ sử dụng
-        brand: {
-          primary: {
-            DEFAULT: 'var(--brand-primary)',
-            light: 'var(--brand-primary-light)',
-            dark: 'var(--brand-primary-dark)',
-            contrast: 'var(--brand-primary-contrast)',
-          },
-          secondary: {
-            DEFAULT: 'var(--brand-secondary)',
-            light: 'var(--brand-secondary-light)',
-            dark: 'var(--brand-secondary-dark)',
-          },
-          accent: {
-            DEFAULT: 'var(--brand-accent)',
-            light: 'var(--brand-accent-light)',
-            dark: 'var(--brand-accent-dark)',
-          },
-        },
-        // EN: Glassmorphism utilities (subtle x.ai style)
-        // VI: Utilities glassmorphism (phong cách x.ai tinh tế)
-        glass: {
-          // Backgrounds
-          bg: 'var(--glass-bg-default)',
-          'bg-subtle': 'var(--glass-bg-subtle)',
-          'bg-default': 'var(--glass-bg-default)',
-          'bg-medium': 'var(--glass-bg-medium)',
-          'bg-hover': 'var(--glass-bg-hover)',
-          'bg-active': 'var(--glass-bg-active)',
-          // Borders
-          border: 'var(--glass-border-default)',
-          'border-subtle': 'var(--glass-border-subtle)',
-          'border-default': 'var(--glass-border-default)',
-          'border-hover': 'var(--glass-border-hover)',
-          'border-focus': 'var(--glass-border-focus)',
-        },
-      },
-      // EN: Glass background colors
-      // VI: Màu nền glass
-      backgroundColor: {
-        'glass-subtle': 'var(--glass-bg-subtle)',
-        'glass': 'var(--glass-bg-default)',
-        'glass-medium': 'var(--glass-bg-medium)',
-        'glass-hover': 'var(--glass-bg-hover)',
-        'glass-active': 'var(--glass-bg-active)',
-      },
-      // EN: Glass border colors
-      // VI: Màu viền glass
-      borderColor: {
-        'glass-subtle': 'var(--glass-border-subtle)',
-        'glass': 'var(--glass-border-default)',
-        'glass-hover': 'var(--glass-border-hover)',
-        'glass-focus': 'var(--glass-border-focus)',
-      },
-      // EN: Font families from CSS variables
-      // VI: Font families từ CSS variables
-      fontFamily: {
-        sans: ['var(--font-sans)', 'sans-serif'],
-        mono: ['var(--font-mono)', 'monospace'],
-      },
-      // EN: Font sizes from CSS variables (for utility classes)
-      // VI: Kích thước chữ từ CSS variables (cho utility classes)
-      fontSize: {
-        '6xl': ['var(--text-6xl)', { lineHeight: '1' }],
-        '5xl': ['var(--text-5xl)', { lineHeight: '1' }],
-        '4xl': ['var(--text-4xl)', { lineHeight: '1.1' }],
-        '3xl': ['var(--text-3xl)', { lineHeight: '1.2' }],
-        '2xl': ['var(--text-2xl)', { lineHeight: '1.3' }],
-        'xl': ['var(--text-xl)', { lineHeight: '1.4' }],
-        'lg': ['var(--text-lg)', { lineHeight: '1.5' }],
-        'base': ['var(--text-base)', { lineHeight: '1.5' }],
-        'sm': ['var(--text-sm)', { lineHeight: '1.5' }],
-        'xs': ['var(--text-xs)', { lineHeight: '1.5' }],
-      },
-      // EN: Font weights from CSS variables
-      // VI: Độ đậm chữ từ CSS variables
-      fontWeight: {
-        light: 'var(--font-light)',
-        normal: 'var(--font-normal)',
-        medium: 'var(--font-medium)',
-        semibold: 'var(--font-semibold)',
-        bold: 'var(--font-bold)',
-      },
-      // EN: Spacing from CSS variables (extends default Tailwind spacing)
-      // VI: Khoảng cách từ CSS variables (mở rộng spacing mặc định của Tailwind)
-      spacing: {
-        'sidebar': 'var(--sidebar-width)',
-        'chat-max': 'var(--chat-max-width)',
-        // EN: Additional spacing utilities using CSS variables
-        // VI: Các utility spacing bổ sung sử dụng CSS variables
-        '0': 'var(--space-0)',
-        '1': 'var(--space-1)',
-        '2': 'var(--space-2)',
-        '3': 'var(--space-3)',
-        '4': 'var(--space-4)',
-        '5': 'var(--space-5)',
-        '6': 'var(--space-6)',
-        '8': 'var(--space-8)',
-        '10': 'var(--space-10)',
-        '12': 'var(--space-12)',
-        '16': 'var(--space-16)',
-        '20': 'var(--space-20)',
-      },
-      // EN: Border radius from CSS variables
-      // VI: Bo góc từ CSS variables
-      borderRadius: {
-        sm: 'var(--radius-sm)',
-        md: 'var(--radius-md)',
-        lg: 'var(--radius-lg)',
-        xl: 'var(--radius-xl)',
-        '2xl': 'var(--radius-2xl)',
-        full: 'var(--radius-full)',
-      },
-      // EN: Box shadows from CSS variables
-      // VI: Đổ bóng từ CSS variables
-      // EN: Brand gradients / VI: Gradients thương hiệu
-      backgroundImage: {
-        'brand-gradient': 'var(--brand-gradient-primary)',
-        'brand-gradient-accent': 'var(--brand-gradient-accent)',
-        'brand-gradient-vertical': 'var(--brand-gradient-vertical)',
-      },
-      // EN: Extended shadows (including glass shadows)
-      // VI: Shadows mở rộng (bao gồm glass shadows)
-      boxShadow: {
-        sm: 'var(--shadow-sm)',
-        md: 'var(--shadow-md)',
-        lg: 'var(--shadow-lg)',
-        xl: 'var(--shadow-xl)',
-        glow: 'var(--shadow-glow)',
-        brand: 'var(--shadow-brand)',
-        'brand-lg': 'var(--shadow-brand-lg)',
-        colored: 'var(--shadow-colored)',
-        // Glass shadows
-        'glass-sm': 'var(--glass-shadow-sm)',
-        'glass': 'var(--glass-shadow-md)',
-        'glass-md': 'var(--glass-shadow-md)',
-        'glass-lg': 'var(--glass-shadow-lg)',
-        'glass-inset': 'var(--glass-shadow-inset)',
-      },
-      // EN: Glass backdrop blur levels / VI: Các mức backdrop blur cho glass
-      backdropBlur: {
-        'glass-sm': 'var(--glass-blur-sm)',
-        'glass': 'var(--glass-blur-md)',
-        'glass-md': 'var(--glass-blur-md)',
-        'glass-lg': 'var(--glass-blur-lg)',
-        'glass-xl': 'var(--glass-blur-xl)',
-      },
-      // EN: Animation timing functions (including motion easing)
-      // VI: Hàm thời gian animation (bao gồm motion easing)
-      transitionTimingFunction: {
-        'in': 'var(--ease-in)',
-        'out': 'var(--ease-out)',
-        'in-out': 'var(--ease-in-out)',
-        spring: 'var(--ease-spring)',
-        // Motion easing (x.ai inspired)
-        smooth: 'var(--motion-ease-smooth)',
-        glide: 'var(--motion-ease-glide)',
-      },
-      // EN: Animation durations (including motion durations)
-      // VI: Thời lượng animation (bao gồm motion durations)
-      transitionDuration: {
-        fast: 'var(--duration-fast)',
-        normal: 'var(--duration-normal)',
-        slow: 'var(--duration-slow)',
-        slower: 'var(--duration-slower)',
-        // Motion durations (x.ai style)
-        instant: 'var(--motion-duration-instant)',
-        quick: 'var(--motion-duration-quick)',
-        'motion-normal': 'var(--motion-duration-normal)',
-        'motion-smooth': 'var(--motion-duration-smooth)',
-      },
-      // EN: Max widths for containers
-      // VI: Chiều rộng tối đa cho containers
-      maxWidth: {
-        'container-sm': 'var(--container-sm)',
-        'container-md': 'var(--container-md)',
-        'container-lg': 'var(--container-lg)',
-        'container-xl': 'var(--container-xl)',
-        'container-2xl': 'var(--container-2xl)',
-        'chat-max': 'var(--chat-max-width)',
-      },
-      // EN: Safe area utilities for mobile
-      // VI: Utilities safe area cho mobile
-      padding: {
-        'safe-top': 'var(--mobile-safe-area-top)',
-        'safe-bottom': 'var(--mobile-safe-area-bottom)',
-      },
-      margin: {
-        'safe-top': 'var(--mobile-safe-area-top)',
-        'safe-bottom': 'var(--mobile-safe-area-bottom)',
-      },
-      // EN: Screen breakpoints (matching CSS variables)
-      // VI: Điểm ngắt màn hình (khớp với CSS variables)
-      screens: {
-        sm: '640px',
-        md: '768px',
-        lg: '1024px',
-        xl: '1280px',
-        '2xl': '1536px',
-      },
-      // EN: Line heights from CSS variables
-      // VI: Chiều cao dòng từ CSS variables
-      lineHeight: {
-        none: 'var(--leading-none)',
-        tight: 'var(--leading-tight)',
-        snug: 'var(--leading-snug)',
-        normal: 'var(--leading-normal)',
-        relaxed: 'var(--leading-relaxed)',
-        loose: 'var(--leading-loose)',
-      },
-    },
-  },
-  plugins: [
-    // Custom glass utilities for Tailwind CSS 4
-    function({ addUtilities }) {
-      const glassUtilities = {
-        '.glass-panel': {
-          background: 'var(--glass-bg-default)',
-          'backdrop-filter': 'blur(var(--glass-blur-md))',
-          '-webkit-backdrop-filter': 'blur(var(--glass-blur-md))',
-          border: '1px solid var(--glass-border-default)',
-          'box-shadow': 'var(--glass-shadow-md), var(--glass-shadow-inset)',
-        },
-        '.glass-panel:hover': {
-          background: 'var(--glass-bg-hover)',
-          'border-color': 'var(--glass-border-hover)',
-          transition: 'all var(--motion-duration-quick) var(--motion-ease-smooth)',
-        },
-      };
-      addUtilities(glassUtilities);
-    },
-    // Mobile safe area utilities
-    function({ addUtilities }) {
-      const mobileUtilities = {
-        '.safe-area-inset-top': {
-          'padding-top': 'var(--mobile-safe-area-top)',
-        },
-        '.safe-area-inset-bottom': {
-          'padding-bottom': 'var(--mobile-safe-area-bottom)',
-        },
-        '.pb-safe-bottom': {
-          'padding-bottom': 'calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-area-bottom))',
-        },
-        '.mobile-layout': {
-          'min-height': '100vh',
-          'min-height': '100dvh', // Dynamic viewport height for mobile
-        },
-      };
-      addUtilities(mobileUtilities);
-    },
-  ],
-};
diff --git a/apps/web-client/test-results/.last-run.json b/apps/web-client/test-results/.last-run.json
deleted file mode 100644
index cbcc1fba..00000000
--- a/apps/web-client/test-results/.last-run.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "status": "passed",
-  "failedTests": []
-}
\ No newline at end of file
diff --git a/apps/web-client/tsconfig.json b/apps/web-client/tsconfig.json
deleted file mode 100644
index e2164a4a..00000000
--- a/apps/web-client/tsconfig.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "extends": "@goodgo/tsconfig/nextjs.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ],
-      "@/features/*": [
-        "./src/features/*"
-      ],
-      "@/shared/*": [
-        "./src/features/shared/*"
-      ],
-      "@/ui": [
-        "./src/features/shared/components/ui"
-      ],
-      "@/lib/*": [
-        "./src/lib/*"
-      ]
-    },
-    "isolatedModules": true,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "**/*.test.ts",
-    "**/*.test.tsx",
-    "**/*.spec.ts",
-    "**/*.spec.tsx",
-    "**/__tests__/**",
-    "**/e2e/**",
-    "**/test/**",
-    "playwright.config.ts",
-    "vitest.config.ts",
-    ".storybook/**",
-    "**/*.stories.ts",
-    "**/*.stories.tsx"
-  ]
-}
diff --git a/apps/web-client/vitest.config.ts b/apps/web-client/vitest.config.ts
deleted file mode 100644
index 554e61ef..00000000
--- a/apps/web-client/vitest.config.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import react from '@vitejs/plugin-react';
-import path from 'path';
-
-/**
- * EN: Vitest configuration for unit testing
- * VI: Cấu hình Vitest cho unit testing
- */
-export default defineConfig({
-  plugins: [react()],
-  test: {
-    environment: 'jsdom',
-    globals: true,
-    setupFiles: ['./src/test/setup.ts'],
-    include: [
-      'src/stores/__tests__/**/*.test.ts',
-      'src/services/api/__tests__/**/*.test.ts',
-    ],
-    exclude: ['e2e/**', 'src/**/__tests__/**/*.integration.test.tsx'],
-    coverage: {
-      provider: 'v8',
-      reporter: ['text', 'json', 'html'],
-      exclude: [
-        'node_modules/',
-        'src/test/',
-        '**/*.d.ts',
-        '**/*.config.*',
-        '**/mockData',
-      ],
-    },
-  },
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
-    },
-  },
-});
diff --git a/deployments/local/.env b/deployments/local/.env
index 0a3dc451..70aebec3 100644
--- a/deployments/local/.env
+++ b/deployments/local/.env
@@ -1,15 +1,19 @@
-# EN: Default sanitized local environment values.
-# VI: Giá trị môi trường local mặc định đã làm sạch.
-# NOTE: Replace placeholders before running docker compose.
+# =============================================================================
+# GoodGo Platform - Local Docker Environment
+# =============================================================================
+# EN: Auto-generated for self-contained local Docker deployment.
+# VI: Tự động tạo cho deployment Docker local tự hoàn chỉnh.
+# =============================================================================
 
 ASPNETCORE_ENVIRONMENT=Development
 NODE_ENV=development
 LOG_LEVEL=Information
 API_VERSION=v1
 
-JWT_SECRET=replace-with-min-32-char-secret
-JWT_REFRESH_SECRET=replace-with-min-32-char-secret
-JWT_ID_SECRET=replace-with-min-32-char-secret
+# JWT / Auth
+JWT_SECRET=GoodGo-Local-Dev-JWT-Secret-2024-Min32Chars!!
+JWT_REFRESH_SECRET=GoodGo-Local-Dev-Refresh-Secret-2024-32Ch!!
+JWT_ID_SECRET=GoodGo-Local-Dev-ID-Secret-2024-Min32Char!!
 JWT_EXPIRES_IN=15m
 JWT_REFRESH_EXPIRES_IN=7d
 JWT_ID_EXPIRES_IN=1h
@@ -18,21 +22,26 @@ JWT_AUDIENCE=goodgo-services
 JWT_ACCESS_TOKEN_EXPIRY_MINUTES=15
 JWT_REFRESH_TOKEN_EXPIRY_DAYS=7
 
-ENCRYPTION_KEY=replace-with-64-char-hex-key
+# Security
+ENCRYPTION_KEY=a1b2c3d4e5f6a7b8c9d0e1f2a3b4c5d6e7f8a9b0c1d2e3f4a5b6c7d8e9f0a1b2
 
+# Redis (local container)
 REDIS_HOST=redis
 REDIS_PORT=6379
-REDIS_PASSWORD=replace-with-redis-password
+REDIS_PASSWORD=goodgo-redis-local
 REDIS_DATABASE=0
-REDIS_CONNECTION_STRING=redis:6379,password=replace-with-redis-password
+REDIS_CONNECTION_STRING=redis:6379,password=goodgo-redis-local
 
+# MinIO (local container)
 MINIO_ENDPOINT=minio:9000
-MINIO_ACCESS_KEY=replace-with-minio-access-key
-MINIO_SECRET_KEY=replace-with-minio-secret-key
+MINIO_ACCESS_KEY=minioadmin
+MINIO_SECRET_KEY=minioadmin123
 
+# RabbitMQ (local container)
 RABBITMQ_USERNAME=guest
-RABBITMQ_PASSWORD=replace-with-rabbitmq-password
+RABBITMQ_PASSWORD=goodgo-rabbitmq-local
 
+# Feature flags
 FEATURE_SWAGGER_ENABLED=true
 FEATURE_DETAILED_ERRORS=true
 CORS_ORIGIN=http://localhost:3000,http://localhost:3001,http://localhost,http://admin.localhost
@@ -41,23 +50,24 @@ JAEGER_ENDPOINT=http://jaeger:14268/api/traces
 METRICS_ENABLED=true
 SEQ_URL=http://localhost:5341
 
-IAM_DATABASE_URL=Host=your-neon-host;Port=5432;Database=iam_service;Username=your-user;Password=your-password;SSL Mode=Require
-STORAGE_DATABASE_URL=Host=your-neon-host;Port=5432;Database=storage_service;Username=your-user;Password=your-password;SSL Mode=Require
-MEMBERSHIP_DATABASE_URL=Host=your-neon-host;Port=5432;Database=membership_service;Username=your-user;Password=your-password;SSL Mode=Require
-MERCHANT_DATABASE_URL=Host=your-neon-host;Port=5432;Database=merchant_service;Username=your-user;Password=your-password;SSL Mode=Require
-WALLET_DATABASE_URL=Host=your-neon-host;Port=5432;Database=wallet_service;Username=your-user;Password=your-password;SSL Mode=Require
-CHAT_DATABASE_URL=Host=your-neon-host;Port=5432;Database=chat_service;Username=your-user;Password=your-password;SSL Mode=Require
-SOCIAL_DATABASE_URL=Host=your-neon-host;Port=5432;Database=social_service;Username=your-user;Password=your-password;SSL Mode=Require
-MINING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=mining_service;Username=your-user;Password=your-password;SSL Mode=Require
-MISSION_DATABASE_URL=Host=your-neon-host;Port=5432;Database=mission_service;Username=your-user;Password=your-password;SSL Mode=Require
-PROMOTION_DATABASE_URL=Host=your-neon-host;Port=5432;Database=promotion_service;Username=your-user;Password=your-password;SSL Mode=Require
-CATALOG_DATABASE_URL=Host=your-neon-host;Port=5432;Database=catalog_service;Username=your-user;Password=your-password;SSL Mode=Require
-ORDER_DATABASE_URL=Host=your-neon-host;Port=5432;Database=order_service;Username=your-user;Password=your-password;SSL Mode=Require
-INVENTORY_DATABASE_URL=Host=your-neon-host;Port=5432;Database=inventory_service;Username=your-user;Password=your-password;SSL Mode=Require
-FNB_ENGINE_DATABASE_URL=Host=your-neon-host;Port=5432;Database=fnb_engine;Username=your-user;Password=your-password;SSL Mode=Require
-BOOKING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=booking_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_MANAGER_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_manager_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_ANALYTICS_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_analytics_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_SERVING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_serving_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_BILLING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_billing_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_TRACKING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_tracking_service;Username=your-user;Password=your-password;SSL Mode=Require
+# Database connection strings (local PostgreSQL container)
+IAM_DATABASE_URL=Host=postgres;Port=5432;Database=iam_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+STORAGE_DATABASE_URL=Host=postgres;Port=5432;Database=storage_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MEMBERSHIP_DATABASE_URL=Host=postgres;Port=5432;Database=membership_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MERCHANT_DATABASE_URL=Host=postgres;Port=5432;Database=merchant_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+WALLET_DATABASE_URL=Host=postgres;Port=5432;Database=wallet_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+CHAT_DATABASE_URL=Host=postgres;Port=5432;Database=chat_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+SOCIAL_DATABASE_URL=Host=postgres;Port=5432;Database=social_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MINING_DATABASE_URL=Host=postgres;Port=5432;Database=mining_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MISSION_DATABASE_URL=Host=postgres;Port=5432;Database=mission_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+PROMOTION_DATABASE_URL=Host=postgres;Port=5432;Database=promotion_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+CATALOG_DATABASE_URL=Host=postgres;Port=5432;Database=catalog_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ORDER_DATABASE_URL=Host=postgres;Port=5432;Database=order_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+INVENTORY_DATABASE_URL=Host=postgres;Port=5432;Database=inventory_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+FNB_ENGINE_DATABASE_URL=Host=postgres;Port=5432;Database=fnb_engine;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+BOOKING_DATABASE_URL=Host=postgres;Port=5432;Database=booking_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_MANAGER_DATABASE_URL=Host=postgres;Port=5432;Database=ads_manager_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_ANALYTICS_DATABASE_URL=Host=postgres;Port=5432;Database=ads_analytics_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_SERVING_DATABASE_URL=Host=postgres;Port=5432;Database=ads_serving_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_BILLING_DATABASE_URL=Host=postgres;Port=5432;Database=ads_billing_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_TRACKING_DATABASE_URL=Host=postgres;Port=5432;Database=ads_tracking_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
diff --git a/deployments/local/.env.local b/deployments/local/.env.local
index 1d62322b..70aebec3 100644
--- a/deployments/local/.env.local
+++ b/deployments/local/.env.local
@@ -1,14 +1,19 @@
-# EN: Local override file template (sanitized). Keep values aligned with .env.
-# VI: Template local override (đã làm sạch). Giữ giá trị đồng bộ với .env.
+# =============================================================================
+# GoodGo Platform - Local Docker Environment
+# =============================================================================
+# EN: Auto-generated for self-contained local Docker deployment.
+# VI: Tự động tạo cho deployment Docker local tự hoàn chỉnh.
+# =============================================================================
 
 ASPNETCORE_ENVIRONMENT=Development
 NODE_ENV=development
 LOG_LEVEL=Information
 API_VERSION=v1
 
-JWT_SECRET=replace-with-min-32-char-secret
-JWT_REFRESH_SECRET=replace-with-min-32-char-secret
-JWT_ID_SECRET=replace-with-min-32-char-secret
+# JWT / Auth
+JWT_SECRET=GoodGo-Local-Dev-JWT-Secret-2024-Min32Chars!!
+JWT_REFRESH_SECRET=GoodGo-Local-Dev-Refresh-Secret-2024-32Ch!!
+JWT_ID_SECRET=GoodGo-Local-Dev-ID-Secret-2024-Min32Char!!
 JWT_EXPIRES_IN=15m
 JWT_REFRESH_EXPIRES_IN=7d
 JWT_ID_EXPIRES_IN=1h
@@ -17,21 +22,26 @@ JWT_AUDIENCE=goodgo-services
 JWT_ACCESS_TOKEN_EXPIRY_MINUTES=15
 JWT_REFRESH_TOKEN_EXPIRY_DAYS=7
 
-ENCRYPTION_KEY=replace-with-64-char-hex-key
+# Security
+ENCRYPTION_KEY=a1b2c3d4e5f6a7b8c9d0e1f2a3b4c5d6e7f8a9b0c1d2e3f4a5b6c7d8e9f0a1b2
 
+# Redis (local container)
 REDIS_HOST=redis
 REDIS_PORT=6379
-REDIS_PASSWORD=replace-with-redis-password
+REDIS_PASSWORD=goodgo-redis-local
 REDIS_DATABASE=0
-REDIS_CONNECTION_STRING=redis:6379,password=replace-with-redis-password
+REDIS_CONNECTION_STRING=redis:6379,password=goodgo-redis-local
 
+# MinIO (local container)
 MINIO_ENDPOINT=minio:9000
-MINIO_ACCESS_KEY=replace-with-minio-access-key
-MINIO_SECRET_KEY=replace-with-minio-secret-key
+MINIO_ACCESS_KEY=minioadmin
+MINIO_SECRET_KEY=minioadmin123
 
+# RabbitMQ (local container)
 RABBITMQ_USERNAME=guest
-RABBITMQ_PASSWORD=replace-with-rabbitmq-password
+RABBITMQ_PASSWORD=goodgo-rabbitmq-local
 
+# Feature flags
 FEATURE_SWAGGER_ENABLED=true
 FEATURE_DETAILED_ERRORS=true
 CORS_ORIGIN=http://localhost:3000,http://localhost:3001,http://localhost,http://admin.localhost
@@ -40,23 +50,24 @@ JAEGER_ENDPOINT=http://jaeger:14268/api/traces
 METRICS_ENABLED=true
 SEQ_URL=http://localhost:5341
 
-IAM_DATABASE_URL=Host=your-neon-host;Port=5432;Database=iam_service;Username=your-user;Password=your-password;SSL Mode=Require
-STORAGE_DATABASE_URL=Host=your-neon-host;Port=5432;Database=storage_service;Username=your-user;Password=your-password;SSL Mode=Require
-MEMBERSHIP_DATABASE_URL=Host=your-neon-host;Port=5432;Database=membership_service;Username=your-user;Password=your-password;SSL Mode=Require
-MERCHANT_DATABASE_URL=Host=your-neon-host;Port=5432;Database=merchant_service;Username=your-user;Password=your-password;SSL Mode=Require
-WALLET_DATABASE_URL=Host=your-neon-host;Port=5432;Database=wallet_service;Username=your-user;Password=your-password;SSL Mode=Require
-CHAT_DATABASE_URL=Host=your-neon-host;Port=5432;Database=chat_service;Username=your-user;Password=your-password;SSL Mode=Require
-SOCIAL_DATABASE_URL=Host=your-neon-host;Port=5432;Database=social_service;Username=your-user;Password=your-password;SSL Mode=Require
-MINING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=mining_service;Username=your-user;Password=your-password;SSL Mode=Require
-MISSION_DATABASE_URL=Host=your-neon-host;Port=5432;Database=mission_service;Username=your-user;Password=your-password;SSL Mode=Require
-PROMOTION_DATABASE_URL=Host=your-neon-host;Port=5432;Database=promotion_service;Username=your-user;Password=your-password;SSL Mode=Require
-CATALOG_DATABASE_URL=Host=your-neon-host;Port=5432;Database=catalog_service;Username=your-user;Password=your-password;SSL Mode=Require
-ORDER_DATABASE_URL=Host=your-neon-host;Port=5432;Database=order_service;Username=your-user;Password=your-password;SSL Mode=Require
-INVENTORY_DATABASE_URL=Host=your-neon-host;Port=5432;Database=inventory_service;Username=your-user;Password=your-password;SSL Mode=Require
-FNB_ENGINE_DATABASE_URL=Host=your-neon-host;Port=5432;Database=fnb_engine;Username=your-user;Password=your-password;SSL Mode=Require
-BOOKING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=booking_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_MANAGER_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_manager_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_ANALYTICS_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_analytics_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_SERVING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_serving_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_BILLING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_billing_service;Username=your-user;Password=your-password;SSL Mode=Require
-ADS_TRACKING_DATABASE_URL=Host=your-neon-host;Port=5432;Database=ads_tracking_service;Username=your-user;Password=your-password;SSL Mode=Require
+# Database connection strings (local PostgreSQL container)
+IAM_DATABASE_URL=Host=postgres;Port=5432;Database=iam_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+STORAGE_DATABASE_URL=Host=postgres;Port=5432;Database=storage_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MEMBERSHIP_DATABASE_URL=Host=postgres;Port=5432;Database=membership_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MERCHANT_DATABASE_URL=Host=postgres;Port=5432;Database=merchant_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+WALLET_DATABASE_URL=Host=postgres;Port=5432;Database=wallet_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+CHAT_DATABASE_URL=Host=postgres;Port=5432;Database=chat_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+SOCIAL_DATABASE_URL=Host=postgres;Port=5432;Database=social_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MINING_DATABASE_URL=Host=postgres;Port=5432;Database=mining_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+MISSION_DATABASE_URL=Host=postgres;Port=5432;Database=mission_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+PROMOTION_DATABASE_URL=Host=postgres;Port=5432;Database=promotion_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+CATALOG_DATABASE_URL=Host=postgres;Port=5432;Database=catalog_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ORDER_DATABASE_URL=Host=postgres;Port=5432;Database=order_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+INVENTORY_DATABASE_URL=Host=postgres;Port=5432;Database=inventory_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+FNB_ENGINE_DATABASE_URL=Host=postgres;Port=5432;Database=fnb_engine;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+BOOKING_DATABASE_URL=Host=postgres;Port=5432;Database=booking_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_MANAGER_DATABASE_URL=Host=postgres;Port=5432;Database=ads_manager_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_ANALYTICS_DATABASE_URL=Host=postgres;Port=5432;Database=ads_analytics_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_SERVING_DATABASE_URL=Host=postgres;Port=5432;Database=ads_serving_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_BILLING_DATABASE_URL=Host=postgres;Port=5432;Database=ads_billing_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
+ADS_TRACKING_DATABASE_URL=Host=postgres;Port=5432;Database=ads_tracking_service;Username=goodgo;Password=goodgo-local-2024;SSL Mode=Disable
diff --git a/deployments/local/docker-compose.yml b/deployments/local/docker-compose.yml
index 31ab6600..ca9925e9 100644
--- a/deployments/local/docker-compose.yml
+++ b/deployments/local/docker-compose.yml
@@ -1,4 +1,4 @@
-version: '3.8'
+
 
 # =============================================================================
 # GoodGo Platform - Local Development Environment
@@ -27,6 +27,92 @@ services:
   # SHARED INFRASTRUCTURE
   # ===========================================================================
 
+  # PostgreSQL 16 - Shared Database Server
+  postgres:
+    image: postgres:15-alpine
+    container_name: postgres-local
+    environment:
+      - POSTGRES_USER=goodgo
+      - POSTGRES_PASSWORD=goodgo-local-2024
+      - POSTGRES_DB=postgres
+    ports:
+      - "5432:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+      - ./init-databases.sh:/docker-entrypoint-initdb.d/init-databases.sh:ro
+    networks:
+      - microservices-network
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U goodgo"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 10s
+
+  # Redis 7 - Cache & SignalR Backplane
+  redis:
+    image: redis:7-alpine
+    container_name: redis-local
+    command: redis-server --requirepass goodgo-redis-local
+    ports:
+      - "6379:6379"
+    volumes:
+      - redis_data:/data
+    networks:
+      - microservices-network
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "redis-cli", "-a", "goodgo-redis-local", "ping"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+
+  # MinIO - Object Storage (S3-compatible)
+  minio:
+    image: minio/minio:latest
+    container_name: minio-local
+    command: server /data --console-address ":9001"
+    environment:
+      - MINIO_ROOT_USER=minioadmin
+      - MINIO_ROOT_PASSWORD=minioadmin123
+    ports:
+      - "9000:9000"    # API
+      - "9001:9001"    # Console
+    volumes:
+      - minio_data:/data
+    networks:
+      - microservices-network
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "mc", "ready", "local"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 10s
+
+  # RabbitMQ 3 - Message Broker (for Ads services)
+  rabbitmq:
+    image: rabbitmq:3-management-alpine
+    container_name: rabbitmq-local
+    environment:
+      - RABBITMQ_DEFAULT_USER=guest
+      - RABBITMQ_DEFAULT_PASS=goodgo-rabbitmq-local
+    ports:
+      - "5672:5672"    # AMQP
+      - "15672:15672"  # Management UI
+    volumes:
+      - rabbitmq_data:/var/lib/rabbitmq
+    networks:
+      - microservices-network
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "rabbitmq-diagnostics", "-q", "ping"]
+      interval: 15s
+      timeout: 10s
+      retries: 5
+      start_period: 30s
+
   # Traefik - API Gateway and Reverse Proxy
   traefik:
     image: traefik:v3.3
@@ -47,7 +133,7 @@ services:
     volumes:
       # EN: Use actual Docker Desktop socket path (not symlink)
       # VI: Sử dụng đường dẫn socket thực của Docker Desktop (không phải symlink)
-      - ${HOME}/.docker/run/docker.sock:/var/run/docker.sock:ro
+      - /var/run/docker.sock:/var/run/docker.sock:ro
       - ../../infra/traefik:/etc/traefik:ro
     networks:
       - microservices-network
@@ -72,23 +158,15 @@ services:
     environment:
       - ASPNETCORE_ENVIRONMENT=Development
       - ASPNETCORE_URLS=http://+:8080
-      # EN: Database - Neon PostgreSQL
-      # VI: Cơ sở dữ liệu - Neon PostgreSQL
       - ConnectionStrings__DefaultConnection=${STORAGE_DATABASE_URL}
-      # EN: Storage - External MinIO
-      # VI: Storage - MinIO bên ngoài
       - Storage__Provider=minio
       - Storage__DefaultBucket=goodgo
       - Storage__MinIO__Endpoint=${MINIO_ENDPOINT}
       - Storage__MinIO__AccessKey=${MINIO_ACCESS_KEY}
       - Storage__MinIO__SecretKey=${MINIO_SECRET_KEY}
       - Storage__MinIO__UseSSL=false
-      # EN: IAM Service Communication
-      # VI: Giao tiếp IAM Service
       - IamService__BaseUrl=http://iam-service-net:8080
       - IamService__ServiceName=storage-service
-      # EN: Redis Cache
-      # VI: Cache Redis
       - Redis__Host=${REDIS_HOST}
       - Redis__Port=${REDIS_PORT}
       - Redis__Password=${REDIS_PASSWORD}
@@ -103,7 +181,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -145,7 +223,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -191,7 +269,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -242,17 +320,21 @@ services:
     ports:
       - "5001:8080"
     depends_on:
+      postgres:
+        condition: service_healthy
+      redis:
+        condition: service_healthy
       traefik:
         condition: service_started
     networks:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
-      start_period: 15s
+      start_period: 60s
     labels:
       - "traefik.enable=true"
       - "traefik.http.routers.iam-service-net.rule=PathPrefix(`/api/v1/iam`) || PathPrefix(`/api/v1/auth`) || PathPrefix(`/api/v1/users`) || PathPrefix(`/api/v1/roles`)"
@@ -294,7 +376,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -347,7 +429,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -407,7 +489,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -458,7 +540,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -516,7 +598,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -567,7 +649,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -619,7 +701,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -672,7 +754,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -720,7 +802,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -771,7 +853,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -832,7 +914,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -884,7 +966,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -935,7 +1017,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -992,7 +1074,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -1050,7 +1132,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -1114,7 +1196,7 @@ services:
       - microservices-network
     restart: unless-stopped
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:8080/health/live"]
+      test: ["CMD-SHELL", "curl -f http://localhost:8080/health/live || exit 1"]
       interval: 30s
       timeout: 10s
       retries: 3
@@ -1180,10 +1262,61 @@ services:
   #     - microservices-network
   #   restart: unless-stopped
 
+  # ===========================================================================
+  # FRONTEND APPS
+  # ===========================================================================
+
+  # Web Client TPOS .NET - Blazor WebAssembly Hosted
+  web-client-tpos-net:
+    build:
+      context: ../../apps/web-client-tpos-net
+      dockerfile: Dockerfile
+    image: goodgo/web-client-tpos-net:latest
+    container_name: web-client-tpos-net-local
+    environment:
+      - ASPNETCORE_ENVIRONMENT=Development
+      - ASPNETCORE_URLS=http://+:8080
+      # EN: API Gateway URL for backend communication
+      # VI: URL API Gateway để giao tiếp với backend
+      - ApiSettings__GatewayUrl=http://traefik:80
+      # EN: IAM Service Communication
+      # VI: Giao tiếp IAM Service
+      - IamService__BaseUrl=http://iam-service-net:8080
+    ports:
+      - "3001:8080"
+    depends_on:
+      iam-service-net:
+        condition: service_healthy
+      traefik:
+        condition: service_started
+    networks:
+      - microservices-network
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD-SHELL", "wget --no-verbose --tries=1 --spider http://localhost:8080/health || exit 1"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+      start_period: 30s
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.web-client.rule=Host(`localhost`)"
+      - "traefik.http.routers.web-client.entrypoints=web"
+      - "traefik.http.routers.web-client.priority=1"
+      - "traefik.http.services.web-client.loadbalancer.server.port=8080"
+
 # =============================================================================
 # VOLUMES
 # =============================================================================
-volumes: {}
+volumes:
+  postgres_data:
+    driver: local
+  redis_data:
+    driver: local
+  minio_data:
+    driver: local
+  rabbitmq_data:
+    driver: local
 # =============================================================================
 # NETWORKS
 # =============================================================================
diff --git a/deployments/local/init-databases.sh b/deployments/local/init-databases.sh
new file mode 100755
index 00000000..02fffe1a
--- /dev/null
+++ b/deployments/local/init-databases.sh
@@ -0,0 +1,44 @@
+#!/bin/bash
+# =============================================================================
+# GoodGo Platform - PostgreSQL Database Initialization Script
+# =============================================================================
+# EN: Creates all required databases for each microservice on first startup.
+# VI: Tạo tất cả databases cần thiết cho từng microservice khi khởi động lần đầu.
+# =============================================================================
+
+set -e
+
+DATABASES=(
+  "iam_service"
+  "storage_service"
+  "membership_service"
+  "merchant_service"
+  "wallet_service"
+  "chat_service"
+  "social_service"
+  "mining_service"
+  "mission_service"
+  "promotion_service"
+  "catalog_service"
+  "order_service"
+  "inventory_service"
+  "fnb_engine"
+  "booking_service"
+  "ads_manager_service"
+  "ads_analytics_service"
+  "ads_serving_service"
+  "ads_billing_service"
+  "ads_tracking_service"
+)
+
+echo "=== GoodGo: Creating databases ==="
+
+for DB_NAME in "${DATABASES[@]}"; do
+  echo "Creating database: $DB_NAME"
+  psql -v ON_ERROR_STOP=1 --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" <<-EOSQL
+    SELECT 'CREATE DATABASE $DB_NAME'
+    WHERE NOT EXISTS (SELECT FROM pg_database WHERE datname = '$DB_NAME')\gexec
+EOSQL
+done
+
+echo "=== GoodGo: All databases created successfully ==="
diff --git a/services/ads-analytics-service-net/Dockerfile b/services/ads-analytics-service-net/Dockerfile
index 673e2bd8..c5692cc4 100644
--- a/services/ads-analytics-service-net/Dockerfile
+++ b/services/ads-analytics-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/ads-billing-service-net/Dockerfile b/services/ads-billing-service-net/Dockerfile
index f3f096a9..1e45725a 100644
--- a/services/ads-billing-service-net/Dockerfile
+++ b/services/ads-billing-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/ads-manager-service-net/Dockerfile b/services/ads-manager-service-net/Dockerfile
index b228ddaa..acc1348a 100644
--- a/services/ads-manager-service-net/Dockerfile
+++ b/services/ads-manager-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/ads-serving-service-net/Dockerfile b/services/ads-serving-service-net/Dockerfile
index 56cddee6..5043ca7b 100644
--- a/services/ads-serving-service-net/Dockerfile
+++ b/services/ads-serving-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/ads-serving-service-net/src/AdsServingService.API/Application/Queries/GetAuctionsQueryHandler.cs b/services/ads-serving-service-net/src/AdsServingService.API/Application/Queries/GetAuctionsQueryHandler.cs
index 92308f7c..4dc11670 100644
--- a/services/ads-serving-service-net/src/AdsServingService.API/Application/Queries/GetAuctionsQueryHandler.cs
+++ b/services/ads-serving-service-net/src/AdsServingService.API/Application/Queries/GetAuctionsQueryHandler.cs
@@ -50,9 +50,9 @@ public class GetAuctionsQueryHandler : IRequestHandler<GetAuctionsQuery, PagedRe
                 PlacementType = a.PlacementType,
                 AuctionTime = EF.Property<DateTime>(a, "_auctionTime"),
                 BidsJson = EF.Property<string>(a, "_bidsJson"),
-                WinningAdId = a.Result != null ? a.Result.WinningAdId : null,
-                FinalPrice = a.Result != null ? a.Result.FinalPrice : null,
-                WinningeCPM = a.Result != null ? a.Result.WinningeCPM : null
+                WinningAdId = a.Result != null ? (Guid?)a.Result.WinningAdId : null,
+                FinalPrice = a.Result != null ? (decimal?)a.Result.FinalPrice : null,
+                WinningeCPM = a.Result != null ? (decimal?)a.Result.WinningeCPM : null
             })
             .ToListAsync(cancellationToken);
 
diff --git a/services/ads-tracking-service-net/Dockerfile b/services/ads-tracking-service-net/Dockerfile
index cb8ba09b..b9acae91 100644
--- a/services/ads-tracking-service-net/Dockerfile
+++ b/services/ads-tracking-service-net/Dockerfile
@@ -41,7 +41,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/booking-service-net/Dockerfile b/services/booking-service-net/Dockerfile
index 6e29cc0b..499ca939 100644
--- a/services/booking-service-net/Dockerfile
+++ b/services/booking-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/catalog-service-net/Dockerfile b/services/catalog-service-net/Dockerfile
index 00fa8d32..3af3035f 100644
--- a/services/catalog-service-net/Dockerfile
+++ b/services/catalog-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/chat-service-net/Dockerfile b/services/chat-service-net/Dockerfile
index 03f13b9a..815d0542 100644
--- a/services/chat-service-net/Dockerfile
+++ b/services/chat-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/fnb-engine-net/Dockerfile b/services/fnb-engine-net/Dockerfile
index b3bfa54b..0e48ccbb 100644
--- a/services/fnb-engine-net/Dockerfile
+++ b/services/fnb-engine-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/iam-service-net/src/IamService.API/Program.cs b/services/iam-service-net/src/IamService.API/Program.cs
index 292ecc32..d7278433 100644
--- a/services/iam-service-net/src/IamService.API/Program.cs
+++ b/services/iam-service-net/src/IamService.API/Program.cs
@@ -1,4 +1,5 @@
 using Asp.Versioning;
+using Microsoft.EntityFrameworkCore;
 using FluentValidation;
 using Hellang.Middleware.ProblemDetails;
 using IamService.API.Application.Services;
@@ -255,11 +256,21 @@ var app = builder.Build();
 var logger = app.Services.GetRequiredService<ILogger<Program>>();
 logger.LogInformation("Starting IAM Service API / Khởi động IAM Service API");
 
+// EN: Auto-apply EF Core migrations on startup (Development only)
+// VI: Tự động áp dụng EF Core migrations khi khởi động (chỉ Development)
+if (app.Environment.IsDevelopment())
+{
+    using var scope = app.Services.CreateScope();
+    var dbContext = scope.ServiceProvider.GetRequiredService<IamService.Infrastructure.IamServiceContext>();
+    logger.LogInformation("Applying EF Core migrations...");
+    await dbContext.Database.MigrateAsync();
+    logger.LogInformation("EF Core migrations applied successfully.");
+}
+
 // EN: Seed system roles on startup
 // VI: Seed system roles khi khởi động
 await IamService.Infrastructure.Data.DataSeeder.SeedRolesAsync(app.Services);
 
-
 // EN: Configure middleware pipeline / VI: Cấu hình middleware pipeline
 app.UseSerilogRequestLogging();
 app.UseProblemDetails();
diff --git a/services/inventory-service-net/Dockerfile b/services/inventory-service-net/Dockerfile
index ee1e8f30..7e61ee30 100644
--- a/services/inventory-service-net/Dockerfile
+++ b/services/inventory-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/mining-service-net/Dockerfile b/services/mining-service-net/Dockerfile
index f928911d..0e7bf7ba 100644
--- a/services/mining-service-net/Dockerfile
+++ b/services/mining-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/mission-service-net/Dockerfile b/services/mission-service-net/Dockerfile
index 8ed55dc4..496d82ec 100644
--- a/services/mission-service-net/Dockerfile
+++ b/services/mission-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/order-service-net/Dockerfile b/services/order-service-net/Dockerfile
index 0737d3b3..c96211f0 100644
--- a/services/order-service-net/Dockerfile
+++ b/services/order-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/promotion-service-net/Dockerfile b/services/promotion-service-net/Dockerfile
index 5a0496d6..930e1f76 100644
--- a/services/promotion-service-net/Dockerfile
+++ b/services/promotion-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/social-service-net/Dockerfile b/services/social-service-net/Dockerfile
index 277f9f2e..de870904 100644
--- a/services/social-service-net/Dockerfile
+++ b/services/social-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/services/storage-service-net/src/StorageService.Infrastructure/Storage/AliyunOssStorageProvider.cs b/services/storage-service-net/src/StorageService.Infrastructure/Storage/AliyunOssStorageProvider.cs
index 5e7a5171..fc700375 100644
--- a/services/storage-service-net/src/StorageService.Infrastructure/Storage/AliyunOssStorageProvider.cs
+++ b/services/storage-service-net/src/StorageService.Infrastructure/Storage/AliyunOssStorageProvider.cs
@@ -177,10 +177,10 @@ public class AliyunOssStorageProvider : IStorageProvider
         {
             EnsureBucketExistsAsync(bucketName, cancellationToken).Wait(cancellationToken);
 
-            var request = new InitiateMultipartUploadRequest(bucketName, objectKey)
-            {
-                ContentType = contentType
-            };
+            var request = new InitiateMultipartUploadRequest(bucketName, objectKey);
+            // EN: Set ContentType via ObjectMetadata (SDK doesn't expose it as direct property)
+            // VI: Đặt ContentType qua ObjectMetadata (SDK không expose nó như property trực tiếp)
+            request.ObjectMetadata = new ObjectMetadata { ContentType = contentType };
 
             var response = _ossClient.InitiateMultipartUpload(request);
             _logger.LogInformation(
@@ -261,7 +261,12 @@ public class AliyunOssStorageProvider : IStorageProvider
                 .Select(part => new OssPartETag(part.PartNumber, part.ETag))
                 .ToList();
 
-            request.PartETags.AddRange(orderedParts);
+            // EN: IList<PartETag> doesn't have AddRange — add items individually
+            // VI: IList<PartETag> không có AddRange — thêm từng item
+            foreach (var part in orderedParts)
+            {
+                request.PartETags.Add(part);
+            }
             _ossClient.CompleteMultipartUpload(request);
 
             _logger.LogInformation(
diff --git a/services/wallet-service-net/Dockerfile b/services/wallet-service-net/Dockerfile
index 4e68c9a1..b7ad92ed 100644
--- a/services/wallet-service-net/Dockerfile
+++ b/services/wallet-service-net/Dockerfile
@@ -32,7 +32,8 @@ WORKDIR /app
 
 # EN: Create non-root user for security
 # VI: Tạo user non-root cho bảo mật
-RUN groupadd -g 1001 dotnetuser && \
+RUN apt-get update && apt-get install -y curl --no-install-recommends && rm -rf /var/lib/apt/lists/* && \
+    groupadd -g 1001 dotnetuser && \
     useradd -u 1001 -g dotnetuser -s /bin/sh dotnetuser
 
 # EN: Copy published application
diff --git a/turbo.json b/turbo.json
index 4c42f8ba..f1feced0 100644
--- a/turbo.json
+++ b/turbo.json
@@ -1,19 +1,29 @@
 {
   "$schema": "https://turbo.build/schema.json",
-  "pipeline": {
+  "tasks": {
     "build": {
-      "dependsOn": ["^build"],
-      "outputs": ["dist/**", ".next/**", "build/**"]
+      "dependsOn": [
+        "^build"
+      ],
+      "outputs": [
+        "dist/**",
+        ".next/**",
+        "build/**"
+      ]
     },
     "test": {
-      "dependsOn": ["build"],
+      "dependsOn": [
+        "build"
+      ],
       "outputs": []
     },
     "lint": {
       "outputs": []
     },
     "typecheck": {
-      "dependsOn": ["^build"],
+      "dependsOn": [
+        "^build"
+      ],
       "outputs": []
     },
     "dev": {
@@ -24,4 +34,4 @@
       "cache": false
     }
   }
-}
+}
\ No newline at end of file