diff --git a/Mode1/README.md b/Mode1/README.md
new file mode 100644
index 0000000..4d96616
--- /dev/null
+++ b/Mode1/README.md
@@ -0,0 +1,99 @@
+# Mode1 - Auth Module Test Suite
+
+Self-contained test environment for the auth-module. This directory includes its own copy of auth-module and all dependencies.
+
+## Structure
+
+```
+Mode1/
+├── auth-module/          # Local copy of auth-module (not linked to root)
+├── backend/              # Backend server with auth endpoints
+│   └── server.ts        # Hono app with Graph token and PB validation APIs
+├── frontend/            # Frontend test interface
+│   └── index.html       # Interactive test dashboard
+├── logs/                # Application logs
+├── package.json         # Dependencies (auth module + Hono + PocketBase)
+└── bun.lock             # Locked dependencies
+```
+
+## Features Tested
+
+✓ **Frontend Auth (PocketBaseAuth)**
+  - OAuth2 login initialization
+  - Auth state retrieval
+  - Token refresh
+  - Logout
+
+✓ **Backend Auth (GraphTokenManager)**
+  - Microsoft Graph token acquisition
+  - Token caching (with 60s expiration buffer)
+  - Cache validity checking
+  - Cache refresh
+
+✓ **PocketBase Validation (PocketBaseValidator)**
+  - User token validation
+  - User record retrieval
+
+## Running Mode1
+
+### Via Orchestrator (recommended)
+
+```bash
+# Switch to Mode1
+curl -X POST http://localhost:3006/switch/Mode1
+
+# Check status
+curl http://localhost:3006/status
+```
+
+### Direct
+
+```bash
+# Install dependencies (already done)
+bun install
+
+# Start server
+bun run backend/server.ts
+
+# Access dashboard
+open http://localhost:3005
+```
+
+## API Endpoints
+
+### Configuration
+- `GET /api/auth/config` - Get frontend configuration
+
+### Graph Token Management
+- `GET /api/auth/graph/token` - Get current Graph token (with expiration)
+- `POST /api/auth/refresh-graph` - Force refresh Graph token
+
+### PocketBase Validation
+- `POST /api/auth/validate-pb-token` - Validate a PocketBase token
+
+### Health
+- `GET /health` - Health check
+
+## Environment Variables
+
+Uses `/home/admin/secrets/.env` via auth-module:
+- `CLIENT_ID` - Microsoft application ID
+- `TENANT_ID` - Azure tenant ID
+- `CLIENT_SECRET` - Microsoft client secret
+- `PB_URL` - PocketBase frontend URL
+- `PB_DB` - PocketBase backend URL
+
+## Dependencies
+
+All dependencies are installed locally in `node_modules/`:
+- `hono` - Web framework
+- `pocketbase` - PocketBase client
+- `@azure/msal-node` - Microsoft authentication
+- `dotenv` - Environment variable loading
+
+## Notes
+
+- This Mode1 is **completely self-contained** with its own auth-module copy
+- No dependencies on root auth-module
+- Safe to modify and test independently
+- All secrets come from `/home/admin/secrets/.env`
diff --git a/Mode1/auth-module/README.md b/Mode1/auth-module/README.md
new file mode 100644
index 0000000..2d55281
--- /dev/null
+++ b/Mode1/auth-module/README.md
@@ -0,0 +1,248 @@
+# Auth Module
+
+Standalone authentication module for PocketBase OAuth2 + Microsoft Graph integration.
+
+## Features
+
+- **Frontend**: PocketBase OAuth2 authentication with Microsoft provider
+- **Backend**: Microsoft Graph token management with automatic caching
+- **No dependencies on project-specific code** - Use in any project
+
+## Installation
+
+Copy the `auth-module` folder to your project:
+
+```bash
+cp -r auth-module /path/to/your/project/
+```
+
+Install dependencies:
+
+```bash
+bun add pocketbase @azure/msal-node
+```
+
+## Frontend Usage
+
+### Basic Setup
+
+**Important**: The frontend is browser-side code. It must receive `pbUrl` from the consuming application (not from the backend).
+
+```typescript
+import { PocketBaseAuth } from './auth-module/frontend';
+
+// In your project, load PB_URL from environment/config and pass it to frontend
+const auth = new PocketBaseAuth({
+  pbUrl: process.env.PB_URL,  // Required - must be provided by consuming application
+  collection: 'Users',
+  provider: 'microsoft',
+  loginContainerId: 'loginContainer',
+  userDisplayNameId: 'userDisplayName',
+  userEmailId: 'userEmailValue',
+  loginBtnId: 'loginBtn',
+  loginErrorId: 'loginError',
+});
+```
+
+### HTML Required
+
+```html
+<!-- Login container (shown when not authenticated) -->
+<div id="loginContainer" class="hidden">
+  <button id="loginBtn">Login with Microsoft</button>
+  <div id="loginError" class="hidden"></div>
+</div>
+
+<!-- User display (shown when authenticated) -->
+<div id="userDisplayName"></div>
+<div id="userEmailValue"></div>
+```
+
+### Event Callbacks
+
+```typescript
+const auth = new PocketBaseAuth(config, {
+  onAuthSuccess: (state) => {
+    console.log('Logged in:', state.user.email);
+    // Initialize other systems here
+  },
+  onAuthFailure: (error) => {
+    console.error('Login failed:', error);
+  },
+  onTokenUpdate: (state) => {
+    console.log('Token refreshed');
+  },
+  onUiUpdate: (state) => {
+    console.log('UI updated');
+  },
+});
+```
+
+### Methods
+
+```typescript
+// Get current auth state
+const state = auth.getAuthState();
+console.log(state.isAuthenticated, state.user);
+
+// Check token status
+const status = await auth.checkTokenStatus();
+
+// Logout
+auth.logout();
+
+// Get raw PocketBase instance if needed
+const pb = auth.getPocketBase();
+```
+
+## Backend Usage
+
+### Setup (server.ts)
+
+```typescript
+import { GraphTokenManager, PocketBaseValidator, BackendAuth } from './auth-module/backend';
+
+// Option 1: Use individual managers
+const graphMgr = new GraphTokenManager({
+  clientId: process.env.CLIENT_ID,
+  tenantId: process.env.TENANT_ID,
+  clientSecret: process.env.CLIENT_SECRET,
+});
+
+const pbValidator = new PocketBaseValidator(process.env.PB_DB);
+
+// Option 2: Use combined manager
+const backendAuth = new BackendAuth({
+  clientId: process.env.CLIENT_ID,
+  tenantId: process.env.TENANT_ID,
+  clientSecret: process.env.CLIENT_SECRET,
+}, process.env.PB_DB);
+```
+
+### Get Graph Token
+
+```typescript
+// Get token string
+const token = await graphMgr.getToken();
+
+// Get token with expiration
+const { token, expiresOnISO } = await graphMgr.getTokenWithExpiry();
+
+// Check if cached and valid
+if (graphMgr.isTokenValid()) {
+  console.log('Using cached token');
+}
+
+// Clear cache (force refresh)
+graphMgr.clearCache();
+```
+
+### Validate PocketBase Token
+
+```typescript
+// Validate token
+const isValid = await pbValidator.validateUserToken(token);
+
+// Get user record
+const user = await pbValidator.getUserRecord(token);
+
+// Get PocketBase instance
+const pb = pbValidator.getPocketBase();
+```
+
+### Endpoint Example
+
+```typescript
+app.get('/api/graph/status', async (c) => {
+  try {
+    const { token, expiresOnISO } = await graphMgr.getTokenWithExpiry();
+    return c.json({
+      active: true,
+      expiresOnISO,
+    });
+  } catch (error) {
+    return c.json(
+      { active: false, error: error.message },
+      500
+    );
+  }
+});
+
+app.post('/api/submit', async (c) => {
+  const body = await c.req.json();
+  const pbToken = body.pbToken;
+
+  if (!pbToken) {
+    return c.json({ error: 'Missing pbToken' }, 401);
+  }
+
+  const isValid = await pbValidator.validateUserToken(pbToken);
+  if (!isValid) {
+    return c.json({ error: 'Invalid token' }, 401);
+  }
+
+  // Token is valid, proceed with business logic
+  // ...
+});
+```
+
+## Environment Variables
+
+Required in `.env` file:
+
+```env
+CLIENT_ID=your-microsoft-app-id
+TENANT_ID=your-azure-tenant-id
+CLIENT_SECRET=your-microsoft-client-secret
+PB_DB=https://your-pocketbase-instance.com
+PB_URL=https://your-pocketbase-instance.com
+```
+
+## Configuration
+
+### Frontend Config Options
+
+```typescript
+interface AuthConfig {
+  pbUrl: string;                     // PocketBase URL (required)
+  collection?: string;                // Auth collection (default: Users)
+  provider?: string;                  // OAuth provider (default: microsoft)
+  loginContainerId?: string;          // ID of login container element
+  userDisplayNameId?: string;         // ID of user name display element
+  userEmailId?: string;               // ID of user email display element
+  loginBtnId?: string;                // ID of login button element
+  loginErrorId?: string;              // ID of error message element
+}
+```
+
+### Backend Config Options
+
+```typescript
+interface BackendAuthConfig {
+  clientId?: string;      // Microsoft app ID (or CLIENT_ID env var)
+  tenantId?: string;      // Azure tenant ID (or TENANT_ID env var)
+  clientSecret?: string;  // Client secret (or CLIENT_SECRET env var)
+}
+```
+
+## TypeScript
+
+The module exports TypeScript types for type safety:
+
+```typescript
+import { AuthState, AuthConfig, GraphTokenCache } from './auth-module/types';
+
+const state: AuthState = auth.getAuthState();
+```
+
+## Notes
+
+- **Frontend** manages user authentication only
+- **Backend** manages Graph API tokens (never exposed to client)
+- Tokens are cached in-memory on backend with automatic refresh
+- Module does not include project-specific features (alerts, etc.)
+- Each project can implement its own business logic on top
+
+## License
+
+Same as parent project
diff --git a/Mode1/auth-module/backend.ts b/Mode1/auth-module/backend.ts
new file mode 100644
index 0000000..a28027f
--- /dev/null
+++ b/Mode1/auth-module/backend.ts
@@ -0,0 +1,204 @@
+import { config } from 'dotenv';
+import { ConfidentialClientApplication } from '@azure/msal-node';
+import PocketBase from 'pocketbase';
+import { GraphTokenCache, BackendAuthConfig } from './types';
+
+// Load environment variables from shared secrets directory
+config({ path: '/home/admin/secrets/.env' });
+
+/**
+ * Configuration Manager
+ * Exposes frontend-safe configuration loaded from environment
+ */
+export class AuthConfigManager {
+  /**
+   * Get frontend configuration (safe to expose to browser)
+   */
+  static getFrontendConfig() {
+    return {
+      pbUrl: process.env.PB_URL!,
+      provider: 'microsoft',
+      collection: 'Users',
+    };
+  }
+
+  /**
+   * Get all backend secrets (never expose to frontend)
+   */
+  static getBackendConfig() {
+    return {
+      clientId: process.env.CLIENT_ID!,
+      tenantId: process.env.TENANT_ID!,
+      clientSecret: process.env.CLIENT_SECRET!,
+      pbDb: process.env.PB_DB!,
+    };
+  }
+}
+
+/**
+ * Microsoft Graph Token Management (Backend)
+ * Handles token acquisition and caching for backend Graph API calls
+ */
+export class GraphTokenManager {
+  private cca: ConfidentialClientApplication;
+  private cache: GraphTokenCache | null = null;
+  private config: Required<BackendAuthConfig>;
+
+  constructor(config: BackendAuthConfig) {
+    this.config = {
+      clientId: config.clientId || process.env.CLIENT_ID || '',
+      tenantId: config.tenantId || process.env.TENANT_ID || '',
+      clientSecret: config.clientSecret || process.env.CLIENT_SECRET || '',
+    };
+
+    this.cca = new ConfidentialClientApplication({
+      auth: {
+        clientId: this.config.clientId,
+        authority: `https://login.microsoftonline.com/${this.config.tenantId}`,
+        clientSecret: this.config.clientSecret,
+      },
+    });
+  }
+
+  /**
+   * Get Graph token (from cache or acquire new)
+   */
+  async getToken(): Promise<string> {
+    const now = Date.now();
+
+    // Check cache validity (with 60s buffer for expiration)
+    if (this.cache && this.cache.expiresOn - 60000 > now) {
+      return this.cache.token;
+    }
+
+    try {
+      const result = await this.cca.acquireTokenByClientCredential({
+        scopes: ['https://graph.microsoft.com/.default'],
+      });
+
+      if (!result?.accessToken) {
+        throw new Error('Failed to acquire Graph token');
+      }
+
+      const expiresOn = result.expiresOn
+        ? new Date(result.expiresOn).getTime()
+        : now + 55 * 60 * 1000; // Default 55 minutes
+
+      this.cache = {
+        token: result.accessToken,
+        expiresOn,
+      };
+
+      return result.accessToken;
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Unknown error';
+      throw new Error(`Failed to acquire Graph token: ${message}`);
+    }
+  }
+
+  /**
+   * Get token with expiration info
+   */
+  async getTokenWithExpiry(): Promise<{ token: string; expiresOnISO: string }> {
+    const token = await this.getToken();
+    const expiresOn = this.cache?.expiresOn || Date.now();
+    return {
+      token,
+      expiresOnISO: new Date(expiresOn).toISOString(),
+    };
+  }
+
+  /**
+   * Check if token is cached and valid
+   */
+  isTokenValid(): boolean {
+    if (!this.cache) return false;
+    const now = Date.now();
+    return this.cache.expiresOn - 60000 > now;
+  }
+
+  /**
+   * Clear cache (force refresh on next call)
+   */
+  clearCache(): void {
+    this.cache = null;
+  }
+}
+
+/**
+ * PocketBase Token Validation (Backend)
+ * Validates and uses user PocketBase tokens
+ */
+export class PocketBaseValidator {
+  private pb: PocketBase;
+
+  constructor(pbUrl?: string) {
+    this.pb = new PocketBase(pbUrl || process.env.PB_DB!);
+  }
+
+  /**
+   * Set user token and validate it
+   */
+  async validateUserToken(token: string): Promise<boolean> {
+    try {
+      this.pb.authStore.save(token, null);
+      await this.pb.collection('Users').authRefresh();
+      return true;
+    } catch (error) {
+      console.error('Token validation failed:', error instanceof Error ? error.message : error);
+      return false;
+    }
+  }
+
+  /**
+   * Get user record from token
+   */
+  async getUserRecord(token: string): Promise<any> {
+    try {
+      this.pb.authStore.save(token, null);
+      const record = this.pb.authStore.record || this.pb.authStore.model;
+      return record;
+    } catch (error) {
+      console.error('Failed to get user record:', error);
+      return null;
+    }
+  }
+
+  /**
+   * Get PocketBase instance
+   */
+  getPocketBase(): PocketBase {
+    return this.pb;
+  }
+}
+
+/**
+ * Combined backend auth manager
+ */
+export class BackendAuth {
+  graphTokenManager: GraphTokenManager;
+  pbValidator: PocketBaseValidator;
+
+  constructor(config: BackendAuthConfig, pbUrl?: string) {
+    this.graphTokenManager = new GraphTokenManager(config);
+    this.pbValidator = new PocketBaseValidator(pbUrl);
+  }
+
+  /**
+   * Middleware to validate PocketBase token in requests
+   * Usage: app.use('/*', (c, next) => backendAuth.validateTokenMiddleware(c, next))
+   */
+  async validateTokenMiddleware(c: any, next: any): Promise<any> {
+    const token = c.req.header('Authorization')?.replace('Bearer ', '') ||
+                  (await c.req.json().catch(() => ({})))?.pbToken;
+
+    if (token) {
+      const isValid = await this.pbValidator.validateUserToken(token);
+      if (!isValid) {
+        return c.json({ error: 'Invalid token' }, 401);
+      }
+    }
+
+    return next();
+  }
+}
diff --git a/Mode1/auth-module/frontend.ts b/Mode1/auth-module/frontend.ts
new file mode 100644
index 0000000..650805a
--- /dev/null
+++ b/Mode1/auth-module/frontend.ts
@@ -0,0 +1,250 @@
+import PocketBase from 'pocketbase';
+import { AuthConfig, AuthState, AuthCallbacks } from './types';
+
+/**
+ * PocketBase OAuth2 Frontend Module
+ * Handles user authentication and token management
+ */
+export class PocketBaseAuth {
+  private pb: PocketBase;
+  private config: Required<AuthConfig>;
+  private callbacks: AuthCallbacks;
+  private state: AuthState;
+
+  constructor(config: AuthConfig, callbacks?: Partial<AuthCallbacks>) {
+    this.config = {
+      pbUrl: config.pbUrl!,
+      collection: config.collection || 'Users',
+      provider: config.provider || 'microsoft',
+      loginContainerId: config.loginContainerId || 'loginContainer',
+      userDisplayNameId: config.userDisplayNameId || 'userDisplayName',
+      userEmailId: config.userEmailId || 'userEmailValue',
+      loginBtnId: config.loginBtnId || 'loginBtn',
+      loginErrorId: config.loginErrorId || 'loginError',
+    };
+
+    this.callbacks = {
+      onAuthSuccess: callbacks?.onAuthSuccess || (() => {}),
+      onAuthFailure: callbacks?.onAuthFailure || (() => {}),
+      onTokenUpdate: callbacks?.onTokenUpdate || (() => {}),
+      onUiUpdate: callbacks?.onUiUpdate || (() => {}),
+    };
+
+    this.pb = new PocketBase(this.config.pbUrl);
+    this.state = {
+      isAuthenticated: false,
+      user: null,
+      token: null,
+    };
+
+    this.init();
+  }
+
+  /**
+   * Initialize auth module
+   */
+  private init(): void {
+    this.updateAuthUI();
+    if (this.pb.authStore.isValid && this.pb.authStore.token) {
+      this.ensureUserLogged();
+    }
+    this.setupLoginButton();
+  }
+
+  /**
+   * Setup login button click handler
+   */
+  private setupLoginButton(): void {
+    const loginBtn = document.getElementById(this.config.loginBtnId);
+    if (!loginBtn) {
+      console.warn(`Login button with id "${this.config.loginBtnId}" not found`);
+      return;
+    }
+
+    loginBtn.addEventListener('click', async (e) => {
+      e.preventDefault();
+      await this.handleLogin();
+    });
+  }
+
+  /**
+   * Handle login button click
+   */
+  private async handleLogin(): Promise<void> {
+    const loginBtn = document.getElementById(this.config.loginBtnId) as HTMLButtonElement;
+    const loginError = document.getElementById(this.config.loginErrorId) as HTMLElement;
+
+    if (!loginBtn || !loginError) return;
+
+    loginBtn.disabled = true;
+    loginBtn.textContent = 'Checking session...';
+    loginError.classList.add('hidden');
+
+    try {
+      // Try to use existing token first
+      const hadToken = await this.ensureUserLogged();
+      if (hadToken) {
+        this.resetLoginButton();
+        return;
+      }
+
+      // Otherwise perform OAuth
+      loginBtn.textContent = 'Logging in...';
+      const authData = await this.pb.collection(this.config.collection).authWithOAuth2({
+        provider: this.config.provider,
+      });
+
+      this.updateState(authData);
+      this.updateAuthUI();
+      this.callbacks.onAuthSuccess?.(this.state);
+
+      console.log('✓ Logged in with', this.config.provider);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Unknown error';
+      console.error('Login failed:', message);
+      loginError.textContent = `Login failed: ${message}`;
+      loginError.classList.remove('hidden');
+      this.callbacks.onAuthFailure?.(error);
+    } finally {
+      this.resetLoginButton();
+    }
+  }
+
+  /**
+   * Ensure user is logged in (check existing token)
+   */
+  async ensureUserLogged(): Promise<boolean> {
+    if (!this.pb.authStore.isValid || !this.pb.authStore.token) {
+      return false;
+    }
+
+    try {
+      const refresh = await this.pb.collection(this.config.collection).authRefresh();
+      this.updateState(refresh);
+      this.updateAuthUI();
+      this.callbacks.onTokenUpdate?.(this.state);
+      console.log('✓ Token refreshed');
+      return true;
+    } catch (error) {
+      console.warn('Existing token invalid, clearing auth');
+      this.pb.authStore.clear();
+      this.updateState(null);
+      this.updateAuthUI();
+      return false;
+    }
+  }
+
+  /**
+   * Update internal auth state
+   */
+  private updateState(data: any): void {
+    if (!data) {
+      this.state = {
+        isAuthenticated: false,
+        user: null,
+        token: null,
+      };
+      return;
+    }
+
+    const record = data.record || this.pb.authStore.record || this.pb.authStore.model;
+    const meta = data.meta || {};
+    const model = this.pb.authStore.model;
+
+    this.state = {
+      isAuthenticated: true,
+      user: {
+        id: record?.id || model?.id || 'unknown',
+        name: record?.name || model?.name || meta?.name || record?.email || model?.email || 'Unknown User',
+        email: record?.email || model?.email || meta?.email || '(no email)',
+      },
+      token: this.pb.authStore.token,
+    };
+  }
+
+  /**
+   * Update UI based on auth state
+   */
+  updateAuthUI(): void {
+    const loginContainer = document.getElementById(this.config.loginContainerId);
+    const userDisplayName = document.getElementById(this.config.userDisplayNameId);
+    const userEmail = document.getElementById(this.config.userEmailId);
+
+    if (!loginContainer) return;
+
+    if (this.pb.authStore.isValid) {
+      loginContainer.classList.add('hidden');
+      if (this.state.user) {
+        if (userDisplayName) userDisplayName.textContent = this.state.user.name;
+        if (userEmail) userEmail.textContent = this.state.user.email;
+      }
+    } else {
+      loginContainer.classList.remove('hidden');
+      const loginError = document.getElementById(this.config.loginErrorId);
+      if (loginError) loginError.classList.add('hidden');
+    }
+
+    this.callbacks.onUiUpdate?.(this.state);
+  }
+
+  /**
+   * Check token status (for verification/display)
+   */
+  async checkTokenStatus(): Promise<{ pbToken: boolean; tokenExpiry?: string }> {
+    const pbToken = !!this.pb.authStore.token;
+    return { pbToken };
+  }
+
+  /**
+   * Get current auth state
+   */
+  getAuthState(): AuthState {
+    return { ...this.state };
+  }
+
+  /**
+   * Get PocketBase instance (for direct usage if needed)
+   */
+  getPocketBase(): PocketBase {
+    return this.pb;
+  }
+
+  /**
+   * Logout
+   */
+  logout(): void {
+    this.pb.authStore.clear();
+    this.updateState(null);
+    this.updateAuthUI();
+    console.log('✓ Logged out');
+  }
+
+  /**
+   * Reset login button to initial state
+   */
+  private resetLoginButton(): void {
+    const loginBtn = document.getElementById(this.config.loginBtnId) as HTMLButtonElement;
+    if (loginBtn) {
+      loginBtn.disabled = false;
+      loginBtn.textContent = 'Login with Microsoft';
+    }
+  }
+}
+
+/**
+ * Quick init function - fetches config from backend
+ */
+export async function initPocketBaseAuth(
+  backendUrl: string,
+  callbacks?: Partial<AuthCallbacks>
+): Promise<PocketBaseAuth> {
+  // Fetch frontend config from backend
+  const response = await fetch(`${backendUrl}/api/auth/config`);
+  if (!response.ok) {
+    throw new Error('Failed to fetch auth configuration from backend');
+  }
+  const config = await response.json();
+  
+  const auth = new PocketBaseAuth(config, callbacks);
+  return auth;
+}
diff --git a/Mode1/auth-module/types.ts b/Mode1/auth-module/types.ts
new file mode 100644
index 0000000..b320f76
--- /dev/null
+++ b/Mode1/auth-module/types.ts
@@ -0,0 +1,62 @@
+/**
+ * Frontend Auth Configuration
+ */
+export interface AuthConfig {
+  pbUrl: string;              // PocketBase URL (required)
+  collection?: string;
+  provider?: string;
+  loginContainerId?: string;
+  userDisplayNameId?: string;
+  userEmailId?: string;
+  loginBtnId?: string;
+  loginErrorId?: string;
+}
+
+/**
+ * Frontend configuration provided by backend
+ */
+export interface FrontendConfig {
+  pbUrl: string;
+  provider?: string;
+  collection?: string;
+}
+
+/**
+ * Backend Auth Configuration
+ */
+export interface BackendAuthConfig {
+  clientId?: string;
+  tenantId?: string;
+  clientSecret?: string;
+}
+
+/**
+ * Auth state object
+ */
+export interface AuthState {
+  isAuthenticated: boolean;
+  user: {
+    id: string;
+    name: string;
+    email: string;
+  } | null;
+  token: string | null;
+}
+
+/**
+ * Graph token cache object
+ */
+export interface GraphTokenCache {
+  token: string;
+  expiresOn: number;
+}
+
+/**
+ * Auth event callbacks
+ */
+export interface AuthCallbacks {
+  onAuthSuccess?: (state: AuthState) => void;
+  onAuthFailure?: (error: any) => void;
+  onTokenUpdate?: (state: AuthState) => void;
+  onUiUpdate?: (state: AuthState) => void;
+}
diff --git a/Mode1/backend/server.ts b/Mode1/backend/server.ts
new file mode 100644
index 0000000..a8bf8d3
--- /dev/null
+++ b/Mode1/backend/server.ts
@@ -0,0 +1,226 @@
+import { Hono } from 'hono';
+import { serveStatic } from 'hono/bun';
+import { cors } from 'hono/cors';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { readFile } from 'fs/promises';
+import { existsSync } from 'fs';
+import { AuthConfigManager, BackendAuth } from '../auth-module/backend';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const app = new Hono();
+const PORT = process.env.PORT || 3005;
+
+// Initialize auth
+const backendAuth = new BackendAuth({
+  clientId: process.env.CLIENT_ID,
+  tenantId: process.env.TENANT_ID,
+  clientSecret: process.env.CLIENT_SECRET,
+}, process.env.PB_DB);
+
+// CORS Configuration - Allow requests from frontend domains
+app.use('*', cors({
+  origin: ['https://ji-test.ccllc.pro', 'http://localhost:3005', 'http://localhost:5173'],
+  allowMethods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
+  allowHeaders: ['Content-Type', 'Authorization'],
+  credentials: true,
+}));
+
+// Serve bundled auth module JavaScript
+app.get('/auth-module.js', async (c) => {
+  const filePath = path.join(__dirname, '../frontend/dist/auth.js');
+  if (existsSync(filePath)) {
+    const content = await readFile(filePath);
+    c.header('Content-Type', 'application/javascript');
+    return c.body(content);
+  }
+  return c.notFound();
+});
+
+// Serve frontend static files
+app.use('/', serveStatic({ root: path.join(__dirname, '../frontend') }));
+
+// API: Get frontend config
+app.get('/api/auth/config', (c) => {
+  try {
+    const config = AuthConfigManager.getFrontendConfig();
+    return c.json(config);
+  } catch (error) {
+    return c.json(
+      { error: 'Failed to get config', message: error instanceof Error ? error.message : 'Unknown error' },
+      500
+    );
+  }
+});
+
+// API: Get Graph token status
+app.get('/api/auth/graph/token', async (c) => {
+  try {
+    const { token, expiresOnISO } = await backendAuth.graphTokenManager.getTokenWithExpiry();
+    
+    if (!token) {
+      return c.json({ success: false, error: 'Failed to acquire Graph token' }, 500);
+    }
+    
+    // Decode JWT to show token details (for verification)
+    const parts = token.split('.');
+    let payload = {};
+    if (parts.length === 3) {
+      try {
+        const decoded = JSON.parse(Buffer.from(parts[1], 'base64').toString());
+        payload = {
+          aud: decoded.aud,
+          iss: decoded.iss,
+          scp: decoded.scp,
+          app_displayname: decoded.app_displayname,
+          iat: new Date(decoded.iat * 1000).toISOString(),
+          exp: new Date(decoded.exp * 1000).toISOString(),
+        };
+      } catch (e) {
+        // Silent fail - just show truncated token
+      }
+    }
+    
+    return c.json({
+      success: true,
+      token: token.substring(0, 50) + '...',
+      fullToken: token, // Include full token for testing
+      expiresOn: expiresOnISO,
+      isValid: backendAuth.graphTokenManager.isTokenValid(),
+      tokenDetails: Object.keys(payload).length > 0 ? payload : 'Could not decode',
+    });
+  } catch (error) {
+    return c.json(
+      { success: false, error: error instanceof Error ? error.message : 'Failed to acquire token' },
+      500
+    );
+  }
+});
+
+// API: Validate PocketBase token
+app.post('/api/auth/validate-pb-token', async (c) => {
+  try {
+    const body = await c.req.json();
+    const token = body.pbToken;
+
+    if (!token) {
+      return c.json({ valid: false, error: 'No token provided' }, 400);
+    }
+
+    const isValid = await backendAuth.pbValidator.validateUserToken(token);
+    const user = isValid ? await backendAuth.pbValidator.getUserRecord(token) : null;
+
+    return c.json({
+      valid: isValid,
+      user: user ? {
+        id: user.id,
+        email: user.email,
+        name: user.name,
+      } : null,
+    });
+  } catch (error) {
+    return c.json(
+      { valid: false, error: error instanceof Error ? error.message : 'Validation failed' },
+      500
+    );
+  }
+});
+
+// API: Refresh Graph token (test cache)
+app.post('/api/auth/refresh-graph', async (c) => {
+  try {
+    backendAuth.graphTokenManager.clearCache();
+    const { token, expiresOnISO } = await backendAuth.graphTokenManager.getTokenWithExpiry();
+    return c.json({
+      success: true,
+      refreshed: true,
+      expiresOn: expiresOnISO,
+    });
+  } catch (error) {
+    return c.json(
+      { success: false, error: error instanceof Error ? error.message : 'Refresh failed' },
+      500
+    );
+  }
+});
+
+// API: Compare PB and Graph tokens
+app.post('/api/auth/compare-tokens', async (c) => {
+  try {
+    const body = await c.req.json();
+    const pbToken = body.pbToken;
+    
+    // Get Graph token
+    const { token: graphToken, expiresOnISO: graphExpires } = await backendAuth.graphTokenManager.getTokenWithExpiry();
+    
+    if (!graphToken) {
+      return c.json({ success: false, error: 'Failed to acquire Graph token' }, 500);
+    }
+    
+    // Decode both tokens to compare
+    const decodeJWT = (token: string) => {
+      try {
+        const parts = token.split('.');
+        if (parts.length !== 3) return null;
+        return JSON.parse(Buffer.from(parts[1], 'base64').toString());
+      } catch {
+        return null;
+      }
+    };
+
+    const graphPayload = decodeJWT(graphToken);
+    
+    // Validate PB token to get actual user
+    let authenticatedUser = 'Unknown';
+    if (pbToken) {
+      try {
+        const isValid = await backendAuth.pbValidator.validateUserToken(pbToken);
+        if (isValid) {
+          const userRecord = await backendAuth.pbValidator.getUserRecord(pbToken);
+          authenticatedUser = userRecord?.email || userRecord?.id || 'Unknown';
+        }
+      } catch {
+        authenticatedUser = 'Token invalid or expired';
+      }
+    }
+    
+    return c.json({
+      success: true,
+      comparison: {
+        graph_token: {
+          issuer: graphPayload?.iss || 'N/A',
+          audience: graphPayload?.aud || 'N/A',
+          app: graphPayload?.app_displayname || 'N/A',
+          scopes: graphPayload?.scp || 'N/A',
+          issued_at: graphPayload?.iat ? new Date(graphPayload.iat * 1000).toISOString() : 'N/A',
+          expires_at: graphPayload?.exp ? new Date(graphPayload.exp * 1000).toISOString() : 'N/A',
+          type: 'Microsoft Graph Token (Backend/App-only)',
+          source: '@azure/msal-node',
+          purpose: 'Backend API calls to Microsoft Graph',
+        },
+        pocketbase_token: {
+          note: 'User token from PocketBase OAuth2',
+          type: 'PocketBase User Token (Frontend/User)',
+          source: 'PocketBase OAuth2 flow',
+          purpose: 'User authentication and authorization',
+          authenticated_user: authenticatedUser,
+        },
+        are_different: true,
+        explanation: 'These are completely different tokens from different systems: Graph token is for app-to-app Microsoft API access, PocketBase token is for user authentication in the application.',
+      },
+    });
+  } catch (error) {
+    return c.json(
+      { success: false, error: error instanceof Error ? error.message : 'Failed to compare tokens' },
+      500
+    );
+  }
+});
+
+// Start server
+console.log(`Mode1 Auth Test Server running on port ${PORT}`);
+export default {
+  port: PORT,
+  fetch: app.fetch,
+};
diff --git a/Mode1/bun.lock b/Mode1/bun.lock
new file mode 100644
index 0000000..9091d9e
--- /dev/null
+++ b/Mode1/bun.lock
@@ -0,0 +1,226 @@
+{
+  "lockfileVersion": 1,
+  "configVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "mode1-auth-test",
+      "dependencies": {
+        "@azure/msal-node": "^5.0.2",
+        "dotenv": "^17.2.3",
+        "hono": "^4.10.8",
+        "pocketbase": "^0.26.5",
+      },
+      "devDependencies": {
+        "@types/bun": "latest",
+        "typescript": "^5",
+        "vite": "^7.3.1",
+      },
+      "peerDependencies": {
+        "bun": "latest",
+      },
+    },
+  },
+  "packages": {
+    "@azure/msal-common": ["@azure/msal-common@16.0.2", "", {}, "sha512-ZJ/UR7lyqIntURrIJCyvScwJFanM9QhJYcJCheB21jZofGKpP9QxWgvADANo7UkresHKzV+6YwoeZYP7P7HvUg=="],
+
+    "@azure/msal-node": ["@azure/msal-node@5.0.2", "", { "dependencies": { "@azure/msal-common": "16.0.2", "jsonwebtoken": "^9.0.0", "uuid": "^8.3.0" } }, "sha512-3tHeJghckgpTX98TowJoXOjKGuds0L+FKfeHJtoZFl2xvwE6RF65shZJzMQ5EQZWXzh3sE1i9gE+m3aRMachjA=="],
+
+    "@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.27.2", "", { "os": "aix", "cpu": "ppc64" }, "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw=="],
+
+    "@esbuild/android-arm": ["@esbuild/android-arm@0.27.2", "", { "os": "android", "cpu": "arm" }, "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA=="],
+
+    "@esbuild/android-arm64": ["@esbuild/android-arm64@0.27.2", "", { "os": "android", "cpu": "arm64" }, "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA=="],
+
+    "@esbuild/android-x64": ["@esbuild/android-x64@0.27.2", "", { "os": "android", "cpu": "x64" }, "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A=="],
+
+    "@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.27.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg=="],
+
+    "@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.27.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA=="],
+
+    "@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.27.2", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g=="],
+
+    "@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.27.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA=="],
+
+    "@esbuild/linux-arm": ["@esbuild/linux-arm@0.27.2", "", { "os": "linux", "cpu": "arm" }, "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw=="],
+
+    "@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.27.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw=="],
+
+    "@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.27.2", "", { "os": "linux", "cpu": "ia32" }, "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w=="],
+
+    "@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.27.2", "", { "os": "linux", "cpu": "none" }, "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg=="],
+
+    "@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.27.2", "", { "os": "linux", "cpu": "none" }, "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw=="],
+
+    "@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.27.2", "", { "os": "linux", "cpu": "ppc64" }, "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ=="],
+
+    "@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.27.2", "", { "os": "linux", "cpu": "none" }, "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA=="],
+
+    "@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.27.2", "", { "os": "linux", "cpu": "s390x" }, "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w=="],
+
+    "@esbuild/linux-x64": ["@esbuild/linux-x64@0.27.2", "", { "os": "linux", "cpu": "x64" }, "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA=="],
+
+    "@esbuild/netbsd-arm64": ["@esbuild/netbsd-arm64@0.27.2", "", { "os": "none", "cpu": "arm64" }, "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw=="],
+
+    "@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.27.2", "", { "os": "none", "cpu": "x64" }, "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA=="],
+
+    "@esbuild/openbsd-arm64": ["@esbuild/openbsd-arm64@0.27.2", "", { "os": "openbsd", "cpu": "arm64" }, "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA=="],
+
+    "@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.27.2", "", { "os": "openbsd", "cpu": "x64" }, "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg=="],
+
+    "@esbuild/openharmony-arm64": ["@esbuild/openharmony-arm64@0.27.2", "", { "os": "none", "cpu": "arm64" }, "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag=="],
+
+    "@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.27.2", "", { "os": "sunos", "cpu": "x64" }, "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg=="],
+
+    "@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.27.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg=="],
+
+    "@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.27.2", "", { "os": "win32", "cpu": "ia32" }, "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ=="],
+
+    "@esbuild/win32-x64": ["@esbuild/win32-x64@0.27.2", "", { "os": "win32", "cpu": "x64" }, "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ=="],
+
+    "@oven/bun-darwin-aarch64": ["@oven/bun-darwin-aarch64@1.3.6", "", { "os": "darwin", "cpu": "arm64" }, "sha512-27rypIapNkYboOSylkf1tD9UW9Ado2I+P1NBL46Qz29KmOjTL6WuJ7mHDC5O66CYxlOkF5r93NPDAC3lFHYBXw=="],
+
+    "@oven/bun-darwin-x64": ["@oven/bun-darwin-x64@1.3.6", "", { "os": "darwin", "cpu": "x64" }, "sha512-I82xGzPkBxzBKgbl8DsA0RfMQCWTWjNmLjIEkW1ECiv3qK02kHGQ5FGUr/29L/SuvnGsULW4tBTRNZiMzL37nA=="],
+
+    "@oven/bun-darwin-x64-baseline": ["@oven/bun-darwin-x64-baseline@1.3.6", "", { "os": "darwin", "cpu": "x64" }, "sha512-nqtr+pTsHqusYpG2OZc6s+AmpWDB/FmBvstrK0y5zkti4OqnCuu7Ev2xNjS7uyb47NrAFF40pWqkpaio5XEd7w=="],
+
+    "@oven/bun-linux-aarch64": ["@oven/bun-linux-aarch64@1.3.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-YaQEAYjBanoOOtpqk/c5GGcfZIyxIIkQ2m1TbHjedRmJNwxzWBhGinSARFkrRIc3F8pRIGAopXKvJ/2rjN1LzQ=="],
+
+    "@oven/bun-linux-aarch64-musl": ["@oven/bun-linux-aarch64-musl@1.3.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-FR+iJt17rfFgYgpxL3M67AUwujOgjw52ZJzB9vElI5jQXNjTyOKf8eH4meSk4vjlYF3h/AjKYd6pmN0OIUlVKQ=="],
+
+    "@oven/bun-linux-x64": ["@oven/bun-linux-x64@1.3.6", "", { "os": "linux", "cpu": "x64" }, "sha512-egfngj0dfJ868cf30E7B+ye9KUWSebYxOG4l9YP5eWeMXCtenpenx0zdKtAn9qxJgEJym5AN6trtlk+J6x8Lig=="],
+
+    "@oven/bun-linux-x64-baseline": ["@oven/bun-linux-x64-baseline@1.3.6", "", { "os": "linux", "cpu": "x64" }, "sha512-jRmnX18ak8WzqLrex3siw0PoVKyIeI5AiCv4wJLgSs7VKfOqrPycfHIWfIX2jdn7ngqbHFPzI09VBKANZ4Pckg=="],
+
+    "@oven/bun-linux-x64-musl": ["@oven/bun-linux-x64-musl@1.3.6", "", { "os": "linux", "cpu": "x64" }, "sha512-YeXcJ9K6vJAt1zSkeA21J6pTe7PgDMLTHKGI3nQBiMYnYf7Ob3K+b/ChSCznrJG7No5PCPiQPg4zTgA+BOTmSA=="],
+
+    "@oven/bun-linux-x64-musl-baseline": ["@oven/bun-linux-x64-musl-baseline@1.3.6", "", { "os": "linux", "cpu": "x64" }, "sha512-7FjVnxnRTp/AgWqSQRT/Vt9TYmvnZ+4M+d9QOKh/Lf++wIFXFGSeAgD6bV1X/yr2UPVmZDk+xdhr2XkU7l2v3w=="],
+
+    "@oven/bun-windows-x64": ["@oven/bun-windows-x64@1.3.6", "", { "os": "win32", "cpu": "x64" }, "sha512-Sr1KwUcbB0SEpnSPO22tNJppku2khjFluEst+mTGhxHzAGQTQncNeJxDnt3F15n+p9Q+mlcorxehd68n1siikQ=="],
+
+    "@oven/bun-windows-x64-baseline": ["@oven/bun-windows-x64-baseline@1.3.6", "", { "os": "win32", "cpu": "x64" }, "sha512-PFUa7JL4lGoyyppeS4zqfuoXXih+gSE0XxhDMrCPVEUev0yhGNd/tbWBvcdpYnUth80owENoGjc8s5Knopv9wA=="],
+
+    "@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.55.3", "", { "os": "android", "cpu": "arm" }, "sha512-qyX8+93kK/7R5BEXPC2PjUt0+fS/VO2BVHjEHyIEWiYn88rcRBHmdLgoJjktBltgAf+NY7RfCGB1SoyKS/p9kg=="],
+
+    "@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.55.3", "", { "os": "android", "cpu": "arm64" }, "sha512-6sHrL42bjt5dHQzJ12Q4vMKfN+kUnZ0atHHnv4V0Wd9JMTk7FDzSY35+7qbz3ypQYMBPANbpGK7JpnWNnhGt8g=="],
+
+    "@rollup/rollup-darwin-arm64": ["@rollup/rollup-darwin-arm64@4.55.3", "", { "os": "darwin", "cpu": "arm64" }, "sha512-1ht2SpGIjEl2igJ9AbNpPIKzb1B5goXOcmtD0RFxnwNuMxqkR6AUaaErZz+4o+FKmzxcSNBOLrzsICZVNYa1Rw=="],
+
+    "@rollup/rollup-darwin-x64": ["@rollup/rollup-darwin-x64@4.55.3", "", { "os": "darwin", "cpu": "x64" }, "sha512-FYZ4iVunXxtT+CZqQoPVwPhH7549e/Gy7PIRRtq4t5f/vt54pX6eG9ebttRH6QSH7r/zxAFA4EZGlQ0h0FvXiA=="],
+
+    "@rollup/rollup-freebsd-arm64": ["@rollup/rollup-freebsd-arm64@4.55.3", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-M/mwDCJ4wLsIgyxv2Lj7Len+UMHd4zAXu4GQ2UaCdksStglWhP61U3uowkaYBQBhVoNpwx5Hputo8eSqM7K82Q=="],
+
+    "@rollup/rollup-freebsd-x64": ["@rollup/rollup-freebsd-x64@4.55.3", "", { "os": "freebsd", "cpu": "x64" }, "sha512-5jZT2c7jBCrMegKYTYTpni8mg8y3uY8gzeq2ndFOANwNuC/xJbVAoGKR9LhMDA0H3nIhvaqUoBEuJoICBudFrA=="],
+
+    "@rollup/rollup-linux-arm-gnueabihf": ["@rollup/rollup-linux-arm-gnueabihf@4.55.3", "", { "os": "linux", "cpu": "arm" }, "sha512-YeGUhkN1oA+iSPzzhEjVPS29YbViOr8s4lSsFaZKLHswgqP911xx25fPOyE9+khmN6W4VeM0aevbDp4kkEoHiA=="],
+
+    "@rollup/rollup-linux-arm-musleabihf": ["@rollup/rollup-linux-arm-musleabihf@4.55.3", "", { "os": "linux", "cpu": "arm" }, "sha512-eo0iOIOvcAlWB3Z3eh8pVM8hZ0oVkK3AjEM9nSrkSug2l15qHzF3TOwT0747omI6+CJJvl7drwZepT+re6Fy/w=="],
+
+    "@rollup/rollup-linux-arm64-gnu": ["@rollup/rollup-linux-arm64-gnu@4.55.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-DJay3ep76bKUDImmn//W5SvpjRN5LmK/ntWyeJs/dcnwiiHESd3N4uteK9FDLf0S0W8E6Y0sVRXpOCoQclQqNg=="],
+
+    "@rollup/rollup-linux-arm64-musl": ["@rollup/rollup-linux-arm64-musl@4.55.3", "", { "os": "linux", "cpu": "arm64" }, "sha512-BKKWQkY2WgJ5MC/ayvIJTHjy0JUGb5efaHCUiG/39sSUvAYRBaO3+/EK0AZT1RF3pSj86O24GLLik9mAYu0IJg=="],
+
+    "@rollup/rollup-linux-loong64-gnu": ["@rollup/rollup-linux-loong64-gnu@4.55.3", "", { "os": "linux", "cpu": "none" }, "sha512-Q9nVlWtKAG7ISW80OiZGxTr6rYtyDSkauHUtvkQI6TNOJjFvpj4gcH+KaJihqYInnAzEEUetPQubRwHef4exVg=="],
+
+    "@rollup/rollup-linux-loong64-musl": ["@rollup/rollup-linux-loong64-musl@4.55.3", "", { "os": "linux", "cpu": "none" }, "sha512-2H5LmhzrpC4fFRNwknzmmTvvyJPHwESoJgyReXeFoYYuIDfBhP29TEXOkCJE/KxHi27mj7wDUClNq78ue3QEBQ=="],
+
+    "@rollup/rollup-linux-ppc64-gnu": ["@rollup/rollup-linux-ppc64-gnu@4.55.3", "", { "os": "linux", "cpu": "ppc64" }, "sha512-9S542V0ie9LCTznPYlvaeySwBeIEa7rDBgLHKZ5S9DBgcqdJYburabm8TqiqG6mrdTzfV5uttQRHcbKff9lWtA=="],
+
+    "@rollup/rollup-linux-ppc64-musl": ["@rollup/rollup-linux-ppc64-musl@4.55.3", "", { "os": "linux", "cpu": "ppc64" }, "sha512-ukxw+YH3XXpcezLgbJeasgxyTbdpnNAkrIlFGDl7t+pgCxZ89/6n1a+MxlY7CegU+nDgrgdqDelPRNQ/47zs0g=="],
+
+    "@rollup/rollup-linux-riscv64-gnu": ["@rollup/rollup-linux-riscv64-gnu@4.55.3", "", { "os": "linux", "cpu": "none" }, "sha512-Iauw9UsTTvlF++FhghFJjqYxyXdggXsOqGpFBylaRopVpcbfyIIsNvkf9oGwfgIcf57z3m8+/oSYTo6HutBFNw=="],
+
+    "@rollup/rollup-linux-riscv64-musl": ["@rollup/rollup-linux-riscv64-musl@4.55.3", "", { "os": "linux", "cpu": "none" }, "sha512-3OqKAHSEQXKdq9mQ4eajqUgNIK27VZPW3I26EP8miIzuKzCJ3aW3oEn2pzF+4/Hj/Moc0YDsOtBgT5bZ56/vcA=="],
+
+    "@rollup/rollup-linux-s390x-gnu": ["@rollup/rollup-linux-s390x-gnu@4.55.3", "", { "os": "linux", "cpu": "s390x" }, "sha512-0CM8dSVzVIaqMcXIFej8zZrSFLnGrAE8qlNbbHfTw1EEPnFTg1U1ekI0JdzjPyzSfUsHWtodilQQG/RA55berA=="],
+
+    "@rollup/rollup-linux-x64-gnu": ["@rollup/rollup-linux-x64-gnu@4.55.3", "", { "os": "linux", "cpu": "x64" }, "sha512-+fgJE12FZMIgBaKIAGd45rxf+5ftcycANJRWk8Vz0NnMTM5rADPGuRFTYar+Mqs560xuART7XsX2lSACa1iOmQ=="],
+
+    "@rollup/rollup-linux-x64-musl": ["@rollup/rollup-linux-x64-musl@4.55.3", "", { "os": "linux", "cpu": "x64" }, "sha512-tMD7NnbAolWPzQlJQJjVFh/fNH3K/KnA7K8gv2dJWCwwnaK6DFCYST1QXYWfu5V0cDwarWC8Sf/cfMHniNq21A=="],
+
+    "@rollup/rollup-openbsd-x64": ["@rollup/rollup-openbsd-x64@4.55.3", "", { "os": "openbsd", "cpu": "x64" }, "sha512-u5KsqxOxjEeIbn7bUK1MPM34jrnPwjeqgyin4/N6e/KzXKfpE9Mi0nCxcQjaM9lLmPcHmn/xx1yOjgTMtu1jWQ=="],
+
+    "@rollup/rollup-openharmony-arm64": ["@rollup/rollup-openharmony-arm64@4.55.3", "", { "os": "none", "cpu": "arm64" }, "sha512-vo54aXwjpTtsAnb3ca7Yxs9t2INZg7QdXN/7yaoG7nPGbOBXYXQY41Km+S1Ov26vzOAzLcAjmMdjyEqS1JkVhw=="],
+
+    "@rollup/rollup-win32-arm64-msvc": ["@rollup/rollup-win32-arm64-msvc@4.55.3", "", { "os": "win32", "cpu": "arm64" }, "sha512-HI+PIVZ+m+9AgpnY3pt6rinUdRYrGHvmVdsNQ4odNqQ/eRF78DVpMR7mOq7nW06QxpczibwBmeQzB68wJ+4W4A=="],
+
+    "@rollup/rollup-win32-ia32-msvc": ["@rollup/rollup-win32-ia32-msvc@4.55.3", "", { "os": "win32", "cpu": "ia32" }, "sha512-vRByotbdMo3Wdi+8oC2nVxtc3RkkFKrGaok+a62AT8lz/YBuQjaVYAS5Zcs3tPzW43Vsf9J0wehJbUY5xRSekA=="],
+
+    "@rollup/rollup-win32-x64-gnu": ["@rollup/rollup-win32-x64-gnu@4.55.3", "", { "os": "win32", "cpu": "x64" }, "sha512-POZHq7UeuzMJljC5NjKi8vKMFN6/5EOqcX1yGntNLp7rUTpBAXQ1hW8kWPFxYLv07QMcNM75xqVLGPWQq6TKFA=="],
+
+    "@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.55.3", "", { "os": "win32", "cpu": "x64" }, "sha512-aPFONczE4fUFKNXszdvnd2GqKEYQdV5oEsIbKPujJmWlCI9zEsv1Otig8RKK+X9bed9gFUN6LAeN4ZcNuu4zjg=="],
+
+    "@types/bun": ["@types/bun@1.3.6", "", { "dependencies": { "bun-types": "1.3.6" } }, "sha512-uWCv6FO/8LcpREhenN1d1b6fcspAB+cefwD7uti8C8VffIv0Um08TKMn98FynpTiU38+y2dUO55T11NgDt8VAA=="],
+
+    "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+
+    "@types/node": ["@types/node@25.0.10", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-zWW5KPngR/yvakJgGOmZ5vTBemDoSqF3AcV/LrO5u5wTWyEAVVh+IT39G4gtyAkh3CtTZs8aX/yRM82OfzHJRg=="],
+
+    "buffer-equal-constant-time": ["buffer-equal-constant-time@1.0.1", "", {}, "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="],
+
+    "bun": ["bun@1.3.6", "", { "optionalDependencies": { "@oven/bun-darwin-aarch64": "1.3.6", "@oven/bun-darwin-x64": "1.3.6", "@oven/bun-darwin-x64-baseline": "1.3.6", "@oven/bun-linux-aarch64": "1.3.6", "@oven/bun-linux-aarch64-musl": "1.3.6", "@oven/bun-linux-x64": "1.3.6", "@oven/bun-linux-x64-baseline": "1.3.6", "@oven/bun-linux-x64-musl": "1.3.6", "@oven/bun-linux-x64-musl-baseline": "1.3.6", "@oven/bun-windows-x64": "1.3.6", "@oven/bun-windows-x64-baseline": "1.3.6" }, "os": [ "linux", "win32", "darwin", ], "cpu": [ "x64", "arm64", ], "bin": { "bun": "bin/bun.exe", "bunx": "bin/bunx.exe" } }, "sha512-Tn98GlZVN2WM7+lg/uGn5DzUao37Yc0PUz7yzYHdeF5hd+SmHQGbCUIKE4Sspdgtxn49LunK3mDNBC2Qn6GJjw=="],
+
+    "bun-types": ["bun-types@1.3.6", "", { "dependencies": { "@types/node": "*" } }, "sha512-OlFwHcnNV99r//9v5IIOgQ9Uk37gZqrNMCcqEaExdkVq3Avwqok1bJFmvGMCkCE0FqzdY8VMOZpfpR3lwI+CsQ=="],
+
+    "dotenv": ["dotenv@17.2.3", "", {}, "sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w=="],
+
+    "ecdsa-sig-formatter": ["ecdsa-sig-formatter@1.0.11", "", { "dependencies": { "safe-buffer": "^5.0.1" } }, "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ=="],
+
+    "esbuild": ["esbuild@0.27.2", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.27.2", "@esbuild/android-arm": "0.27.2", "@esbuild/android-arm64": "0.27.2", "@esbuild/android-x64": "0.27.2", "@esbuild/darwin-arm64": "0.27.2", "@esbuild/darwin-x64": "0.27.2", "@esbuild/freebsd-arm64": "0.27.2", "@esbuild/freebsd-x64": "0.27.2", "@esbuild/linux-arm": "0.27.2", "@esbuild/linux-arm64": "0.27.2", "@esbuild/linux-ia32": "0.27.2", "@esbuild/linux-loong64": "0.27.2", "@esbuild/linux-mips64el": "0.27.2", "@esbuild/linux-ppc64": "0.27.2", "@esbuild/linux-riscv64": "0.27.2", "@esbuild/linux-s390x": "0.27.2", "@esbuild/linux-x64": "0.27.2", "@esbuild/netbsd-arm64": "0.27.2", "@esbuild/netbsd-x64": "0.27.2", "@esbuild/openbsd-arm64": "0.27.2", "@esbuild/openbsd-x64": "0.27.2", "@esbuild/openharmony-arm64": "0.27.2", "@esbuild/sunos-x64": "0.27.2", "@esbuild/win32-arm64": "0.27.2", "@esbuild/win32-ia32": "0.27.2", "@esbuild/win32-x64": "0.27.2" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw=="],
+
+    "fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
+
+    "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
+
+    "hono": ["hono@4.11.5", "", {}, "sha512-WemPi9/WfyMwZs+ZUXdiwcCh9Y+m7L+8vki9MzDw3jJ+W9Lc+12HGsd368Qc1vZi1xwW8BWMMsnK5efYKPdt4g=="],
+
+    "jsonwebtoken": ["jsonwebtoken@9.0.3", "", { "dependencies": { "jws": "^4.0.1", "lodash.includes": "^4.3.0", "lodash.isboolean": "^3.0.3", "lodash.isinteger": "^4.0.4", "lodash.isnumber": "^3.0.3", "lodash.isplainobject": "^4.0.6", "lodash.isstring": "^4.0.1", "lodash.once": "^4.0.0", "ms": "^2.1.1", "semver": "^7.5.4" } }, "sha512-MT/xP0CrubFRNLNKvxJ2BYfy53Zkm++5bX9dtuPbqAeQpTVe0MQTFhao8+Cp//EmJp244xt6Drw/GVEGCUj40g=="],
+
+    "jwa": ["jwa@2.0.1", "", { "dependencies": { "buffer-equal-constant-time": "^1.0.1", "ecdsa-sig-formatter": "1.0.11", "safe-buffer": "^5.0.1" } }, "sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg=="],
+
+    "jws": ["jws@4.0.1", "", { "dependencies": { "jwa": "^2.0.1", "safe-buffer": "^5.0.1" } }, "sha512-EKI/M/yqPncGUUh44xz0PxSidXFr/+r0pA70+gIYhjv+et7yxM+s29Y+VGDkovRofQem0fs7Uvf4+YmAdyRduA=="],
+
+    "lodash.includes": ["lodash.includes@4.3.0", "", {}, "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w=="],
+
+    "lodash.isboolean": ["lodash.isboolean@3.0.3", "", {}, "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="],
+
+    "lodash.isinteger": ["lodash.isinteger@4.0.4", "", {}, "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA=="],
+
+    "lodash.isnumber": ["lodash.isnumber@3.0.3", "", {}, "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw=="],
+
+    "lodash.isplainobject": ["lodash.isplainobject@4.0.6", "", {}, "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="],
+
+    "lodash.isstring": ["lodash.isstring@4.0.1", "", {}, "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw=="],
+
+    "lodash.once": ["lodash.once@4.1.1", "", {}, "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg=="],
+
+    "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
+
+    "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
+
+    "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
+
+    "picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
+
+    "pocketbase": ["pocketbase@0.26.6", "", {}, "sha512-Pl7V4y3DWglYITC4cBpclmuIzePRGsb/sXk/Wyqxznwu5JsHA5IILJY81PT2XQ3OSKCakWjbxjYBqtdcghzKvA=="],
+
+    "postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
+
+    "rollup": ["rollup@4.55.3", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.55.3", "@rollup/rollup-android-arm64": "4.55.3", "@rollup/rollup-darwin-arm64": "4.55.3", "@rollup/rollup-darwin-x64": "4.55.3", "@rollup/rollup-freebsd-arm64": "4.55.3", "@rollup/rollup-freebsd-x64": "4.55.3", "@rollup/rollup-linux-arm-gnueabihf": "4.55.3", "@rollup/rollup-linux-arm-musleabihf": "4.55.3", "@rollup/rollup-linux-arm64-gnu": "4.55.3", "@rollup/rollup-linux-arm64-musl": "4.55.3", "@rollup/rollup-linux-loong64-gnu": "4.55.3", "@rollup/rollup-linux-loong64-musl": "4.55.3", "@rollup/rollup-linux-ppc64-gnu": "4.55.3", "@rollup/rollup-linux-ppc64-musl": "4.55.3", "@rollup/rollup-linux-riscv64-gnu": "4.55.3", "@rollup/rollup-linux-riscv64-musl": "4.55.3", "@rollup/rollup-linux-s390x-gnu": "4.55.3", "@rollup/rollup-linux-x64-gnu": "4.55.3", "@rollup/rollup-linux-x64-musl": "4.55.3", "@rollup/rollup-openbsd-x64": "4.55.3", "@rollup/rollup-openharmony-arm64": "4.55.3", "@rollup/rollup-win32-arm64-msvc": "4.55.3", "@rollup/rollup-win32-ia32-msvc": "4.55.3", "@rollup/rollup-win32-x64-gnu": "4.55.3", "@rollup/rollup-win32-x64-msvc": "4.55.3", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-y9yUpfQvetAjiDLtNMf1hL9NXchIJgWt6zIKeoB+tCd3npX08Eqfzg60V9DhIGVMtQ0AlMkFw5xa+AQ37zxnAA=="],
+
+    "safe-buffer": ["safe-buffer@5.2.1", "", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="],
+
+    "semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+
+    "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
+
+    "tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
+
+    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
+
+    "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "uuid": ["uuid@8.3.2", "", { "bin": { "uuid": "dist/bin/uuid" } }, "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="],
+
+    "vite": ["vite@7.3.1", "", { "dependencies": { "esbuild": "^0.27.0", "fdir": "^6.5.0", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "jiti": ">=1.21.0", "less": "^4.0.0", "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA=="],
+  }
+}
diff --git a/Mode1/frontend/auth.ts b/Mode1/frontend/auth.ts
new file mode 100644
index 0000000..cb198e7
--- /dev/null
+++ b/Mode1/frontend/auth.ts
@@ -0,0 +1,3 @@
+// Frontend entry point - exports auth module for browser
+export { PocketBaseAuth, initPocketBaseAuth } from '../auth-module/frontend';
+export type { AuthConfig, AuthState, AuthCallbacks } from '../auth-module/types';
diff --git a/Mode1/frontend/index.html b/Mode1/frontend/index.html
new file mode 100644
index 0000000..c55e615
--- /dev/null
+++ b/Mode1/frontend/index.html
@@ -0,0 +1,545 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Mode1 - Auth Module Test</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+      background: #0f172a;
+      color: #e2e8f0;
+      padding: 2rem;
+      min-height: 100vh;
+    }
+
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    h1 {
+      margin-bottom: 2rem;
+      color: #f1f5f9;
+      text-align: center;
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 2rem;
+      margin-bottom: 2rem;
+    }
+
+    @media (max-width: 1200px) {
+      .grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    .section {
+      background: #1e293b;
+      border: 1px solid #334155;
+      border-radius: 8px;
+      padding: 1.5rem;
+    }
+
+    .section h2 {
+      font-size: 1.25rem;
+      margin-bottom: 1rem;
+      color: #f1f5f9;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .status-icon {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      display: inline-block;
+    }
+
+    .status-icon.success {
+      background: #22c55e;
+    }
+
+    .status-icon.pending {
+      background: #f59e0b;
+    }
+
+    .status-icon.error {
+      background: #ef4444;
+    }
+
+    button {
+      background: #3b82f6;
+      color: white;
+      border: none;
+      padding: 0.75rem 1.5rem;
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 0.95rem;
+      transition: background 0.2s;
+      width: 100%;
+      margin-bottom: 0.5rem;
+    }
+
+    button:hover {
+      background: #2563eb;
+    }
+
+    button:disabled {
+      background: #64748b;
+      cursor: not-allowed;
+    }
+
+    .button-group {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 0.5rem;
+    }
+
+    .output {
+      background: #0f172a;
+      border: 1px solid #334155;
+      border-radius: 6px;
+      padding: 1rem;
+      margin-top: 1rem;
+      font-family: 'Monaco', 'Courier New', monospace;
+      font-size: 0.85rem;
+      max-height: 300px;
+      overflow-y: auto;
+      color: #94a3b8;
+    }
+
+    .output.success {
+      border-color: #22c55e;
+      color: #22c55e;
+    }
+
+    .output.error {
+      border-color: #ef4444;
+      color: #ef4444;
+    }
+
+    .output.warning {
+      border-color: #f59e0b;
+      color: #f59e0b;
+    }
+
+    .info {
+      background: #1e293b;
+      border-left: 4px solid #3b82f6;
+      padding: 1rem;
+      border-radius: 4px;
+      margin-bottom: 1rem;
+      font-size: 0.9rem;
+    }
+
+    .timestamp {
+      font-size: 0.8rem;
+      color: #64748b;
+      margin-top: 1rem;
+      text-align: right;
+    }
+
+    @media (max-width: 768px) {
+      .grid {
+        grid-template-columns: 1fr;
+      }
+
+      .button-group {
+        grid-template-columns: 1fr;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>🔐 Auth Module Test Suite (Mode1)</h1>
+
+    <div class="grid">
+      <!-- Frontend Auth Section -->
+      <div class="section">
+        <h2>
+          <span class="status-icon pending" id="frontendStatus"></span>
+          Frontend: PocketBase Auth
+        </h2>
+
+        <div class="info">
+          Tests OAuth2 login, token refresh, and user state management.
+        </div>
+
+        <div class="button-group">
+          <button onclick="testFrontendInit()">Initialize Auth</button>
+          <button onclick="testGetAuthState()">Get Auth State</button>
+        </div>
+        <button onclick="testFrontendLogout()">Logout</button>
+
+        <div class="output" id="frontendOutput"></div>
+        <div class="timestamp" id="frontendTime"></div>
+      </div>
+
+      <!-- Backend Auth Section -->
+      <div class="section">
+        <h2>
+          <span class="status-icon pending" id="backendStatus"></span>
+          Backend: Graph Token & PB Validation
+        </h2>
+
+        <div class="info">
+          Tests Microsoft Graph token acquisition, caching, and PocketBase token validation.
+        </div>
+
+        <div class="button-group">
+          <button onclick="testGraphToken()">Get Graph Token</button>
+          <button onclick="testGraphRefresh()">Refresh Graph Token</button>
+        </div>
+        <button onclick="testCompareTokens()">Compare PB vs Graph</button>
+        <button onclick="testPBValidation()">Validate PB Token</button>
+          <button onclick="testCompareTokens()">Compare PB vs Graph</button>
+        <div class="output" id="backendOutput"></div>
+        <div class="timestamp" id="backendTime"></div>
+      </div>
+    </div>
+
+    <!-- Job Info Section -->
+    <div class="section">
+      <h2>
+        <span class="status-icon pending" id="jobInfoStatus"></span>
+        Job Info (First 4 Records)
+      </h2>
+
+      <div class="info">
+        Fetch and display first 4 records from Job_Info_Prod collection.
+      </div>
+
+      <button onclick="testJobInfo()">Fetch Job Info</button>
+
+      <div class="output" id="jobInfoOutput"></div>
+      <div class="timestamp" id="jobInfoTime"></div>
+    </div>
+  </div>
+
+    <!-- Login container (shown when not authenticated) -->
+    <div id="loginContainer" class="hidden">
+      <button id="loginBtn">Login with Microsoft</button>
+      <div id="loginError" class="hidden"></div>
+    </div>
+
+    <!-- User display (shown when authenticated) -->
+    <div id="userDisplayName"></div>
+    <div id="userEmailValue"></div>
+
+    <script src="/auth-module.js"></script>
+  <script>
+    let pbAuth = null;
+    let config = null;
+
+    // Utility: Log to output
+    function log(elementId, message, type = 'info') {
+      const output = document.getElementById(elementId);
+      if (!output) return;
+
+      const timestamp = new Date().toLocaleTimeString();
+      const line = `[${timestamp}] ${message}`;
+
+      output.textContent += (output.textContent ? '\n' : '') + line;
+      output.scrollTop = output.scrollHeight;
+      output.className = `output ${type}`;
+
+      // Update timestamp
+      const timeEl = document.getElementById(elementId.replace('Output', 'Time'));
+      if (timeEl) timeEl.textContent = `Last updated: ${new Date().toLocaleTimeString()}`;
+    }
+
+    function setStatus(elementId, status) {
+      const icon = document.getElementById(elementId);
+      if (!icon) return;
+      icon.className = `status-icon ${status}`;
+    }
+
+    // Test: Load config
+    async function loadConfig() {
+      try {
+        const response = await fetch('./api/auth/config');
+        if (!response.ok) throw new Error('Failed to load config');
+        config = await response.json();
+        document.getElementById('configOutput').textContent = JSON.stringify(config, null, 2);
+        document.getElementById('configOutput').className = 'output success';
+      } catch (error) {
+        log('configOutput', `Error loading config: ${error.message}`, 'error');
+      }
+    }
+
+    // Test: Initialize Frontend Auth
+    async function testFrontendInit() {
+      setStatus('frontendStatus', 'pending');
+      log('frontendOutput', 'Initializing PocketBaseAuth...');
+
+      try {
+        if (typeof window.AuthModule === 'undefined' || !window.AuthModule.initPocketBaseAuth) {
+          throw new Error('Auth module not loaded');
+        }
+
+        pbAuth = await window.AuthModule.initPocketBaseAuth('.', {
+          onAuthSuccess: (state) => {
+            log('frontendOutput', `✓ Auth success: ${state.user?.email}`, 'success');
+            setStatus('frontendStatus', 'success');
+          },
+          onAuthFailure: (error) => {
+            log('frontendOutput', `✗ Auth failed: ${error.message}`, 'error');
+            setStatus('frontendStatus', 'error');
+          },
+          onTokenUpdate: (state) => {
+            log('frontendOutput', `✓ Token refreshed for ${state.user?.email}`, 'success');
+          },
+          onUiUpdate: (state) => {
+            log('frontendOutput', `✓ UI updated: ${state.isAuthenticated ? 'Authenticated' : 'Not authenticated'}`);
+          },
+        });
+
+        log('frontendOutput', '✓ Frontend auth initialized', 'success');
+        setStatus('frontendStatus', 'success');
+      } catch (error) {
+        log('frontendOutput', `✗ Initialization failed: ${error.message}`, 'error');
+        setStatus('frontendStatus', 'error');
+      }
+    }
+
+    // Test: Get Auth State
+    function testGetAuthState() {
+      if (!pbAuth) {
+        log('frontendOutput', '✗ Auth not initialized', 'error');
+        return;
+      }
+
+      const state = pbAuth.getAuthState();
+      log('frontendOutput', `Auth State: ${JSON.stringify(state, null, 2)}`, 'success');
+    }
+
+    // Test: Frontend Logout
+    function testFrontendLogout() {
+      if (!pbAuth) {
+        log('frontendOutput', '✗ Auth not initialized', 'error');
+        return;
+      }
+
+      pbAuth.logout();
+      log('frontendOutput', '✓ Logged out', 'success');
+      setStatus('frontendStatus', 'pending');
+    }
+
+    // Test: Get Graph Token
+    async function testGraphToken() {
+      setStatus('backendStatus', 'pending');
+      log('backendOutput', 'Requesting Graph token from backend...');
+
+      try {
+        const response = await fetch('./api/auth/graph/token');
+        if (!response.ok) throw new Error(`HTTP ${response.status}`);
+        const data = await response.json();
+
+        if (data.success) {
+          let output = `✓ Token acquired\n`;
+          output += `Expires: ${data.expiresOn}\n`;
+          output += `Valid in cache: ${data.isValid}\n\n`;
+          
+          if (data.tokenDetails && typeof data.tokenDetails === 'object') {
+            output += `Token Details:\n`;
+            output += `  Audience: ${data.tokenDetails.aud}\n`;
+            output += `  Issuer: ${data.tokenDetails.iss}\n`;
+            output += `  Scopes: ${data.tokenDetails.scp}\n`;
+            output += `  App: ${data.tokenDetails.app_displayname}\n`;
+            output += `  Issued: ${data.tokenDetails.iat}\n`;
+            output += `  Expires: ${data.tokenDetails.exp}\n\n`;
+          }
+          
+          output += `Full Token (first 100 chars):\n${data.fullToken.substring(0, 100)}...`;
+          
+          log('backendOutput', output, 'success');
+          setStatus('backendStatus', 'success');
+        } else {
+          log('backendOutput', `✗ ${data.error}`, 'error');
+          setStatus('backendStatus', 'error');
+        }
+      } catch (error) {
+        log('backendOutput', `✗ Request failed: ${error.message}`, 'error');
+        setStatus('backendStatus', 'error');
+      }
+    }
+
+    // Test: Refresh Graph Token
+    async function testGraphRefresh() {
+      setStatus('backendStatus', 'pending');
+      log('backendOutput', 'Refreshing Graph token...');
+
+      try {
+        const response = await fetch('./api/auth/refresh-graph', { method: 'POST' });
+        if (!response.ok) throw new Error(`HTTP ${response.status}`);
+        const data = await response.json();
+
+        if (data.success) {
+          log('backendOutput', `✓ Token refreshed\nExpires: ${data.expiresOn}`, 'success');
+          setStatus('backendStatus', 'success');
+        } else {
+          log('backendOutput', `✗ ${data.error}`, 'error');
+          setStatus('backendStatus', 'error');
+        }
+      } catch (error) {
+        log('backendOutput', `✗ Refresh failed: ${error.message}`, 'error');
+        setStatus('backendStatus', 'error');
+      }
+    }
+
+    // Test: Compare tokens
+    async function testCompareTokens() {
+      setStatus('backendStatus', 'pending');
+      log('backendOutput', 'Comparing PocketBase token vs Graph token...');
+
+      if (!pbAuth) {
+        log('backendOutput', '✗ Auth not initialized', 'error');
+        setStatus('backendStatus', 'error');
+        return;
+      }
+
+      try {
+        const state = pbAuth.getAuthState();
+        const pbToken = state.token || null;
+
+        const response = await fetch('./api/auth/compare-tokens', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ pbToken }),
+        });
+        if (!response.ok) throw new Error(`HTTP ${response.status}`);
+        const data = await response.json();
+
+        if (data.success && data.comparison) {
+          let output = `✓ Token Comparison:\n\n`;
+          
+          output += `GRAPH TOKEN (Backend/App-only):\n`;
+          output += `  Type: ${data.comparison.graph_token.type}\n`;
+          output += `  Source: ${data.comparison.graph_token.source}\n`;
+          output += `  Issuer: ${data.comparison.graph_token.issuer}\n`;
+          output += `  Audience: ${data.comparison.graph_token.audience}\n`;
+          output += `  App: ${data.comparison.graph_token.app}\n`;
+          output += `  Scopes: ${data.comparison.graph_token.scopes}\n`;
+          output += `  Purpose: ${data.comparison.graph_token.purpose}\n\n`;
+          
+          output += `POCKETBASE TOKEN (Frontend/User):\n`;
+          output += `  Type: ${data.comparison.pocketbase_token.type}\n`;
+          output += `  Source: ${data.comparison.pocketbase_token.source}\n`;
+          output += `  User: ${data.comparison.pocketbase_token.authenticated_user}\n`;
+          output += `  Purpose: ${data.comparison.pocketbase_token.purpose}\n\n`;
+          
+          output += `COMPARISON:\n`;
+          output += `  Are Different: YES ✓\n`;
+          output += `  ${data.comparison.explanation}\n`;
+          
+          log('backendOutput', output, 'success');
+          setStatus('backendStatus', 'success');
+        } else {
+          log('backendOutput', `✗ ${data.error}`, 'error');
+          setStatus('backendStatus', 'error');
+        }
+      } catch (error) {
+        log('backendOutput', `✗ Comparison failed: ${error.message}`, 'error');
+        setStatus('backendStatus', 'error');
+      }
+    }
+
+    // Test: Validate PocketBase Token
+    async function testPBValidation() {
+      setStatus('backendStatus', 'pending');
+      log('backendOutput', 'Validating PocketBase token...');
+
+      if (!pbAuth) {
+        log('backendOutput', '✗ Auth not initialized', 'error');
+        setStatus('backendStatus', 'error');
+        return;
+      }
+
+      try {
+        const state = pbAuth.getAuthState();
+        
+        if (!state.token) {
+          log('backendOutput', '✗ No token available - user not logged in', 'warning');
+          setStatus('backendStatus', 'warning');
+          return;
+        }
+
+        log('backendOutput', `Sending token for user: ${state.user?.email}...`);
+        
+        const response = await fetch('./api/auth/validate-pb-token', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ pbToken: state.token }),
+        });
+
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}`);
+        }
+        
+        const data = await response.json();
+
+        if (data.valid) {
+          log('backendOutput', `✓ Token valid\nUser: ${data.user?.email}\nID: ${data.user?.id}`, 'success');
+          setStatus('backendStatus', 'success');
+        } else {
+          log('backendOutput', `✗ Token invalid: ${data.error}`, 'error');
+          setStatus('backendStatus', 'error');
+        }
+      } catch (error) {
+        log('backendOutput', `✗ Validation failed: ${error.message}`, 'error');
+        setStatus('backendStatus', 'error');
+      }
+    }
+
+    // Test: Fetch Job Info
+    async function testJobInfo() {
+      setStatus('jobInfoStatus', 'pending');
+      log('jobInfoOutput', 'Fetching first 4 records from Job_Info_Prod...');
+
+      if (!pbAuth) {
+        log('jobInfoOutput', '✗ Auth not initialized - cannot fetch records', 'error');
+        setStatus('jobInfoStatus', 'error');
+        return;
+      }
+
+      try {
+        const pb = pbAuth.getPocketBase();
+        const records = await pb.collection('Job_Info_Prod').getList(1, 4);
+
+        if (!records.items || records.items.length === 0) {
+          log('jobInfoOutput', 'No records found', 'warning');
+          setStatus('jobInfoStatus', 'warning');
+          return;
+        }
+
+        let output = `✓ Found ${records.items.length} records:\n\n`;
+        
+        records.items.forEach((record, index) => {
+          output += `[${index + 1}] ID: ${record.id}\n`;
+          output += `    Title: ${record.title || record.name || 'N/A'}\n`;
+          output += `    Status: ${record.status || 'N/A'}\n`;
+          output += `    Created: ${new Date(record.created).toLocaleDateString()}\n\n`;
+        });
+
+        log('jobInfoOutput', output, 'success');
+        setStatus('jobInfoStatus', 'success');
+      } catch (error) {
+        log('jobInfoOutput', `✗ Failed to fetch records: ${error.message}`, 'error');
+        setStatus('jobInfoStatus', 'error');
+      }
+    }
+  </script>
+</body>
+</html>
diff --git a/Mode1/package.json b/Mode1/package.json
new file mode 100644
index 0000000..1c1fd7e
--- /dev/null
+++ b/Mode1/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "mode1-auth-test",
+  "version": "1.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "start": "bun run backend/server.ts",
+    "dev": "bun --watch backend/server.ts",
+    "build": "vite build",
+    "prebuild": "vite build"
+  },
+  "dependencies": {
+    "@azure/msal-node": "^5.0.2",
+    "dotenv": "^17.2.3",
+    "hono": "^4.10.8",
+    "pocketbase": "^0.26.5"
+  },
+  "devDependencies": {
+    "@types/bun": "latest",
+    "typescript": "^5",
+    "vite": "^7.3.1"
+  },
+  "peerDependencies": {
+    "bun": "latest"
+  }
+}
diff --git a/Mode1/vite.config.ts b/Mode1/vite.config.ts
new file mode 100644
index 0000000..486b3db
--- /dev/null
+++ b/Mode1/vite.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    outDir: 'frontend/dist',
+    emptyOutDir: true,
+    lib: {
+      entry: 'frontend/auth.ts',
+      name: 'AuthModule',
+      fileName: () => 'auth.js',
+      formats: ['umd']
+    }
+  },
+  server: {
+    middlewareMode: true
+  }
+});
diff --git a/ModeSwitch/activeMode.txt b/ModeSwitch/activeMode.txt
new file mode 100644
index 0000000..6401a64
--- /dev/null
+++ b/ModeSwitch/activeMode.txt
@@ -0,0 +1 @@
+Mode6Test
\ No newline at end of file
diff --git a/ModeSwitch/backend/orchestrator.ts b/ModeSwitch/backend/orchestrator.ts
index a702b30..9bea8c6 100644
--- a/ModeSwitch/backend/orchestrator.ts
+++ b/ModeSwitch/backend/orchestrator.ts
@@ -10,6 +10,7 @@ const ORCHESTRATOR_PORT = 3006;  // Orchestrator API runs here
 
 // Mode folder mappings - only Mode6Test exists currently
 const MODE_FOLDERS: Record<string, string> = {
+  'Mode1': 'Mode1',
   'Mode6Test': 'Mode6Test',
 };
 
diff --git a/ModeTemplate/README.md b/ModeTemplate/README.md
deleted file mode 100644
index 4070e62..0000000
--- a/ModeTemplate/README.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# Mode Template
-
-Base template for creating new Modes. Copy this entire folder and rename it.
-
-## Structure
-
-```
-ModeTemplate/
-├── backend/
-│   ├── server.ts          # Hono API server
-│   └── modules/
-│       └── auth/          # Copy of components/auth
-├── frontend/
-│   ├── src/
-│   │   ├── routes/
-│   │   │   ├── +page.svelte
-│   │   │   └── +layout.svelte
-│   │   ├── lib/
-│   │   │   ├── api.ts     # API client instance
-│   │   │   └── stores/
-│   │   │       └── auth.ts
-│   │   └── app.html
-│   ├── static/
-│   ├── svelte.config.js
-│   ├── vite.config.ts
-│   └── package.json
-├── types/                  # Copy of components/shared-types
-├── package.json
-├── .env
-└── README.md
-```
-
-## Quick Start
-
-1. Copy folder: `cp -r ModeTemplate Mode7YourProject`
-2. Update `package.json` name
-3. Install deps: `cd Mode7YourProject && bun install`
-4. Start backend: `bun run backend/server.ts`
-5. Start frontend: `cd frontend && bun run dev`
-
-## Ports
-
-- Backend runs on PORT from env (orchestrator sets to 3005)
-- Frontend dev server runs on 5173 (proxies API to backend)
-
-## Adding to Orchestrator
-
-Edit `ModeSwitch/backend/orchestrator.ts`:
-
-```typescript
-const MODE_FOLDERS: Record<string, string> = {
-  'Mode6Test': 'Mode6Test',
-  'Mode7YourProject': 'Mode7YourProject',  // Add this
-};
-```
diff --git a/ModeTemplate/backend/modules/auth/index.ts b/ModeTemplate/backend/modules/auth/index.ts
deleted file mode 100644
index 6857c77..0000000
--- a/ModeTemplate/backend/modules/auth/index.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export { 
-  getAuthUrl, 
-  handleCallback,
-  exchangeCodeForToken,
-  getMicrosoftUserInfo,
-  getPocketBaseToken,
-  getConfigFromEnv,
-} from './microsoft-oauth';
-
-export type { 
-  AuthResult, 
-  OAuthConfig 
-} from './microsoft-oauth';
-
-export {
-  HEADERS,
-  CONTENT_TYPES,
-  STORAGE_KEYS,
-  pbAuthHeader,
-  pbHeaders,
-  isSessionExpired,
-} from './types';
-
-export type {
-  MicrosoftTokens,
-  PocketBaseTokens,
-  AuthSession,
-} from './types';
diff --git a/ModeTemplate/backend/modules/auth/microsoft-oauth.ts b/ModeTemplate/backend/modules/auth/microsoft-oauth.ts
deleted file mode 100644
index 9a6c3b2..0000000
--- a/ModeTemplate/backend/modules/auth/microsoft-oauth.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-/**
- * Microsoft OAuth Module
- * 
- * Handles Microsoft OAuth flow to authenticate users and retrieve:
- * - User's email
- * - User's display name
- * - PocketBase auth token (user must already exist)
- * 
- * Environment Variables Used:
- * - MICROSOFT_CLIENT_ID
- * - MICROSOFT_CLIENT_SECRET
- * - MICROSOFT_TENANT_ID
- * - MICROSOFT_REDIRECT_URI
- * - MICROSOFT_SCOPES
- * - PB_URL
- */
-
-interface MicrosoftTokenResponse {
-  access_token: string;
-  token_type: string;
-  expires_in: number;
-  scope: string;
-  refresh_token?: string;
-}
-
-interface MicrosoftUserInfo {
-  id: string;
-  displayName: string;
-  mail: string;
-  userPrincipalName: string;
-}
-
-export interface AuthResult {
-  email: string;
-  displayName: string;
-  pocketbaseToken: string;
-}
-
-export interface OAuthConfig {
-  clientId: string;
-  clientSecret: string;
-  tenantId: string;
-  redirectUri: string;
-  scopes: string;
-  pbUrl: string;
-}
-
-/**
- * Build config from process.env
- */
-export function getConfigFromEnv(): OAuthConfig {
-  const clientId = process.env.MICROSOFT_CLIENT_ID;
-  const clientSecret = process.env.MICROSOFT_CLIENT_SECRET;
-  const tenantId = process.env.MICROSOFT_TENANT_ID;
-  const redirectUri = process.env.MICROSOFT_REDIRECT_URI;
-  const scopes = process.env.MICROSOFT_SCOPES;
-  const pbUrl = process.env.PB_URL;
-
-  if (!clientId || !clientSecret || !tenantId || !redirectUri || !scopes || !pbUrl) {
-    throw new Error('Missing required OAuth environment variables');
-  }
-
-  return { clientId, clientSecret, tenantId, redirectUri, scopes, pbUrl };
-}
-
-/**
- * Generate the Microsoft OAuth authorization URL
- */
-export function getAuthUrl(config: OAuthConfig): string {
-  const params = new URLSearchParams({
-    client_id: config.clientId,
-    response_type: 'code',
-    redirect_uri: config.redirectUri,
-    response_mode: 'query',
-    scope: config.scopes,
-    state: crypto.randomUUID(),
-  });
-
-  return `https://login.microsoftonline.com/${config.tenantId}/oauth2/v2.0/authorize?${params}`;
-}
-
-/**
- * Exchange authorization code for access token
- */
-export async function exchangeCodeForToken(
-  code: string,
-  config: OAuthConfig
-): Promise<MicrosoftTokenResponse> {
-  const response = await fetch(
-    `https://login.microsoftonline.com/${config.tenantId}/oauth2/v2.0/token`,
-    {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/x-www-form-urlencoded',
-      },
-      body: new URLSearchParams({
-        client_id: config.clientId,
-        client_secret: config.clientSecret,
-        code,
-        redirect_uri: config.redirectUri,
-        grant_type: 'authorization_code',
-        scope: config.scopes,
-      }),
-    }
-  );
-
-  if (!response.ok) {
-    const error = await response.text();
-    throw new Error(`Token exchange failed: ${error}`);
-  }
-
-  return response.json();
-}
-
-/**
- * Get user info from Microsoft Graph API
- */
-export async function getMicrosoftUserInfo(
-  accessToken: string
-): Promise<MicrosoftUserInfo> {
-  const response = await fetch('https://graph.microsoft.com/v1.0/me', {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-
-  if (!response.ok) {
-    const error = await response.text();
-    throw new Error(`Failed to get user info: ${error}`);
-  }
-
-  return response.json();
-}
-
-/**
- * Authenticate existing user with PocketBase
- * User MUST already exist - no user creation
- */
-export async function getPocketBaseToken(
-  email: string,
-  pbUrl: string
-): Promise<string> {
-  // Look up user by email - user must exist
-  const searchResponse = await fetch(
-    `${pbUrl}/api/collections/users/records?filter=(email='${encodeURIComponent(email)}')`,
-    {
-      headers: {
-        'Content-Type': 'application/json',
-      },
-    }
-  );
-
-  if (!searchResponse.ok) {
-    throw new Error('Failed to query PocketBase');
-  }
-
-  const searchData = await searchResponse.json();
-  
-  if (!searchData.items || searchData.items.length === 0) {
-    throw new Error('Access denied: User does not exist');
-  }
-
-  // User exists - authenticate via OAuth
-  const authResponse = await fetch(`${pbUrl}/api/collections/users/auth-with-oauth2`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify({
-      provider: 'microsoft',
-    }),
-  });
-
-  if (!authResponse.ok) {
-    const error = await authResponse.text();
-    throw new Error(`PocketBase auth failed: ${error}`);
-  }
-
-  const data = await authResponse.json();
-  return data.token;
-}
-
-/**
- * Complete OAuth flow: code -> user info + PocketBase token
- * Denies access if user doesn't exist in PocketBase
- */
-export async function handleCallback(
-  code: string,
-  config: OAuthConfig
-): Promise<AuthResult> {
-  // 1. Exchange code for Microsoft access token
-  const tokenResponse = await exchangeCodeForToken(code, config);
-
-  // 2. Get user info from Microsoft Graph
-  const userInfo = await getMicrosoftUserInfo(tokenResponse.access_token);
-
-  const email = userInfo.mail || userInfo.userPrincipalName;
-  const displayName = userInfo.displayName;
-
-  // 3. Get PocketBase auth token (user must exist)
-  const pocketbaseToken = await getPocketBaseToken(email, config.pbUrl);
-
-  return {
-    email,
-    displayName,
-    pocketbaseToken,
-  };
-}
diff --git a/ModeTemplate/backend/modules/auth/types.ts b/ModeTemplate/backend/modules/auth/types.ts
deleted file mode 100644
index 9b32e5f..0000000
--- a/ModeTemplate/backend/modules/auth/types.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-/**
- * Auth Constants & Types
- * 
- * Standard naming conventions for auth-related values.
- * Use these throughout all modes to maintain consistency.
- */
-
-// ============================================
-// TOKEN TYPES
-// ============================================
-
-/** Token received from Microsoft OAuth */
-export interface MicrosoftTokens {
-  accessToken: string;
-  refreshToken?: string;
-  expiresIn: number;
-}
-
-/** Token received from PocketBase */
-export interface PocketBaseTokens {
-  token: string;
-  // PB tokens don't have separate refresh - they expire and re-auth is needed
-}
-
-/** Combined auth state after successful login */
-export interface AuthSession {
-  email: string;
-  displayName: string;
-  pbToken: string;           // PocketBase auth token
-  msAccessToken?: string;    // Microsoft access token (if needed for Graph API calls)
-  expiresAt?: number;        // Unix timestamp when session expires
-}
-
-// ============================================
-// HEADER NAMES
-// ============================================
-
-export const HEADERS = {
-  /** Authorization header for PocketBase API calls */
-  PB_AUTH: 'Authorization',
-  
-  /** Content type for JSON requests */
-  CONTENT_TYPE: 'Content-Type',
-} as const;
-
-// ============================================
-// HEADER VALUES
-// ============================================
-
-export const CONTENT_TYPES = {
-  JSON: 'application/json',
-  FORM: 'application/x-www-form-urlencoded',
-} as const;
-
-// ============================================
-// COOKIE/STORAGE KEYS
-// ============================================
-
-export const STORAGE_KEYS = {
-  /** PocketBase token storage key */
-  PB_TOKEN: 'pb_token',
-  
-  /** Session data storage key */
-  SESSION: 'auth_session',
-} as const;
-
-// ============================================
-// HELPER FUNCTIONS
-// ============================================
-
-/**
- * Create Authorization header value for PocketBase
- */
-export function pbAuthHeader(token: string): string {
-  return `Bearer ${token}`;
-}
-
-/**
- * Create headers object for PocketBase API calls
- */
-export function pbHeaders(token?: string): Record<string, string> {
-  const headers: Record<string, string> = {
-    [HEADERS.CONTENT_TYPE]: CONTENT_TYPES.JSON,
-  };
-  
-  if (token) {
-    headers[HEADERS.PB_AUTH] = pbAuthHeader(token);
-  }
-  
-  return headers;
-}
-
-/**
- * Check if session is expired
- */
-export function isSessionExpired(session: AuthSession): boolean {
-  if (!session.expiresAt) return false;
-  return Date.now() > session.expiresAt;
-}
diff --git a/ModeTemplate/backend/server.ts b/ModeTemplate/backend/server.ts
deleted file mode 100644
index a7b589e..0000000
--- a/ModeTemplate/backend/server.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * Backend Server
- * 
- * Hono API server with auth routes pre-configured.
- */
-
-import { Hono } from 'hono';
-import { cors } from 'hono/cors';
-import { getAuthUrl, handleCallback, getConfigFromEnv } from './modules/auth';
-
-const app = new Hono();
-
-// CORS for frontend
-app.use('/*', cors({
-  origin: ['http://localhost:5173', 'http://localhost:3005'],
-  credentials: true,
-}));
-
-// Health check
-app.get('/health', (c) => c.json({ status: 'ok' }));
-
-// ============================================
-// AUTH ROUTES
-// ============================================
-
-const authConfig = getConfigFromEnv();
-
-app.get('/auth/login', (c) => {
-  return c.redirect(getAuthUrl(authConfig));
-});
-
-app.get('/auth/callback', async (c) => {
-  const code = c.req.query('code');
-  
-  if (!code) {
-    return c.json({ error: 'No authorization code' }, 400);
-  }
-
-  try {
-    const result = await handleCallback(code, authConfig);
-    
-    // Return token and user info
-    // Frontend should store token and redirect
-    return c.json(result);
-  } catch (err) {
-    const message = err instanceof Error ? err.message : 'Auth failed';
-    return c.json({ error: message }, 403);
-  }
-});
-
-// ============================================
-// API ROUTES
-// ============================================
-
-app.get('/api/me', async (c) => {
-  // TODO: Validate token from Authorization header
-  // Return current user info
-  return c.json({ message: 'Implement me' });
-});
-
-// ============================================
-// START SERVER
-// ============================================
-
-const port = Number(process.env.PORT) || 3005;
-
-console.log(`[Server] Starting on port ${port}...`);
-
-export default {
-  port,
-  fetch: app.fetch,
-};
diff --git a/ModeTemplate/bun.lock b/ModeTemplate/bun.lock
deleted file mode 100644
index e4dc136..0000000
--- a/ModeTemplate/bun.lock
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "lockfileVersion": 1,
-  "configVersion": 1,
-  "workspaces": {
-    "": {
-      "name": "mode-template",
-      "dependencies": {
-        "hono": "^4.0.0",
-      },
-      "devDependencies": {
-        "bun-types": "latest",
-        "typescript": "^5.0.0",
-      },
-    },
-  },
-  "packages": {
-    "@types/node": ["@types/node@25.0.9", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-/rpCXHlCWeqClNBwUhDcusJxXYDjZTyE8v5oTO7WbL8eij2nKhUeU89/6xgjU7N4/Vh3He0BtyhJdQbDyhiXAw=="],
-
-    "bun-types": ["bun-types@1.3.6", "", { "dependencies": { "@types/node": "*" } }, "sha512-OlFwHcnNV99r//9v5IIOgQ9Uk37gZqrNMCcqEaExdkVq3Avwqok1bJFmvGMCkCE0FqzdY8VMOZpfpR3lwI+CsQ=="],
-
-    "hono": ["hono@4.11.4", "", {}, "sha512-U7tt8JsyrxSRKspfhtLET79pU8K+tInj5QZXs1jSugO1Vq5dFj3kmZsRldo29mTBfcjDRVRXrEZ6LS63Cog9ZA=="],
-
-    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
-
-    "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
-  }
-}
diff --git a/ModeTemplate/frontend/.svelte-kit/ambient.d.ts b/ModeTemplate/frontend/.svelte-kit/ambient.d.ts
deleted file mode 100644
index 36cd65f..0000000
--- a/ModeTemplate/frontend/.svelte-kit/ambient.d.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-
-// this file is generated — do not edit it
-
-
-/// <reference types="@sveltejs/kit" />
-
-/**
- * Environment variables [loaded by Vite](https://vitejs.dev/guide/env-and-mode.html#env-files) from `.env` files and `process.env`. Like [`$env/dynamic/private`](https://svelte.dev/docs/kit/$env-dynamic-private), this module cannot be imported into client-side code. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://svelte.dev/docs/kit/configuration#env) (if configured).
- * 
- * _Unlike_ [`$env/dynamic/private`](https://svelte.dev/docs/kit/$env-dynamic-private), the values exported from this module are statically injected into your bundle at build time, enabling optimisations like dead code elimination.
- * 
- * ```ts
- * import { API_KEY } from '$env/static/private';
- * ```
- * 
- * Note that all environment variables referenced in your code should be declared (for example in an `.env` file), even if they don't have a value until the app is deployed:
- * 
- * ```
- * MY_FEATURE_FLAG=""
- * ```
- * 
- * You can override `.env` values from the command line like so:
- * 
- * ```sh
- * MY_FEATURE_FLAG="enabled" npm run dev
- * ```
- */
-declare module '$env/static/private' {
-	export const SHELL: string;
-	export const npm_command: string;
-	export const COLORTERM: string;
-	export const HISTCONTROL: string;
-	export const TERM_PROGRAM_VERSION: string;
-	export const NODE: string;
-	export const npm_config_local_prefix: string;
-	export const PWD: string;
-	export const LOGNAME: string;
-	export const XDG_SESSION_TYPE: string;
-	export const _: string;
-	export const VSCODE_GIT_ASKPASS_NODE: string;
-	export const MOTD_SHOWN: string;
-	export const HOME: string;
-	export const LANG: string;
-	export const npm_package_version: string;
-	export const SSL_CERT_DIR: string;
-	export const GIT_ASKPASS: string;
-	export const SSH_CONNECTION: string;
-	export const npm_lifecycle_script: string;
-	export const VSCODE_GIT_ASKPASS_EXTRA_ARGS: string;
-	export const VSCODE_PYTHON_AUTOACTIVATE_GUARD: string;
-	export const XDG_SESSION_CLASS: string;
-	export const TERM: string;
-	export const npm_package_name: string;
-	export const USER: string;
-	export const GIT_PAGER: string;
-	export const VSCODE_GIT_IPC_HANDLE: string;
-	export const npm_lifecycle_event: string;
-	export const SHLVL: string;
-	export const XDG_SESSION_ID: string;
-	export const npm_config_user_agent: string;
-	export const npm_execpath: string;
-	export const XDG_RUNTIME_DIR: string;
-	export const SSL_CERT_FILE: string;
-	export const SSH_CLIENT: string;
-	export const DEBUGINFOD_URLS: string;
-	export const npm_package_json: string;
-	export const BUN_INSTALL: string;
-	export const VSCODE_GIT_ASKPASS_MAIN: string;
-	export const BROWSER: string;
-	export const PATH: string;
-	export const DBUS_SESSION_BUS_ADDRESS: string;
-	export const MAIL: string;
-	export const npm_node_execpath: string;
-	export const OLDPWD: string;
-	export const TERM_PROGRAM: string;
-	export const VSCODE_IPC_HOOK_CLI: string;
-	export const NODE_ENV: string;
-}
-
-/**
- * Similar to [`$env/static/private`](https://svelte.dev/docs/kit/$env-static-private), except that it only includes environment variables that begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
- * 
- * Values are replaced statically at build time.
- * 
- * ```ts
- * import { PUBLIC_BASE_URL } from '$env/static/public';
- * ```
- */
-declare module '$env/static/public' {
-	
-}
-
-/**
- * This module provides access to runtime environment variables, as defined by the platform you're running on. For example if you're using [`adapter-node`](https://github.com/sveltejs/kit/tree/main/packages/adapter-node) (or running [`vite preview`](https://svelte.dev/docs/kit/cli)), this is equivalent to `process.env`. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://svelte.dev/docs/kit/configuration#env) (if configured).
- * 
- * This module cannot be imported into client-side code.
- * 
- * ```ts
- * import { env } from '$env/dynamic/private';
- * console.log(env.DEPLOYMENT_SPECIFIC_VARIABLE);
- * ```
- * 
- * > [!NOTE] In `dev`, `$env/dynamic` always includes environment variables from `.env`. In `prod`, this behavior will depend on your adapter.
- */
-declare module '$env/dynamic/private' {
-	export const env: {
-		SHELL: string;
-		npm_command: string;
-		COLORTERM: string;
-		HISTCONTROL: string;
-		TERM_PROGRAM_VERSION: string;
-		NODE: string;
-		npm_config_local_prefix: string;
-		PWD: string;
-		LOGNAME: string;
-		XDG_SESSION_TYPE: string;
-		_: string;
-		VSCODE_GIT_ASKPASS_NODE: string;
-		MOTD_SHOWN: string;
-		HOME: string;
-		LANG: string;
-		npm_package_version: string;
-		SSL_CERT_DIR: string;
-		GIT_ASKPASS: string;
-		SSH_CONNECTION: string;
-		npm_lifecycle_script: string;
-		VSCODE_GIT_ASKPASS_EXTRA_ARGS: string;
-		VSCODE_PYTHON_AUTOACTIVATE_GUARD: string;
-		XDG_SESSION_CLASS: string;
-		TERM: string;
-		npm_package_name: string;
-		USER: string;
-		GIT_PAGER: string;
-		VSCODE_GIT_IPC_HANDLE: string;
-		npm_lifecycle_event: string;
-		SHLVL: string;
-		XDG_SESSION_ID: string;
-		npm_config_user_agent: string;
-		npm_execpath: string;
-		XDG_RUNTIME_DIR: string;
-		SSL_CERT_FILE: string;
-		SSH_CLIENT: string;
-		DEBUGINFOD_URLS: string;
-		npm_package_json: string;
-		BUN_INSTALL: string;
-		VSCODE_GIT_ASKPASS_MAIN: string;
-		BROWSER: string;
-		PATH: string;
-		DBUS_SESSION_BUS_ADDRESS: string;
-		MAIL: string;
-		npm_node_execpath: string;
-		OLDPWD: string;
-		TERM_PROGRAM: string;
-		VSCODE_IPC_HOOK_CLI: string;
-		NODE_ENV: string;
-		[key: `PUBLIC_${string}`]: undefined;
-		[key: `${string}`]: string | undefined;
-	}
-}
-
-/**
- * Similar to [`$env/dynamic/private`](https://svelte.dev/docs/kit/$env-dynamic-private), but only includes variables that begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
- * 
- * Note that public dynamic environment variables must all be sent from the server to the client, causing larger network requests — when possible, use `$env/static/public` instead.
- * 
- * ```ts
- * import { env } from '$env/dynamic/public';
- * console.log(env.PUBLIC_DEPLOYMENT_SPECIFIC_VARIABLE);
- * ```
- */
-declare module '$env/dynamic/public' {
-	export const env: {
-		[key: `PUBLIC_${string}`]: string | undefined;
-	}
-}
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/app.js b/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/app.js
deleted file mode 100644
index e924ffb..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/app.js
+++ /dev/null
@@ -1,31 +0,0 @@
-export { matchers } from './matchers.js';
-
-export const nodes = [
-	() => import('./nodes/0'),
-	() => import('./nodes/1'),
-	() => import('./nodes/2'),
-	() => import('./nodes/3')
-];
-
-export const server_loads = [];
-
-export const dictionary = {
-		"/": [2],
-		"/callback": [3]
-	};
-
-export const hooks = {
-	handleError: (({ error }) => { console.error(error) }),
-	
-	reroute: (() => {}),
-	transport: {}
-};
-
-export const decoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.decode]));
-export const encoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.encode]));
-
-export const hash = false;
-
-export const decode = (type, value) => decoders[type](value);
-
-export { default as root } from '../root.js';
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/matchers.js b/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/matchers.js
deleted file mode 100644
index f6bd30a..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/matchers.js
+++ /dev/null
@@ -1 +0,0 @@
-export const matchers = {};
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/0.js b/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/0.js
deleted file mode 100644
index fed1375..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/0.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../src/routes/+layout.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/1.js b/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/1.js
deleted file mode 100644
index bf58bad..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/1.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/2.js b/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/2.js
deleted file mode 100644
index 1cb4f85..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/2.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../src/routes/+page.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/3.js b/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/3.js
deleted file mode 100644
index cd3d8b8..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client-optimized/nodes/3.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../src/routes/callback/+page.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client/app.js b/ModeTemplate/frontend/.svelte-kit/generated/client/app.js
deleted file mode 100644
index e924ffb..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client/app.js
+++ /dev/null
@@ -1,31 +0,0 @@
-export { matchers } from './matchers.js';
-
-export const nodes = [
-	() => import('./nodes/0'),
-	() => import('./nodes/1'),
-	() => import('./nodes/2'),
-	() => import('./nodes/3')
-];
-
-export const server_loads = [];
-
-export const dictionary = {
-		"/": [2],
-		"/callback": [3]
-	};
-
-export const hooks = {
-	handleError: (({ error }) => { console.error(error) }),
-	
-	reroute: (() => {}),
-	transport: {}
-};
-
-export const decoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.decode]));
-export const encoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.encode]));
-
-export const hash = false;
-
-export const decode = (type, value) => decoders[type](value);
-
-export { default as root } from '../root.js';
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client/matchers.js b/ModeTemplate/frontend/.svelte-kit/generated/client/matchers.js
deleted file mode 100644
index f6bd30a..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client/matchers.js
+++ /dev/null
@@ -1 +0,0 @@
-export const matchers = {};
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/0.js b/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/0.js
deleted file mode 100644
index fed1375..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/0.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../src/routes/+layout.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/1.js b/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/1.js
deleted file mode 100644
index bf58bad..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/1.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/2.js b/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/2.js
deleted file mode 100644
index 1cb4f85..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/2.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../src/routes/+page.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/3.js b/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/3.js
deleted file mode 100644
index cd3d8b8..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/client/nodes/3.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as component } from "../../../../src/routes/callback/+page.svelte";
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/root.js b/ModeTemplate/frontend/.svelte-kit/generated/root.js
deleted file mode 100644
index 4d1e892..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/root.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { asClassComponent } from 'svelte/legacy';
-import Root from './root.svelte';
-export default asClassComponent(Root);
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/root.svelte b/ModeTemplate/frontend/.svelte-kit/generated/root.svelte
deleted file mode 100644
index 0795183..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/root.svelte
+++ /dev/null
@@ -1,68 +0,0 @@
-<!-- This file is generated by @sveltejs/kit — do not edit it! -->
-<svelte:options runes={true} />
-<script>
-	import { setContext, onMount, tick } from 'svelte';
-	import { browser } from '$app/environment';
-
-	// stores
-	let { stores, page, constructors, components = [], form, data_0 = null, data_1 = null } = $props();
-
-	if (!browser) {
-		// svelte-ignore state_referenced_locally
-		setContext('__svelte__', stores);
-	}
-
-	if (browser) {
-		$effect.pre(() => stores.page.set(page));
-	} else {
-		// svelte-ignore state_referenced_locally
-		stores.page.set(page);
-	}
-	$effect(() => {
-		stores;page;constructors;components;form;data_0;data_1;
-		stores.page.notify();
-	});
-
-	let mounted = $state(false);
-	let navigated = $state(false);
-	let title = $state(null);
-
-	onMount(() => {
-		const unsubscribe = stores.page.subscribe(() => {
-			if (mounted) {
-				navigated = true;
-				tick().then(() => {
-					title = document.title || 'untitled page';
-				});
-			}
-		});
-
-		mounted = true;
-		return unsubscribe;
-	});
-
-	const Pyramid_1=$derived(constructors[1])
-</script>
-
-{#if constructors[1]}
-	{@const Pyramid_0 = constructors[0]}
-							<!-- svelte-ignore binding_property_non_reactive -->
-							<Pyramid_0 bind:this={components[0]} data={data_0} {form} params={page.params}>
-								<!-- svelte-ignore binding_property_non_reactive -->
-										<Pyramid_1 bind:this={components[1]} data={data_1} {form} params={page.params} />
-							</Pyramid_0>
-
-{:else}
-	{@const Pyramid_0 = constructors[0]}
-	<!-- svelte-ignore binding_property_non_reactive -->
-	<Pyramid_0 bind:this={components[0]} data={data_0} {form} params={page.params} />
-
-{/if}
-
-{#if mounted}
-	<div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px">
-		{#if navigated}
-			{title}
-		{/if}
-	</div>
-{/if}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/generated/server/internal.js b/ModeTemplate/frontend/.svelte-kit/generated/server/internal.js
deleted file mode 100644
index b36bf4b..0000000
--- a/ModeTemplate/frontend/.svelte-kit/generated/server/internal.js
+++ /dev/null
@@ -1,53 +0,0 @@
-
-import root from '../root.js';
-import { set_building, set_prerendering } from '__sveltekit/environment';
-import { set_assets } from '$app/paths/internal/server';
-import { set_manifest, set_read_implementation } from '__sveltekit/server';
-import { set_private_env, set_public_env } from '../../../node_modules/@sveltejs/kit/src/runtime/shared-server.js';
-
-export const options = {
-	app_template_contains_nonce: false,
-	async: false,
-	csp: {"mode":"auto","directives":{"upgrade-insecure-requests":false,"block-all-mixed-content":false},"reportOnly":{"upgrade-insecure-requests":false,"block-all-mixed-content":false}},
-	csrf_check_origin: true,
-	csrf_trusted_origins: [],
-	embedded: false,
-	env_public_prefix: 'PUBLIC_',
-	env_private_prefix: '',
-	hash_routing: false,
-	hooks: null, // added lazily, via `get_hooks`
-	preload_strategy: "modulepreload",
-	root,
-	service_worker: false,
-	service_worker_options: undefined,
-	templates: {
-		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <title>Mode Template</title>\n    " + head + "\n  </head>\n  <body data-sveltekit-preload-data=\"hover\">\n    <div style=\"display: contents\">" + body + "</div>\n  </body>\n</html>\n",
-		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
-	},
-	version_hash: "1u12ak4"
-};
-
-export async function get_hooks() {
-	let handle;
-	let handleFetch;
-	let handleError;
-	let handleValidationError;
-	let init;
-	
-
-	let reroute;
-	let transport;
-	
-
-	return {
-		handle,
-		handleFetch,
-		handleError,
-		handleValidationError,
-		init,
-		reroute,
-		transport
-	};
-}
-
-export { set_assets, set_building, set_manifest, set_prerendering, set_private_env, set_public_env, set_read_implementation };
diff --git a/ModeTemplate/frontend/.svelte-kit/non-ambient.d.ts b/ModeTemplate/frontend/.svelte-kit/non-ambient.d.ts
deleted file mode 100644
index 956d7b3..0000000
--- a/ModeTemplate/frontend/.svelte-kit/non-ambient.d.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-
-// this file is generated — do not edit it
-
-
-declare module "svelte/elements" {
-	export interface HTMLAttributes<T> {
-		'data-sveltekit-keepfocus'?: true | '' | 'off' | undefined | null;
-		'data-sveltekit-noscroll'?: true | '' | 'off' | undefined | null;
-		'data-sveltekit-preload-code'?:
-			| true
-			| ''
-			| 'eager'
-			| 'viewport'
-			| 'hover'
-			| 'tap'
-			| 'off'
-			| undefined
-			| null;
-		'data-sveltekit-preload-data'?: true | '' | 'hover' | 'tap' | 'off' | undefined | null;
-		'data-sveltekit-reload'?: true | '' | 'off' | undefined | null;
-		'data-sveltekit-replacestate'?: true | '' | 'off' | undefined | null;
-	}
-}
-
-export {};
-
-
-declare module "$app/types" {
-	export interface AppTypes {
-		RouteId(): "/" | "/callback";
-		RouteParams(): {
-			
-		};
-		LayoutParams(): {
-			"/": Record<string, never>;
-			"/callback": Record<string, never>
-		};
-		Pathname(): "/" | "/callback" | "/callback/";
-		ResolvedPathname(): `${"" | `/${string}`}${ReturnType<AppTypes['Pathname']>}`;
-		Asset(): "/.gitkeep" | string & {};
-	}
-}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/.gitkeep b/ModeTemplate/frontend/.svelte-kit/output/client/.gitkeep
deleted file mode 100644
index e12d700..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/.gitkeep
+++ /dev/null
@@ -1 +0,0 @@
-/* Empty file - SvelteKit requires this */
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/.vite/manifest.json b/ModeTemplate/frontend/.svelte-kit/output/client/.vite/manifest.json
deleted file mode 100644
index b5bf041..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/.vite/manifest.json
+++ /dev/null
@@ -1,153 +0,0 @@
-{
-  ".svelte-kit/generated/client-optimized/app.js": {
-    "file": "_app/immutable/entry/app.B9iOASPK.js",
-    "name": "entry/app",
-    "src": ".svelte-kit/generated/client-optimized/app.js",
-    "isEntry": true,
-    "imports": [
-      "_CqqhLxdp.js",
-      "_DZNd3jEa.js",
-      "_BtkHyJOA.js",
-      "_fsu08h6h.js",
-      "_hV77cT_P.js"
-    ],
-    "dynamicImports": [
-      ".svelte-kit/generated/client-optimized/nodes/0.js",
-      ".svelte-kit/generated/client-optimized/nodes/1.js",
-      ".svelte-kit/generated/client-optimized/nodes/2.js",
-      ".svelte-kit/generated/client-optimized/nodes/3.js"
-    ]
-  },
-  ".svelte-kit/generated/client-optimized/nodes/0.js": {
-    "file": "_app/immutable/nodes/0.C7lVdKJN.js",
-    "name": "nodes/0",
-    "src": ".svelte-kit/generated/client-optimized/nodes/0.js",
-    "isEntry": true,
-    "isDynamicEntry": true,
-    "imports": [
-      "_DZNd3jEa.js",
-      "_BtkHyJOA.js",
-      "_CqqhLxdp.js",
-      "_fsu08h6h.js",
-      "_BRRLaaPq.js"
-    ],
-    "css": [
-      "_app/immutable/assets/0.r7T8fV5B.css"
-    ]
-  },
-  ".svelte-kit/generated/client-optimized/nodes/1.js": {
-    "file": "_app/immutable/nodes/1.DhhPkK36.js",
-    "name": "nodes/1",
-    "src": ".svelte-kit/generated/client-optimized/nodes/1.js",
-    "isEntry": true,
-    "isDynamicEntry": true,
-    "imports": [
-      "_DZNd3jEa.js",
-      "_974AMC2H.js",
-      "_CqqhLxdp.js",
-      "_CuIyQV9Z.js"
-    ]
-  },
-  ".svelte-kit/generated/client-optimized/nodes/2.js": {
-    "file": "_app/immutable/nodes/2.MK_aCw-P.js",
-    "name": "nodes/2",
-    "src": ".svelte-kit/generated/client-optimized/nodes/2.js",
-    "isEntry": true,
-    "isDynamicEntry": true,
-    "imports": [
-      "_DZNd3jEa.js",
-      "_974AMC2H.js",
-      "_CqqhLxdp.js",
-      "_fsu08h6h.js",
-      "_BRRLaaPq.js"
-    ]
-  },
-  ".svelte-kit/generated/client-optimized/nodes/3.js": {
-    "file": "_app/immutable/nodes/3.DVfrbbic.js",
-    "name": "nodes/3",
-    "src": ".svelte-kit/generated/client-optimized/nodes/3.js",
-    "isEntry": true,
-    "isDynamicEntry": true,
-    "imports": [
-      "_DZNd3jEa.js",
-      "_BtkHyJOA.js",
-      "_CqqhLxdp.js",
-      "_fsu08h6h.js",
-      "_hV77cT_P.js",
-      "_CuIyQV9Z.js",
-      "_BRRLaaPq.js"
-    ]
-  },
-  "_974AMC2H.js": {
-    "file": "_app/immutable/chunks/974AMC2H.js",
-    "name": "legacy",
-    "imports": [
-      "_CqqhLxdp.js"
-    ]
-  },
-  "_BRRLaaPq.js": {
-    "file": "_app/immutable/chunks/BRRLaaPq.js",
-    "name": "auth.svelte",
-    "imports": [
-      "_CqqhLxdp.js"
-    ]
-  },
-  "_Bgo_ZO3W.js": {
-    "file": "_app/immutable/chunks/Bgo_ZO3W.js",
-    "name": "index",
-    "imports": [
-      "_CqqhLxdp.js"
-    ]
-  },
-  "_BtkHyJOA.js": {
-    "file": "_app/immutable/chunks/BtkHyJOA.js",
-    "name": "index-client",
-    "imports": [
-      "_CqqhLxdp.js"
-    ]
-  },
-  "_CqqhLxdp.js": {
-    "file": "_app/immutable/chunks/CqqhLxdp.js",
-    "name": "runtime"
-  },
-  "_CuIyQV9Z.js": {
-    "file": "_app/immutable/chunks/CuIyQV9Z.js",
-    "name": "entry",
-    "imports": [
-      "_CqqhLxdp.js",
-      "_Bgo_ZO3W.js",
-      "_BtkHyJOA.js"
-    ]
-  },
-  "_DZNd3jEa.js": {
-    "file": "_app/immutable/chunks/DZNd3jEa.js",
-    "name": "disclose-version",
-    "imports": [
-      "_CqqhLxdp.js"
-    ]
-  },
-  "_fsu08h6h.js": {
-    "file": "_app/immutable/chunks/fsu08h6h.js",
-    "name": "if",
-    "imports": [
-      "_CqqhLxdp.js"
-    ]
-  },
-  "_hV77cT_P.js": {
-    "file": "_app/immutable/chunks/hV77cT_P.js",
-    "name": "store",
-    "imports": [
-      "_Bgo_ZO3W.js",
-      "_CqqhLxdp.js"
-    ]
-  },
-  "node_modules/@sveltejs/kit/src/runtime/client/entry.js": {
-    "file": "_app/immutable/entry/start.JQZ0kVpy.js",
-    "name": "entry/start",
-    "src": "node_modules/@sveltejs/kit/src/runtime/client/entry.js",
-    "isEntry": true,
-    "imports": [
-      "_CuIyQV9Z.js"
-    ]
-  }
-}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/assets/0.r7T8fV5B.css b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/assets/0.r7T8fV5B.css
deleted file mode 100644
index 5c42dbb..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/assets/0.r7T8fV5B.css
+++ /dev/null
@@ -1 +0,0 @@
-.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}header.svelte-12qhfyh{padding:1rem;background:#f5f5f5;border-bottom:1px solid #ddd}nav.svelte-12qhfyh{display:flex;gap:1rem;align-items:center}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){text-decoration:none;color:#333}main.svelte-12qhfyh{flex:1;padding:1rem}button.svelte-12qhfyh{padding:.5rem 1rem;cursor:pointer}
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/974AMC2H.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/974AMC2H.js
deleted file mode 100644
index 86271a4..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/974AMC2H.js
+++ /dev/null
@@ -1 +0,0 @@
-import{i as g,j as d,k as c,l as m,o as i,q as b,g as p,v,w as k,x as h}from"./CqqhLxdp.js";function y(n=!1){const s=g,e=s.l.u;if(!e)return;let f=()=>v(s.s);if(n){let o=0,t={};const _=k(()=>{let l=!1;const r=s.s;for(const a in r)r[a]!==t[a]&&(t[a]=r[a],l=!0);return l&&o++,o});f=()=>p(_)}e.b.length&&d(()=>{u(s,f),i(e.b)}),c(()=>{const o=m(()=>e.m.map(b));return()=>{for(const t of o)typeof t=="function"&&t()}}),e.a.length&&c(()=>{u(s,f),i(e.a)})}function u(n,s){if(n.l.s)for(const e of n.l.s)p(e);s()}h();export{y as i};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/BRRLaaPq.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/BRRLaaPq.js
deleted file mode 100644
index e2fa7d4..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/BRRLaaPq.js
+++ /dev/null
@@ -1 +0,0 @@
-var S=t=>{throw TypeError(t)};var c=(t,e,i)=>e.has(t)||S("Cannot "+i);var s=(t,e,i)=>(c(t,e,"read from private field"),i?i.call(t):e.get(t)),n=(t,e,i)=>e.has(t)?S("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i);import{h as d,g,e as h,u as _}from"./CqqhLxdp.js";const o={PB_TOKEN:"pb_token",SESSION:"auth_session"};var a,r,l,u;class f{constructor(){n(this,a,d(null));n(this,r,d(!0));n(this,l,_(()=>this._session!==null));n(this,u,_(()=>this._session?{email:this._session.email,displayName:this._session.displayName}:null))}get _session(){return g(s(this,a))}set _session(e){h(s(this,a),e,!0)}get _loading(){return g(s(this,r))}set _loading(e){h(s(this,r),e,!0)}get isAuthenticated(){return g(s(this,l))}set isAuthenticated(e){h(s(this,l),e)}get session(){return this._session}get loading(){return this._loading}get user(){return g(s(this,u))}set user(e){h(s(this,u),e)}hydrate(){if(typeof localStorage>"u")return;const e=localStorage.getItem(o.SESSION);if(e)try{this._session=JSON.parse(e)}catch{localStorage.removeItem(o.SESSION),localStorage.removeItem(o.PB_TOKEN)}this._loading=!1}login(e){typeof localStorage<"u"&&(localStorage.setItem(o.SESSION,JSON.stringify(e)),localStorage.setItem(o.PB_TOKEN,e.pbToken)),this._session=e,this._loading=!1}logout(){typeof localStorage<"u"&&(localStorage.removeItem(o.SESSION),localStorage.removeItem(o.PB_TOKEN)),this._session=null}redirectToLogin(){typeof window<"u"&&(window.location.href="/auth/login")}}a=new WeakMap,r=new WeakMap,l=new WeakMap,u=new WeakMap;const I=new f;export{I as a};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/Bgo_ZO3W.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/Bgo_ZO3W.js
deleted file mode 100644
index 5f7272a..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/Bgo_ZO3W.js
+++ /dev/null
@@ -1 +0,0 @@
-import{n as o,l as a,z as d}from"./CqqhLxdp.js";function p(s,u,e){if(s==null)return u(void 0),o;const t=a(()=>s.subscribe(u,e));return t.unsubscribe?()=>t.unsubscribe():t}const i=[];function _(s,u=o){let e=null;const t=new Set;function c(r){if(d(s,r)&&(s=r,e)){const b=!i.length;for(const n of t)n[1](),i.push(n,s);if(b){for(let n=0;n<i.length;n+=2)i[n][0](i[n+1]);i.length=0}}}function f(r){c(r(s))}function l(r,b=o){const n=[r,b];return t.add(n),t.size===1&&(e=u(c,f)||o),r(s),()=>{t.delete(n),t.size===0&&e&&(e(),e=null)}}return{set:c,update:f,subscribe:l}}function h(s){let u;return p(s,e=>u=e)(),u}export{h as g,p as s,_ as w};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/BtkHyJOA.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/BtkHyJOA.js
deleted file mode 100644
index 7cb1533..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/BtkHyJOA.js
+++ /dev/null
@@ -1 +0,0 @@
-import{k as o,i as t,A as c,l}from"./CqqhLxdp.js";function u(n){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function r(n){t===null&&u(),c&&t.l!==null?a(t).m.push(n):o(()=>{const e=l(n);if(typeof e=="function")return e})}function a(n){var e=n.l;return e.u??(e.u={a:[],b:[],m:[]})}export{r as o};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/CqqhLxdp.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/CqqhLxdp.js
deleted file mode 100644
index 7f6543b..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/CqqhLxdp.js
+++ /dev/null
@@ -1 +0,0 @@
-var nn=Object.defineProperty;var ct=e=>{throw TypeError(e)};var rn=(e,t,n)=>t in e?nn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var B=(e,t,n)=>rn(e,typeof t!="symbol"?t+"":t,n),Ge=(e,t,n)=>t.has(e)||ct("Cannot "+n);var y=(e,t,n)=>(Ge(e,t,"read from private field"),n?n.call(e):t.get(e)),L=(e,t,n)=>t.has(e)?ct("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),oe=(e,t,n,r)=>(Ge(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n),W=(e,t,n)=>(Ge(e,t,"access private method"),n);var sn=Array.isArray,fn=Array.prototype.indexOf,Kn=Array.from,zn=Object.defineProperty,me=Object.getOwnPropertyDescriptor,ln=Object.getOwnPropertyDescriptors,an=Object.prototype,un=Array.prototype,wt=Object.getPrototypeOf,_t=Object.isExtensible;const $n=()=>{};function Zn(e){return e()}function on(e){for(var t=0;t<e.length;t++)e[t]()}function Et(){var e,t,n=new Promise((r,s)=>{e=r,t=s});return{promise:n,resolve:e,reject:t}}const T=2,Ie=4,xe=8,gt=1<<24,Y=16,U=32,ue=64,mt=128,N=512,A=1024,k=2048,$=4096,M=8192,V=16384,tt=32768,Fe=65536,vt=1<<17,Tt=1<<18,Oe=1<<19,At=1<<20,se=32768,ze=1<<21,nt=1<<22,G=1<<23,Te=Symbol("$state"),Jn=Symbol("legacy props"),ce=new class extends Error{constructor(){super(...arguments);B(this,"name","StaleReactionError");B(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},rt=3,Rt=8;function cn(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function _n(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function vn(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function dn(e){throw new Error("https://svelte.dev/e/effect_orphan")}function pn(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Xn(){throw new Error("https://svelte.dev/e/hydration_failed")}function Qn(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function hn(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function yn(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function wn(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function er(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const tr=1,nr=2,rr=4,sr=8,fr=16,ir=1,lr=2,En="[",gn="[!",mn="]",st={},E=Symbol();function ft(e){console.warn("https://svelte.dev/e/hydration_mismatch")}function ar(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}let fe=!1;function ur(e){fe=e}let g;function he(e){if(e===null)throw ft(),st;return g=e}function or(){return he(Z(g))}function cr(e){if(fe){if(Z(g)!==null)throw ft(),st;g=e}}function _r(e=1){if(fe){for(var t=e,n=g;t--;)n=Z(n);g=n}}function vr(e=!0){for(var t=0,n=g;;){if(n.nodeType===Rt){var r=n.data;if(r===mn){if(t===0)return n;t-=1}else(r===En||r===gn)&&(t+=1)}var s=Z(n);e&&n.remove(),n=s}}function dr(e){if(!e||e.nodeType!==Rt)throw ft(),st;return e.data}function bt(e){return e===this.v}function Tn(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function St(e){return!Tn(e,this.v)}let Be=!1;function pr(){Be=!0}let S=null;function Ce(e){S=e}function hr(e,t=!1,n){S={p:S,i:!1,c:null,e:null,s:e,x:null,l:Be&&!t?{s:null,u:null,$:[]}:null}}function yr(e){var t=S,n=t.e;if(n!==null){t.e=null;for(var r of n)Ht(r)}return t.i=!0,S=t.p,{}}function ke(){return!Be||S!==null&&S.l===null}let Q=[];function xt(){var e=Q;Q=[],on(e)}function An(e){if(Q.length===0&&!Ae){var t=Q;queueMicrotask(()=>{t===Q&&xt()})}Q.push(e)}function Rn(){for(;Q.length>0;)xt()}function bn(e){var t=h;if(t===null)return _.f|=G,e;if(t.f&tt)Me(e,t);else{if(!(t.f&mt))throw e;t.b.error(e)}}function Me(e,t){for(;t!==null;){if(t.f&mt)try{t.b.error(e);return}catch(n){e=n}t=t.parent}throw e}const Sn=-7169;function R(e,t){e.f=e.f&Sn|t}function it(e){e.f&N||e.deps===null?R(e,A):R(e,$)}function Ot(e){if(e!==null)for(const t of e)!(t.f&T)||!(t.f&se)||(t.f^=se,Ot(t.deps))}function xn(e,t,n){e.f&k?t.add(e):e.f&$&&n.add(e),Ot(e.deps),R(e,A)}const Ne=new Set;let p=null,m=null,P=[],He=null,$e=!1,Ae=!1;var _e,ve,ee,te,Se,de,pe,I,Ze,Je,kt,Dt;const Ue=class Ue{constructor(){L(this,I);B(this,"committed",!1);B(this,"current",new Map);B(this,"previous",new Map);L(this,_e,new Set);L(this,ve,new Set);L(this,ee,0);L(this,te,0);L(this,Se,null);L(this,de,new Set);L(this,pe,new Set);B(this,"skipped_effects",new Set);B(this,"is_fork",!1)}is_deferred(){return this.is_fork||y(this,te)>0}process(t){var s;P=[],this.apply();var n=[],r=[];for(const f of t)W(this,I,Ze).call(this,f,n,r);this.is_fork||W(this,I,kt).call(this),this.is_deferred()?(W(this,I,Je).call(this,r),W(this,I,Je).call(this,n)):(p=null,dt(r),dt(n),(s=y(this,Se))==null||s.resolve()),m=null}capture(t,n){n!==E&&!this.previous.has(t)&&this.previous.set(t,n),t.f&G||(this.current.set(t,t.v),m==null||m.set(t,t.v))}activate(){p=this,this.apply()}deactivate(){p===this&&(p=null,m=null)}flush(){if(this.activate(),P.length>0){if(Pt(),p!==null&&p!==this)return}else y(this,ee)===0&&this.process([]);this.deactivate()}discard(){for(const t of y(this,ve))t(this);y(this,ve).clear()}increment(t){oe(this,ee,y(this,ee)+1),t&&oe(this,te,y(this,te)+1)}decrement(t){oe(this,ee,y(this,ee)-1),t&&oe(this,te,y(this,te)-1),this.revive()}revive(){for(const t of y(this,de))y(this,pe).delete(t),R(t,k),ie(t);for(const t of y(this,pe))R(t,$),ie(t);this.flush()}oncommit(t){y(this,_e).add(t)}ondiscard(t){y(this,ve).add(t)}settled(){return(y(this,Se)??oe(this,Se,Et())).promise}static ensure(){if(p===null){const t=p=new Ue;Ne.add(p),Ae||Ue.enqueue(()=>{p===t&&t.flush()})}return p}static enqueue(t){An(t)}apply(){}};_e=new WeakMap,ve=new WeakMap,ee=new WeakMap,te=new WeakMap,Se=new WeakMap,de=new WeakMap,pe=new WeakMap,I=new WeakSet,Ze=function(t,n,r){t.f^=A;for(var s=t.first,f=null;s!==null;){var i=s.f,u=(i&(U|ue))!==0,l=u&&(i&A)!==0,a=l||(i&M)!==0||this.skipped_effects.has(s);if(!a&&s.fn!==null){u?s.f^=A:f!==null&&i&(Ie|xe|gt)?f.b.defer_effect(s):i&Ie?n.push(s):De(s)&&(i&Y&&y(this,de).add(s),be(s));var o=s.first;if(o!==null){s=o;continue}}var c=s.parent;for(s=s.next;s===null&&c!==null;)c===f&&(f=null),s=c.next,c=c.parent}},Je=function(t){for(var n=0;n<t.length;n+=1)xn(t[n],y(this,de),y(this,pe))},kt=function(){if(y(this,te)===0){for(const t of y(this,_e))t();y(this,_e).clear()}y(this,ee)===0&&W(this,I,Dt).call(this)},Dt=function(){var s;if(Ne.size>1){this.previous.clear();var t=m,n=!0;for(const f of Ne){if(f===this){n=!1;continue}const i=[];for(const[l,a]of this.current){if(f.current.has(l))if(n&&a!==f.current.get(l))f.current.set(l,a);else continue;i.push(l)}if(i.length===0)continue;const u=[...f.current.keys()].filter(l=>!this.current.has(l));if(u.length>0){var r=P;P=[];const l=new Set,a=new Map;for(const o of i)Nt(o,u,l,a);if(P.length>0){p=f,f.apply();for(const o of P)W(s=f,I,Ze).call(s,o,[],[]);f.deactivate()}P=r}}p=null,m=t}this.committed=!0,Ne.delete(this)};let ye=Ue;function On(e){var t=Ae;Ae=!0;try{for(var n;;){if(Rn(),P.length===0&&(p==null||p.flush(),P.length===0))return He=null,n;Pt()}}finally{Ae=t}}function Pt(){var e=ne;$e=!0;var t=null;try{var n=0;for(Le(!0);P.length>0;){var r=ye.ensure();if(n++>1e3){var s,f;kn()}r.process(P),K.clear()}}finally{$e=!1,Le(e),He=null}}function kn(){try{pn()}catch(e){Me(e,He)}}let F=null;function dt(e){var t=e.length;if(t!==0){for(var n=0;n<t;){var r=e[n++];if(!(r.f&(V|M))&&De(r)&&(F=new Set,be(r),r.deps===null&&r.first===null&&r.nodes===null&&(r.teardown===null&&r.ac===null?Kt(r):r.fn=null),(F==null?void 0:F.size)>0)){K.clear();for(const s of F){if(s.f&(V|M))continue;const f=[s];let i=s.parent;for(;i!==null;)F.has(i)&&(F.delete(i),f.push(i)),i=i.parent;for(let u=f.length-1;u>=0;u--){const l=f[u];l.f&(V|M)||be(l)}}F.clear()}}F=null}}function Nt(e,t,n,r){if(!n.has(e)&&(n.add(e),e.reactions!==null))for(const s of e.reactions){const f=s.f;f&T?Nt(s,t,n,r):f&(nt|Y)&&!(f&k)&&It(s,t,r)&&(R(s,k),ie(s))}}function It(e,t,n){const r=n.get(e);if(r!==void 0)return r;if(e.deps!==null)for(const s of e.deps){if(t.includes(s))return!0;if(s.f&T&&It(s,t,n))return n.set(s,!0),!0}return n.set(e,!1),!1}function ie(e){for(var t=He=e;t.parent!==null;){t=t.parent;var n=t.f;if($e&&t===h&&n&Y&&!(n&Tt))return;if(n&(ue|U)){if(!(n&A))return;t.f^=A}}P.push(t)}function Dn(e,t,n,r){const s=ke()?lt:In;if(n.length===0&&e.length===0){r(t.map(s));return}var f=p,i=h,u=Pn();function l(){Promise.all(n.map(a=>Nn(a))).then(a=>{u();try{r([...t.map(s),...a])}catch(o){i.f&V||Me(o,i)}f==null||f.deactivate(),je()}).catch(a=>{Me(a,i)})}e.length>0?Promise.all(e).then(()=>{u();try{return l()}finally{f==null||f.deactivate(),je()}}):l()}function Pn(){var e=h,t=_,n=S,r=p;return function(f=!0){we(e),z(t),Ce(n),f&&(r==null||r.activate())}}function je(){we(null),z(null),Ce(null)}function lt(e){var t=T|k,n=_!==null&&_.f&T?_:null;return h!==null&&(h.f|=Oe),{ctx:S,deps:null,effects:null,equals:bt,f:t,fn:e,reactions:null,rv:0,v:E,wv:0,parent:n??h,ac:null}}function Nn(e,t,n){let r=h;r===null&&cn();var s=r.b,f=void 0,i=ut(E),u=!_,l=new Map;return Ln(()=>{var d;var a=Et();f=a.promise;try{Promise.resolve(e()).then(a.resolve,a.reject).then(()=>{o===p&&o.committed&&o.deactivate(),je()})}catch(w){a.reject(w),je()}var o=p;if(u){var c=s.is_rendered();s.update_pending_count(1),o.increment(c),(d=l.get(o))==null||d.reject(ce),l.delete(o),l.set(o,a)}const v=(w,q=void 0)=>{if(o.activate(),q)q!==ce&&(i.f|=G,Xe(i,q));else{i.f&G&&(i.f^=G),Xe(i,w);for(const[J,Pe]of l){if(l.delete(J),J===o)break;Pe.reject(ce)}}u&&(s.update_pending_count(-1),o.decrement(c))};a.promise.then(v,w=>v(null,w||"unknown"))}),qn(()=>{for(const a of l.values())a.reject(ce)}),new Promise(a=>{function o(c){function v(){c===f?a(i):o(f)}c.then(v,v)}o(f)})}function wr(e){const t=lt(e);return Zt(t),t}function In(e){const t=lt(e);return t.equals=St,t}function Ft(e){var t=e.effects;if(t!==null){e.effects=null;for(var n=0;n<t.length;n+=1)le(t[n])}}function Fn(e){for(var t=e.parent;t!==null;){if(!(t.f&T))return t.f&V?null:t;t=t.parent}return null}function at(e){var t,n=h;we(Fn(e));try{e.f&=~se,Ft(e),t=Qt(e)}finally{we(n)}return t}function Ct(e){var t=at(e);if(!e.equals(t)&&(e.wv=Wt(),(!(p!=null&&p.is_fork)||e.deps===null)&&(e.v=t,e.deps===null))){R(e,A);return}ae||(m!==null?(Bt()||p!=null&&p.is_fork)&&m.set(e,t):it(e))}let We=new Set;const K=new Map;let Mt=!1;function ut(e,t){var n={f:0,v:e,reactions:null,equals:bt,rv:0,wv:0};return n}function H(e,t){const n=ut(e);return Zt(n),n}function Er(e,t=!1,n=!0){var s;const r=ut(e);return t||(r.equals=St),Be&&n&&S!==null&&S.l!==null&&((s=S.l).s??(s.s=[])).push(r),r}function X(e,t,n=!1){_!==null&&(!C||_.f&vt)&&ke()&&_.f&(T|Y|nt|vt)&&!(x!=null&&x.includes(e))&&wn();let r=n?Ee(t):t;return Xe(e,r)}function Xe(e,t){if(!e.equals(t)){var n=e.v;ae?K.set(e,t):K.set(e,n),e.v=t;var r=ye.ensure();if(r.capture(e,n),e.f&T){const s=e;e.f&k&&at(s),it(s)}e.wv=Wt(),jt(e,k),ke()&&h!==null&&h.f&A&&!(h.f&(U|ue))&&(D===null?Hn([e]):D.push(e)),!r.is_fork&&We.size>0&&!Mt&&Cn()}return t}function Cn(){Mt=!1;var e=ne;Le(!0);const t=Array.from(We);try{for(const n of t)n.f&A&&R(n,$),De(n)&&be(n)}finally{Le(e)}We.clear()}function Ke(e){X(e,e.v+1)}function jt(e,t){var n=e.reactions;if(n!==null)for(var r=ke(),s=n.length,f=0;f<s;f++){var i=n[f],u=i.f;if(!(!r&&i===h)){var l=(u&k)===0;if(l&&R(i,t),u&T){var a=i;m==null||m.delete(a),u&se||(u&N&&(i.f|=se),jt(a,$))}else l&&(u&Y&&F!==null&&F.add(i),ie(i))}}}function Ee(e){if(typeof e!="object"||e===null||Te in e)return e;const t=wt(e);if(t!==an&&t!==un)return e;var n=new Map,r=sn(e),s=H(0),f=re,i=u=>{if(re===f)return u();var l=_,a=re;z(null),yt(f);var o=u();return z(l),yt(a),o};return r&&n.set("length",H(e.length)),new Proxy(e,{defineProperty(u,l,a){(!("value"in a)||a.configurable===!1||a.enumerable===!1||a.writable===!1)&&hn();var o=n.get(l);return o===void 0?o=i(()=>{var c=H(a.value);return n.set(l,c),c}):X(o,a.value,!0),!0},deleteProperty(u,l){var a=n.get(l);if(a===void 0){if(l in u){const o=i(()=>H(E));n.set(l,o),Ke(s)}}else X(a,E),Ke(s);return!0},get(u,l,a){var d;if(l===Te)return e;var o=n.get(l),c=l in u;if(o===void 0&&(!c||(d=me(u,l))!=null&&d.writable)&&(o=i(()=>{var w=Ee(c?u[l]:E),q=H(w);return q}),n.set(l,o)),o!==void 0){var v=ge(o);return v===E?void 0:v}return Reflect.get(u,l,a)},getOwnPropertyDescriptor(u,l){var a=Reflect.getOwnPropertyDescriptor(u,l);if(a&&"value"in a){var o=n.get(l);o&&(a.value=ge(o))}else if(a===void 0){var c=n.get(l),v=c==null?void 0:c.v;if(c!==void 0&&v!==E)return{enumerable:!0,configurable:!0,value:v,writable:!0}}return a},has(u,l){var v;if(l===Te)return!0;var a=n.get(l),o=a!==void 0&&a.v!==E||Reflect.has(u,l);if(a!==void 0||h!==null&&(!o||(v=me(u,l))!=null&&v.writable)){a===void 0&&(a=i(()=>{var d=o?Ee(u[l]):E,w=H(d);return w}),n.set(l,a));var c=ge(a);if(c===E)return!1}return o},set(u,l,a,o){var ot;var c=n.get(l),v=l in u;if(r&&l==="length")for(var d=a;d<c.v;d+=1){var w=n.get(d+"");w!==void 0?X(w,E):d in u&&(w=i(()=>H(E)),n.set(d+"",w))}if(c===void 0)(!v||(ot=me(u,l))!=null&&ot.writable)&&(c=i(()=>H(void 0)),X(c,Ee(a)),n.set(l,c));else{v=c.v!==E;var q=i(()=>Ee(a));X(c,q)}var J=Reflect.getOwnPropertyDescriptor(u,l);if(J!=null&&J.set&&J.set.call(o,a),!v){if(r&&typeof l=="string"){var Pe=n.get("length"),Ve=Number(l);Number.isInteger(Ve)&&Ve>=Pe.v&&X(Pe,Ve+1)}Ke(s)}return!0},ownKeys(u){ge(s);var l=Reflect.ownKeys(u).filter(c=>{var v=n.get(c);return v===void 0||v.v!==E});for(var[a,o]of n)o.v!==E&&!(a in u)&&l.push(a);return l},setPrototypeOf(){yn()}})}var pt,Mn,qt,Lt;function gr(){if(pt===void 0){pt=window,Mn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;qt=me(t,"firstChild").get,Lt=me(t,"nextSibling").get,_t(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),_t(n)&&(n.__t=void 0)}}function qe(e=""){return document.createTextNode(e)}function Qe(e){return qt.call(e)}function Z(e){return Lt.call(e)}function mr(e,t){if(!fe)return Qe(e);var n=Qe(g);if(n===null)n=g.appendChild(qe());else if(t&&n.nodeType!==rt){var r=qe();return n==null||n.before(r),he(r),r}return he(n),n}function Tr(e,t=!1){if(!fe){var n=Qe(e);return n instanceof Comment&&n.data===""?Z(n):n}if(t&&(g==null?void 0:g.nodeType)!==rt){var r=qe();return g==null||g.before(r),he(r),r}return g}function Ar(e,t=1,n=!1){let r=fe?g:e;for(var s;t--;)s=r,r=Z(r);if(!fe)return r;if(n&&(r==null?void 0:r.nodeType)!==rt){var f=qe();return r===null?s==null||s.after(f):r.before(f),he(f),f}return he(r),r}function Rr(e){e.textContent=""}function br(){return!1}function Yt(e){var t=_,n=h;z(null),we(null);try{return e()}finally{z(t),we(n)}}function Ut(e){h===null&&(_===null&&dn(),vn()),ae&&_n()}function jn(e,t){var n=t.last;n===null?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}function j(e,t,n){var r=h;r!==null&&r.f&M&&(e|=M);var s={ctx:S,deps:null,nodes:null,f:e|k|N,first:null,fn:t,last:null,next:null,parent:r,b:r&&r.b,prev:null,teardown:null,wv:0,ac:null};if(n)try{be(s),s.f|=tt}catch(u){throw le(s),u}else t!==null&&ie(s);var f=s;if(n&&f.deps===null&&f.teardown===null&&f.nodes===null&&f.first===f.last&&!(f.f&Oe)&&(f=f.first,e&Y&&e&Fe&&f!==null&&(f.f|=Fe)),f!==null&&(f.parent=r,r!==null&&jn(f,r),_!==null&&_.f&T&&!(e&ue))){var i=_;(i.effects??(i.effects=[])).push(f)}return s}function Bt(){return _!==null&&!C}function qn(e){const t=j(xe,null,!1);return R(t,A),t.teardown=e,t}function Sr(e){Ut();var t=h.f,n=!_&&(t&U)!==0&&(t&tt)===0;if(n){var r=S;(r.e??(r.e=[])).push(e)}else return Ht(e)}function Ht(e){return j(Ie|At,e,!1)}function xr(e){return Ut(),j(xe|At,e,!0)}function Or(e){ye.ensure();const t=j(ue|Oe,e,!0);return(n={})=>new Promise(r=>{n.outro?Bn(t,()=>{le(t),r(void 0)}):(le(t),r(void 0))})}function kr(e){return j(Ie,e,!1)}function Ln(e){return j(nt|Oe,e,!0)}function Dr(e,t=0){return j(xe|t,e,!0)}function Pr(e,t=[],n=[],r=[]){Dn(r,t,n,s=>{j(xe,()=>e(...s.map(ge)),!0)})}function Nr(e,t=0){var n=j(Y|t,e,!0);return n}function Ir(e){return j(U|Oe,e,!0)}function Vt(e){var t=e.teardown;if(t!==null){const n=ae,r=_;ht(!0),z(null);try{t.call(null)}finally{ht(n),z(r)}}}function Gt(e,t=!1){var n=e.first;for(e.first=e.last=null;n!==null;){const s=n.ac;s!==null&&Yt(()=>{s.abort(ce)});var r=n.next;n.f&ue?n.parent=null:le(n,t),n=r}}function Yn(e){for(var t=e.first;t!==null;){var n=t.next;t.f&U||le(t),t=n}}function le(e,t=!0){var n=!1;(t||e.f&Tt)&&e.nodes!==null&&e.nodes.end!==null&&(Un(e.nodes.start,e.nodes.end),n=!0),Gt(e,t&&!n),Ye(e,0),R(e,V);var r=e.nodes&&e.nodes.t;if(r!==null)for(const f of r)f.stop();Vt(e);var s=e.parent;s!==null&&s.first!==null&&Kt(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=null}function Un(e,t){for(;e!==null;){var n=e===t?null:Z(e);e.remove(),e=n}}function Kt(e){var t=e.parent,n=e.prev,r=e.next;n!==null&&(n.next=r),r!==null&&(r.prev=n),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function Bn(e,t,n=!0){var r=[];zt(e,r,!0);var s=()=>{n&&le(e),t&&t()},f=r.length;if(f>0){var i=()=>--f||s();for(var u of r)u.out(i)}else s()}function zt(e,t,n){if(!(e.f&M)){e.f^=M;var r=e.nodes&&e.nodes.t;if(r!==null)for(const u of r)(u.is_global||n)&&t.push(u);for(var s=e.first;s!==null;){var f=s.next,i=(s.f&Fe)!==0||(s.f&U)!==0&&(e.f&Y)!==0;zt(s,t,i?n:!1),s=f}}}function Fr(e){$t(e,!0)}function $t(e,t){if(e.f&M){e.f^=M,e.f&A||(R(e,k),ie(e));for(var n=e.first;n!==null;){var r=n.next,s=(n.f&Fe)!==0||(n.f&U)!==0;$t(n,s?t:!1),n=r}var f=e.nodes&&e.nodes.t;if(f!==null)for(const i of f)(i.is_global||t)&&i.in()}}function Cr(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;n!==null;){var s=n===r?null:Z(n);t.append(n),n=s}}let ne=!1;function Le(e){ne=e}let ae=!1;function ht(e){ae=e}let _=null,C=!1;function z(e){_=e}let h=null;function we(e){h=e}let x=null;function Zt(e){_!==null&&(x===null?x=[e]:x.push(e))}let b=null,O=0,D=null;function Hn(e){D=e}let Jt=1,Re=0,re=Re;function yt(e){re=e}function Wt(){return++Jt}function De(e){var t=e.f;if(t&k)return!0;if(t&T&&(e.f&=~se),t&$){for(var n=e.deps,r=n.length,s=0;s<r;s++){var f=n[s];if(De(f)&&Ct(f),f.wv>e.wv)return!0}t&N&&m===null&&R(e,A)}return!1}function Xt(e,t,n=!0){var r=e.reactions;if(r!==null&&!(x!=null&&x.includes(e)))for(var s=0;s<r.length;s++){var f=r[s];f.f&T?Xt(f,t,!1):t===f&&(n?R(f,k):f.f&A&&R(f,$),ie(f))}}function Qt(e){var w;var t=b,n=O,r=D,s=_,f=x,i=S,u=C,l=re,a=e.f;b=null,O=0,D=null,_=a&(U|ue)?null:e,x=null,Ce(e.ctx),C=!1,re=++Re,e.ac!==null&&(Yt(()=>{e.ac.abort(ce)}),e.ac=null);try{e.f|=ze;var o=e.fn,c=o(),v=e.deps;if(b!==null){var d;if(Ye(e,O),v!==null&&O>0)for(v.length=O+b.length,d=0;d<b.length;d++)v[O+d]=b[d];else e.deps=v=b;if(Bt()&&e.f&N)for(d=O;d<v.length;d++)((w=v[d]).reactions??(w.reactions=[])).push(e)}else v!==null&&O<v.length&&(Ye(e,O),v.length=O);if(ke()&&D!==null&&!C&&v!==null&&!(e.f&(T|$|k)))for(d=0;d<D.length;d++)Xt(D[d],e);return s!==null&&s!==e&&(Re++,D!==null&&(r===null?r=D:r.push(...D))),e.f&G&&(e.f^=G),c}catch(q){return bn(q)}finally{e.f^=ze,b=t,O=n,D=r,_=s,x=f,Ce(i),C=u,re=l}}function Vn(e,t){let n=t.reactions;if(n!==null){var r=fn.call(n,e);if(r!==-1){var s=n.length-1;s===0?n=t.reactions=null:(n[r]=n[s],n.pop())}}if(n===null&&t.f&T&&(b===null||!b.includes(t))){var f=t;f.f&N&&(f.f^=N,f.f&=~se),it(f),Ft(f),Ye(f,0)}}function Ye(e,t){var n=e.deps;if(n!==null)for(var r=t;r<n.length;r++)Vn(e,n[r])}function be(e){var t=e.f;if(!(t&V)){R(e,A);var n=h,r=ne;h=e,ne=!0;try{t&(Y|gt)?Yn(e):Gt(e),Vt(e);var s=Qt(e);e.teardown=typeof s=="function"?s:null,e.wv=Jt;var f}finally{ne=r,h=n}}}async function Mr(){await Promise.resolve(),On()}function jr(){return ye.ensure().settled()}function ge(e){var t=e.f,n=(t&T)!==0;if(_!==null&&!C){var r=h!==null&&(h.f&V)!==0;if(!r&&!(x!=null&&x.includes(e))){var s=_.deps;if(_.f&ze)e.rv<Re&&(e.rv=Re,b===null&&s!==null&&s[O]===e?O++:b===null?b=[e]:b.includes(e)||b.push(e));else{(_.deps??(_.deps=[])).push(e);var f=e.reactions;f===null?e.reactions=[_]:f.includes(_)||f.push(_)}}}if(ae&&K.has(e))return K.get(e);if(n){var i=e;if(ae){var u=i.v;return(!(i.f&A)&&i.reactions!==null||tn(i))&&(u=at(i)),K.set(i,u),u}var l=(i.f&N)===0&&!C&&_!==null&&(ne||(_.f&N)!==0),a=i.deps===null;De(i)&&(l&&(i.f|=N),Ct(i)),l&&!a&&en(i)}if(m!=null&&m.has(e))return m.get(e);if(e.f&G)throw e.v;return e.v}function en(e){if(e.deps!==null){e.f|=N;for(const t of e.deps)(t.reactions??(t.reactions=[])).push(e),t.f&T&&!(t.f&N)&&en(t)}}function tn(e){if(e.v===E)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(K.has(t)||t.f&T&&tn(t))return!0;return!1}function qr(e){var t=C;try{return C=!0,e()}finally{C=t}}function Lr(e){if(!(typeof e!="object"||!e||e instanceof EventTarget)){if(Te in e)et(e);else if(!Array.isArray(e))for(let t in e){const n=e[t];typeof n=="object"&&n&&Te in n&&et(n)}}}function et(e,t=new Set){if(typeof e=="object"&&e!==null&&!(e instanceof EventTarget)&&!t.has(e)){t.add(e),e instanceof Date&&e.getTime();for(let r in e)try{et(e[r],t)}catch{}const n=wt(e);if(n!==Object.prototype&&n!==Array.prototype&&n!==Map.prototype&&n!==Set.prototype&&n!==Date.prototype){const r=ln(n);for(let s in r){const f=r[s].get;if(f)try{f.call(e)}catch{}}}}}export{me as $,Be as A,p as B,Fr as C,le as D,Bn as E,qe as F,Ir as G,fe as H,g as I,Cr as J,br as K,Nr as L,or as M,Fe as N,dr as O,gn as P,vr as Q,he as R,ur as S,Tt as T,Qe as U,Rt as V,Z as W,kr as X,Dr as Y,An as Z,Te as _,yr as a,Qn as a0,rr as a1,In as a2,Ee as a3,ae as a4,h as a5,V as a6,sr as a7,nr as a8,tr as a9,lr as aA,tt as aB,rt as aC,gr as aD,En as aE,st as aF,Xn as aG,Rr as aH,Kn as aI,Or as aJ,mn as aK,ft as aL,jr as aM,fr as aa,Jn as ab,On as ac,Mr as ad,Bt as ae,ut as af,Ke as ag,ye as ah,xn as ai,we as aj,z as ak,Ce as al,bn as am,_ as an,R as ao,k as ap,ie as aq,$ as ar,Xe as as,Me as at,er as au,Oe as av,mt as aw,ar as ax,Mn as ay,ir as az,qn as b,mr as c,zn as d,X as e,Tr as f,ge as g,H as h,S as i,xr as j,Sr as k,qr as l,Er as m,$n as n,on as o,hr as p,Zn as q,cr as r,Ar as s,Pr as t,wr as u,Lr as v,lt as w,pr as x,_r as y,Tn as z};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/CuIyQV9Z.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/CuIyQV9Z.js
deleted file mode 100644
index 6bdbe0d..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/CuIyQV9Z.js
+++ /dev/null
@@ -1 +0,0 @@
-var Xt=t=>{throw TypeError(t)};var Oe=(t,e,n)=>e.has(t)||Xt("Cannot "+n);var w=(t,e,n)=>(Oe(t,e,"read from private field"),n?n.call(t):e.get(t)),A=(t,e,n)=>e.has(t)?Xt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n);import{h as T,g as I,e as O,ad as ht,aM as Pe}from"./CqqhLxdp.js";import{w as jt}from"./Bgo_ZO3W.js";import{o as Qt}from"./BtkHyJOA.js";class Nt{constructor(e,n){this.status=e,typeof n=="string"?this.body={message:n}:n?this.body=n:this.body={message:`Error: ${e}`}}toString(){return JSON.stringify(this.body)}}class Dt{constructor(e,n){this.status=e,this.location=n}}class Vt extends Error{constructor(e,n,r){super(r),this.status=e,this.text=n}}new URL("sveltekit-internal://");function Ce(t,e){return t==="/"||e==="ignore"?t:e==="never"?t.endsWith("/")?t.slice(0,-1):t:e==="always"&&!t.endsWith("/")?t+"/":t}function $e(t){return t.split("%25").map(decodeURI).join("%25")}function je(t){for(const e in t)t[e]=decodeURIComponent(t[e]);return t}function Lt({href:t}){return t.split("#")[0]}function Ne(...t){let e=5381;for(const n of t)if(typeof n=="string"){let r=n.length;for(;r;)e=e*33^n.charCodeAt(--r)}else if(ArrayBuffer.isView(n)){const r=new Uint8Array(n.buffer,n.byteOffset,n.byteLength);let a=r.length;for(;a;)e=e*33^r[--a]}else throw new TypeError("value must be a string or TypedArray");return(e>>>0).toString(36)}new TextEncoder;new TextDecoder;function De(t){const e=atob(t),n=new Uint8Array(e.length);for(let r=0;r<e.length;r++)n[r]=e.charCodeAt(r);return n}const Ve=window.fetch;window.fetch=(t,e)=>((t instanceof Request?t.method:(e==null?void 0:e.method)||"GET")!=="GET"&&Y.delete(qt(t)),Ve(t,e));const Y=new Map;function qe(t,e){const n=qt(t,e),r=document.querySelector(n);if(r!=null&&r.textContent){r.remove();let{body:a,...s}=JSON.parse(r.textContent);const o=r.getAttribute("data-ttl");return o&&Y.set(n,{body:a,init:s,ttl:1e3*Number(o)}),r.getAttribute("data-b64")!==null&&(a=De(a)),Promise.resolve(new Response(a,s))}return window.fetch(t,e)}function Be(t,e,n){if(Y.size>0){const r=qt(t,n),a=Y.get(r);if(a){if(performance.now()<a.ttl&&["default","force-cache","only-if-cached",void 0].includes(n==null?void 0:n.cache))return new Response(a.body,a.init);Y.delete(r)}}return window.fetch(e,n)}function qt(t,e){let r=`script[data-sveltekit-fetched][data-url=${JSON.stringify(t instanceof Request?t.url:t)}]`;if(e!=null&&e.headers||e!=null&&e.body){const a=[];e.headers&&a.push([...new Headers(e.headers)].join(",")),e.body&&(typeof e.body=="string"||ArrayBuffer.isView(e.body))&&a.push(e.body),r+=`[data-hash="${Ne(...a)}"]`}return r}const Ke=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function Me(t){const e=[];return{pattern:t==="/"?/^\/$/:new RegExp(`^${Ge(t).map(r=>{const a=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(r);if(a)return e.push({name:a[1],matcher:a[2],optional:!1,rest:!0,chained:!0}),"(?:/([^]*))?";const s=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(r);if(s)return e.push({name:s[1],matcher:s[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!r)return;const o=r.split(/\[(.+?)\](?!\])/);return"/"+o.map((c,l)=>{if(l%2){if(c.startsWith("x+"))return Ut(String.fromCharCode(parseInt(c.slice(2),16)));if(c.startsWith("u+"))return Ut(String.fromCharCode(...c.slice(2).split("-").map(_=>parseInt(_,16))));const d=Ke.exec(c),[,u,y,f,h]=d;return e.push({name:f,matcher:h,optional:!!u,rest:!!y,chained:y?l===1&&o[0]==="":!1}),y?"([^]*?)":u?"([^/]*)?":"([^/]+?)"}return Ut(c)}).join("")}).join("")}/?$`),params:e}}function Fe(t){return t!==""&&!/^\([^)]+\)$/.test(t)}function Ge(t){return t.slice(1).split("/").filter(Fe)}function We(t,e,n){const r={},a=t.slice(1),s=a.filter(i=>i!==void 0);let o=0;for(let i=0;i<e.length;i+=1){const c=e[i];let l=a[i-o];if(c.chained&&c.rest&&o&&(l=a.slice(i-o,i+1).filter(d=>d).join("/"),o=0),l===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||n[c.matcher](l)){r[c.name]=l;const d=e[i+1],u=a[i+1];d&&!d.rest&&d.optional&&u&&c.chained&&(o=0),!d&&!u&&Object.keys(r).length===s.length&&(o=0);continue}if(c.optional&&c.chained){o++;continue}return}if(!o)return r}function Ut(t){return t.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function Ye({nodes:t,server_loads:e,dictionary:n,matchers:r}){const a=new Set(e);return Object.entries(n).map(([i,[c,l,d]])=>{const{pattern:u,params:y}=Me(i),f={id:i,exec:h=>{const _=u.exec(h);if(_)return We(_,y,r)},errors:[1,...d||[]].map(h=>t[h]),layouts:[0,...l||[]].map(o),leaf:s(c)};return f.errors.length=f.layouts.length=Math.max(f.errors.length,f.layouts.length),f});function s(i){const c=i<0;return c&&(i=~i),[c,t[i]]}function o(i){return i===void 0?i:[a.has(i),t[i]]}}function ue(t,e=JSON.parse){try{return e(sessionStorage[t])}catch{}}function Zt(t,e,n=JSON.stringify){const r=n(e);try{sessionStorage[t]=r}catch{}}var se;const U=((se=globalThis.__sveltekit_1u12ak4)==null?void 0:se.base)??"";var ie;const ze=((ie=globalThis.__sveltekit_1u12ak4)==null?void 0:ie.assets)??U??"",He="1768972126462",de="sveltekit:snapshot",he="sveltekit:scroll",pe="sveltekit:states",Je="sveltekit:pageurl",F="sveltekit:history",H="sveltekit:navigation",D={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},kt=location.origin;function Bt(t){if(t instanceof URL)return t;let e=document.baseURI;if(!e){const n=document.getElementsByTagName("base");e=n.length?n[0].href:document.URL}return new URL(t,e)}function Et(){return{x:pageXOffset,y:pageYOffset}}function M(t,e){return t.getAttribute(`data-sveltekit-${e}`)}const te={...D,"":D.hover};function ge(t){let e=t.assignedSlot??t.parentNode;return(e==null?void 0:e.nodeType)===11&&(e=e.host),e}function me(t,e){for(;t&&t!==e;){if(t.nodeName.toUpperCase()==="A"&&t.hasAttribute("href"))return t;t=ge(t)}}function It(t,e,n){let r;try{if(r=new URL(t instanceof SVGAElement?t.href.baseVal:t.href,document.baseURI),n&&r.hash.match(/^#[^/]/)){const i=location.hash.split("#")[1]||"/";r.hash=`#${i}${r.hash}`}}catch{}const a=t instanceof SVGAElement?t.target.baseVal:t.target,s=!r||!!a||St(r,e,n)||(t.getAttribute("rel")||"").split(/\s+/).includes("external"),o=(r==null?void 0:r.origin)===kt&&t.hasAttribute("download");return{url:r,external:s,target:a,download:o}}function pt(t){let e=null,n=null,r=null,a=null,s=null,o=null,i=t;for(;i&&i!==document.documentElement;)r===null&&(r=M(i,"preload-code")),a===null&&(a=M(i,"preload-data")),e===null&&(e=M(i,"keepfocus")),n===null&&(n=M(i,"noscroll")),s===null&&(s=M(i,"reload")),o===null&&(o=M(i,"replacestate")),i=ge(i);function c(l){switch(l){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:te[r??"off"],preload_data:te[a??"off"],keepfocus:c(e),noscroll:c(n),reload:c(s),replace_state:c(o)}}function ee(t){const e=jt(t);let n=!0;function r(){n=!0,e.update(o=>o)}function a(o){n=!1,e.set(o)}function s(o){let i;return e.subscribe(c=>{(i===void 0||n&&c!==i)&&o(i=c)})}return{notify:r,set:a,subscribe:s}}const _e={v:()=>{}};function Xe(){const{set:t,subscribe:e}=jt(!1);let n;async function r(){clearTimeout(n);try{const a=await fetch(`${ze}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const o=(await a.json()).version!==He;return o&&(t(!0),_e.v(),clearTimeout(n)),o}catch{return!1}}return{subscribe:e,check:r}}function St(t,e,n){return t.origin!==kt||!t.pathname.startsWith(e)?!0:n?t.pathname!==location.pathname:!1}function Ln(t){}const we=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...we];const Qe=new Set([...we]);[...Qe];function Ze(t){return t.filter(e=>e!=null)}function Kt(t){return t instanceof Nt||t instanceof Vt?t.status:500}function tn(t){return t instanceof Vt?t.text:"Internal Error"}let R,J,At;const en=Qt.toString().includes("$$")||/function \w+\(\) \{\}/.test(Qt.toString());var et,nt,at,rt,ot,st,it,ct,ce,lt,le,ft,fe;en?(R={data:{},form:null,error:null,params:{},route:{id:null},state:{},status:-1,url:new URL("https://example.com")},J={current:null},At={current:!1}):(R=new(ce=class{constructor(){A(this,et,T({}));A(this,nt,T(null));A(this,at,T(null));A(this,rt,T({}));A(this,ot,T({id:null}));A(this,st,T({}));A(this,it,T(-1));A(this,ct,T(new URL("https://example.com")))}get data(){return I(w(this,et))}set data(e){O(w(this,et),e)}get form(){return I(w(this,nt))}set form(e){O(w(this,nt),e)}get error(){return I(w(this,at))}set error(e){O(w(this,at),e)}get params(){return I(w(this,rt))}set params(e){O(w(this,rt),e)}get route(){return I(w(this,ot))}set route(e){O(w(this,ot),e)}get state(){return I(w(this,st))}set state(e){O(w(this,st),e)}get status(){return I(w(this,it))}set status(e){O(w(this,it),e)}get url(){return I(w(this,ct))}set url(e){O(w(this,ct),e)}},et=new WeakMap,nt=new WeakMap,at=new WeakMap,rt=new WeakMap,ot=new WeakMap,st=new WeakMap,it=new WeakMap,ct=new WeakMap,ce),J=new(le=class{constructor(){A(this,lt,T(null))}get current(){return I(w(this,lt))}set current(e){O(w(this,lt),e)}},lt=new WeakMap,le),At=new(fe=class{constructor(){A(this,ft,T(!1))}get current(){return I(w(this,ft))}set current(e){O(w(this,ft),e)}},ft=new WeakMap,fe),_e.v=()=>At.current=!0);function nn(t){Object.assign(R,t)}const an=new Set(["icon","shortcut icon","apple-touch-icon"]),q=ue(he)??{},X=ue(de)??{},N={url:ee({}),page:ee({}),navigating:jt(null),updated:Xe()};function Mt(t){q[t]=Et()}function rn(t,e){let n=t+1;for(;q[n];)delete q[n],n+=1;for(n=e+1;X[n];)delete X[n],n+=1}function Q(t,e=!1){return e?location.replace(t.href):location.href=t.href,new Promise(()=>{})}async function ve(){if("serviceWorker"in navigator){const t=await navigator.serviceWorker.getRegistration(U||"/");t&&await t.update()}}function ne(){}let Ft,Ot,gt,C,Pt,b;const mt=[],_t=[];let v=null;function Ct(){var t;(t=v==null?void 0:v.fork)==null||t.then(e=>e==null?void 0:e.discard()),v=null}const dt=new Map,ye=new Set,on=new Set,z=new Set;let m={branch:[],error:null,url:null},be=!1,wt=!1,ae=!0,Z=!1,W=!1,ke=!1,Gt=!1,Ee,E,L,V;const vt=new Set,re=new Map;async function In(t,e,n){var s,o,i,c,l;(s=globalThis.__sveltekit_1u12ak4)!=null&&s.data&&globalThis.__sveltekit_1u12ak4.data,document.URL!==location.href&&(location.href=location.href),b=t,await((i=(o=t.hooks).init)==null?void 0:i.call(o)),Ft=Ye(t),C=document.documentElement,Pt=e,Ot=t.nodes[0],gt=t.nodes[1],Ot(),gt(),E=(c=history.state)==null?void 0:c[F],L=(l=history.state)==null?void 0:l[H],E||(E=L=Date.now(),history.replaceState({...history.state,[F]:E,[H]:L},""));const r=q[E];function a(){r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y))}n?(a(),await vn(Pt,n)):(await G({type:"enter",url:Bt(b.hash?kn(new URL(location.href)):location.href),replace_state:!0}),a()),wn()}function sn(){mt.length=0,Gt=!1}function Se(t){_t.some(e=>e==null?void 0:e.snapshot)&&(X[t]=_t.map(e=>{var n;return(n=e==null?void 0:e.snapshot)==null?void 0:n.capture()}))}function Re(t){var e;(e=X[t])==null||e.forEach((n,r)=>{var a,s;(s=(a=_t[r])==null?void 0:a.snapshot)==null||s.restore(n)})}function oe(){Mt(E),Zt(he,q),Se(L),Zt(de,X)}async function xe(t,e,n,r){let a;e.invalidateAll&&Ct(),await G({type:"goto",url:Bt(t),keepfocus:e.keepFocus,noscroll:e.noScroll,replace_state:e.replaceState,state:e.state,redirect_count:n,nav_token:r,accept:()=>{e.invalidateAll&&(Gt=!0,a=[...re.keys()]),e.invalidate&&e.invalidate.forEach(_n)}}),e.invalidateAll&&ht().then(ht).then(()=>{re.forEach(({resource:s},o)=>{var i;a!=null&&a.includes(o)&&((i=s.refresh)==null||i.call(s))})})}async function cn(t){if(t.id!==(v==null?void 0:v.id)){Ct();const e={};vt.add(e),v={id:t.id,token:e,promise:Ue({...t,preload:e}).then(n=>(vt.delete(e),n.type==="loaded"&&n.state.error&&Ct(),n)),fork:null}}return v.promise}async function Tt(t){var n;const e=(n=await Rt(t,!1))==null?void 0:n.route;e&&await Promise.all([...e.layouts,e.leaf].map(r=>r==null?void 0:r[1]()))}async function Le(t,e,n){var a;m=t.state;const r=document.querySelector("style[data-sveltekit]");if(r&&r.remove(),Object.assign(R,t.props.page),Ee=new b.root({target:e,props:{...t.props,stores:N,components:_t},hydrate:n,sync:!1}),await Promise.resolve(),Re(L),n){const s={from:null,to:{params:m.params,route:{id:((a=m.route)==null?void 0:a.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter",complete:Promise.resolve()};z.forEach(o=>o(s))}wt=!0}function yt({url:t,params:e,branch:n,status:r,error:a,route:s,form:o}){let i="never";if(U&&(t.pathname===U||t.pathname===U+"/"))i="always";else for(const f of n)(f==null?void 0:f.slash)!==void 0&&(i=f.slash);t.pathname=Ce(t.pathname,i),t.search=t.search;const c={type:"loaded",state:{url:t,params:e,branch:n,error:a,route:s},props:{constructors:Ze(n).map(f=>f.node.component),page:Jt(R)}};o!==void 0&&(c.props.form=o);let l={},d=!R,u=0;for(let f=0;f<Math.max(n.length,m.branch.length);f+=1){const h=n[f],_=m.branch[f];(h==null?void 0:h.data)!==(_==null?void 0:_.data)&&(d=!0),h&&(l={...l,...h.data},d&&(c.props[`data_${u}`]=l),u+=1)}return(!m.url||t.href!==m.url.href||m.error!==a||o!==void 0&&o!==R.form||d)&&(c.props.page={error:a,params:e,route:{id:(s==null?void 0:s.id)??null},state:{},status:r,url:new URL(t),form:o??null,data:d?l:R.data}),c}async function Wt({loader:t,parent:e,url:n,params:r,route:a,server_data_node:s}){var l,d;let o=null;const i={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1,search_params:new Set},c=await t();return{node:c,loader:t,server:s,universal:(l=c.universal)!=null&&l.load?{type:"data",data:o,uses:i}:null,data:o??(s==null?void 0:s.data)??null,slash:((d=c.universal)==null?void 0:d.trailingSlash)??(s==null?void 0:s.slash)}}function ln(t,e,n){let r=t instanceof Request?t.url:t;const a=new URL(r,n);a.origin===n.origin&&(r=a.href.slice(n.origin.length));const s=wt?Be(r,a.href,e):qe(r,e);return{resolved:a,promise:s}}function fn(t,e,n,r,a,s){if(Gt)return!0;if(!a)return!1;if(a.parent&&t||a.route&&e||a.url&&n)return!0;for(const o of a.search_params)if(r.has(o))return!0;for(const o of a.params)if(s[o]!==m.params[o])return!0;for(const o of a.dependencies)if(mt.some(i=>i(new URL(o))))return!0;return!1}function Yt(t,e){return(t==null?void 0:t.type)==="data"?t:(t==null?void 0:t.type)==="skip"?e??null:null}function un(t,e){if(!t)return new Set(e.searchParams.keys());const n=new Set([...t.searchParams.keys(),...e.searchParams.keys()]);for(const r of n){const a=t.searchParams.getAll(r),s=e.searchParams.getAll(r);a.every(o=>s.includes(o))&&s.every(o=>a.includes(o))&&n.delete(r)}return n}function dn({error:t,url:e,route:n,params:r}){return{type:"loaded",state:{error:t,url:e,route:n,params:r,branch:[]},props:{page:Jt(R),constructors:[]}}}async function Ue({id:t,invalidating:e,url:n,params:r,route:a,preload:s}){if((v==null?void 0:v.id)===t)return vt.delete(v.token),v.promise;const{errors:o,layouts:i,leaf:c}=a,l=[...i,c];o.forEach(g=>g==null?void 0:g().catch(()=>{})),l.forEach(g=>g==null?void 0:g[1]().catch(()=>{}));const d=m.url?t!==bt(m.url):!1,u=m.route?a.id!==m.route.id:!1,y=un(m.url,n);let f=!1;const h=l.map(async(g,p)=>{var $;if(!g)return;const k=m.branch[p];return g[1]===(k==null?void 0:k.loader)&&!fn(f,u,d,y,($=k.universal)==null?void 0:$.uses,r)?k:(f=!0,Wt({loader:g[1],url:n,params:r,route:a,parent:async()=>{var ut;const P={};for(let B=0;B<p;B+=1)Object.assign(P,(ut=await h[B])==null?void 0:ut.data);return P},server_data_node:Yt(g[0]?{type:"skip"}:null,g[0]?k==null?void 0:k.server:void 0)}))});for(const g of h)g.catch(()=>{});const _=[];for(let g=0;g<l.length;g+=1)if(l[g])try{_.push(await h[g])}catch(p){if(p instanceof Dt)return{type:"redirect",location:p.location};if(vt.has(s))return dn({error:await tt(p,{params:r,url:n,route:{id:a.id}}),url:n,params:r,route:a});let k=Kt(p),x;if(p instanceof Nt)x=p.body;else{if(await N.updated.check())return await ve(),await Q(n);x=await tt(p,{params:r,url:n,route:{id:a.id}})}const $=await hn(g,_,o);return $?yt({url:n,params:r,branch:_.slice(0,$.idx).concat($.node),status:k,error:x,route:a}):await Te(n,{id:a.id},x,k)}else _.push(void 0);return yt({url:n,params:r,branch:_,status:200,error:null,route:a,form:e?void 0:null})}async function hn(t,e,n){for(;t--;)if(n[t]){let r=t;for(;!e[r];)r-=1;try{return{idx:r+1,node:{node:await n[t](),loader:n[t],data:{},server:null,universal:null}}}catch{continue}}}async function zt({status:t,error:e,url:n,route:r}){const a={};let s=null;try{const o=await Wt({loader:Ot,url:n,params:a,route:r,parent:()=>Promise.resolve({}),server_data_node:Yt(s)}),i={node:await gt(),loader:gt,universal:null,server:null,data:null};return yt({url:n,params:a,branch:[o,i],status:t,error:e,route:null})}catch(o){if(o instanceof Dt)return xe(new URL(o.location,location.href),{},0);throw o}}async function pn(t){const e=t.href;if(dt.has(e))return dt.get(e);let n;try{const r=(async()=>{let a=await b.hooks.reroute({url:new URL(t),fetch:async(s,o)=>ln(s,o,t).promise})??t;if(typeof a=="string"){const s=new URL(t);b.hash?s.hash=a:s.pathname=a,a=s}return a})();dt.set(e,r),n=await r}catch{dt.delete(e);return}return n}async function Rt(t,e){if(t&&!St(t,U,b.hash)){const n=await pn(t);if(!n)return;const r=gn(n);for(const a of Ft){const s=a.exec(r);if(s)return{id:bt(t),invalidating:e,route:a,params:je(s),url:t}}}}function gn(t){return $e(b.hash?t.hash.replace(/^#/,"").replace(/[?#].+/,""):t.pathname.slice(U.length))||"/"}function bt(t){return(b.hash?t.hash.replace(/^#/,""):t.pathname)+t.search}function Ae({url:t,type:e,intent:n,delta:r,event:a}){let s=!1;const o=Ht(m,n,t,e);r!==void 0&&(o.navigation.delta=r),a!==void 0&&(o.navigation.event=a);const i={...o.navigation,cancel:()=>{s=!0,o.reject(new Error("navigation cancelled"))}};return Z||ye.forEach(c=>c(i)),s?null:o}async function G({type:t,url:e,popped:n,keepfocus:r,noscroll:a,replace_state:s,state:o={},redirect_count:i=0,nav_token:c={},accept:l=ne,block:d=ne,event:u}){var B;const y=V;V=c;const f=await Rt(e,!1),h=t==="enter"?Ht(m,f,e,t):Ae({url:e,type:t,delta:n==null?void 0:n.delta,intent:f,event:u});if(!h){d(),V===c&&(V=y);return}const _=E,g=L;l(),Z=!0,wt&&h.navigation.type!=="enter"&&N.navigating.set(J.current=h.navigation);let p=f&&await Ue(f);if(!p){if(St(e,U,b.hash))return await Q(e,s);p=await Te(e,{id:null},await tt(new Vt(404,"Not Found",`Not found: ${e.pathname}`),{url:e,params:{},route:{id:null}}),404,s)}if(e=(f==null?void 0:f.url)||e,V!==c)return h.reject(new Error("navigation aborted")),!1;if(p.type==="redirect"){if(i<20){await G({type:t,url:new URL(p.location,e),popped:n,keepfocus:r,noscroll:a,replace_state:s,state:o,redirect_count:i+1,nav_token:c}),h.fulfil(void 0);return}p=await zt({status:500,error:await tt(new Error("Redirect loop"),{url:e,params:{},route:{id:null}}),url:e,route:{id:null}})}else p.props.page.status>=400&&await N.updated.check()&&(await ve(),await Q(e,s));if(sn(),Mt(_),Se(g),p.props.page.url.pathname!==e.pathname&&(e.pathname=p.props.page.url.pathname),o=n?n.state:o,!n){const S=s?0:1,K={[F]:E+=S,[H]:L+=S,[pe]:o};(s?history.replaceState:history.pushState).call(history,K,"",e),s||rn(E,L)}const k=f&&(v==null?void 0:v.id)===f.id?v.fork:null;v=null,p.props.page.state=o;let x;if(wt){const S=(await Promise.all(Array.from(on,j=>j(h.navigation)))).filter(j=>typeof j=="function");if(S.length>0){let j=function(){S.forEach(xt=>{z.delete(xt)})};S.push(j),S.forEach(xt=>{z.add(xt)})}m=p.state,p.props.page&&(p.props.page.url=e);const K=k&&await k;K?x=K.commit():(Ee.$set(p.props),nn(p.props.page),x=(B=Pe)==null?void 0:B()),ke=!0}else await Le(p,Pt,!1);const{activeElement:$}=document;await x,await ht(),await ht();let P=n?n.scroll:a?Et():null;if(ae){const S=e.hash&&document.getElementById(Ie(e));if(P)scrollTo(P.x,P.y);else if(S){S.scrollIntoView();const{top:K,left:j}=S.getBoundingClientRect();P={x:pageXOffset+j,y:pageYOffset+K}}else scrollTo(0,0)}const ut=document.activeElement!==$&&document.activeElement!==document.body;!r&&!ut&&bn(e,P),ae=!0,p.props.page&&Object.assign(R,p.props.page),Z=!1,t==="popstate"&&Re(L),h.fulfil(void 0),z.forEach(S=>S(h.navigation)),N.navigating.set(J.current=null)}async function Te(t,e,n,r,a){return t.origin===kt&&t.pathname===location.pathname&&!be?await zt({status:r,error:n,url:t,route:e}):await Q(t,a)}function mn(){let t,e,n;C.addEventListener("mousemove",i=>{const c=i.target;clearTimeout(t),t=setTimeout(()=>{s(c,D.hover)},20)});function r(i){i.defaultPrevented||s(i.composedPath()[0],D.tap)}C.addEventListener("mousedown",r),C.addEventListener("touchstart",r,{passive:!0});const a=new IntersectionObserver(i=>{for(const c of i)c.isIntersecting&&(Tt(new URL(c.target.href)),a.unobserve(c.target))},{threshold:0});async function s(i,c){const l=me(i,C),d=l===e&&c>=n;if(!l||d)return;const{url:u,external:y,download:f}=It(l,U,b.hash);if(y||f)return;const h=pt(l),_=u&&bt(m.url)===bt(u);if(!(h.reload||_))if(c<=h.preload_data){e=l,n=D.tap;const g=await Rt(u,!1);if(!g)return;cn(g)}else c<=h.preload_code&&(e=l,n=c,Tt(u))}function o(){a.disconnect();for(const i of C.querySelectorAll("a")){const{url:c,external:l,download:d}=It(i,U,b.hash);if(l||d)continue;const u=pt(i);u.reload||(u.preload_code===D.viewport&&a.observe(i),u.preload_code===D.eager&&Tt(c))}}z.add(o),o()}function tt(t,e){if(t instanceof Nt)return t.body;const n=Kt(t),r=tn(t);return b.hooks.handleError({error:t,event:e,status:n,message:r})??{message:r}}function On(t,e={}){return t=new URL(Bt(t)),t.origin!==kt?Promise.reject(new Error("goto: invalid URL")):xe(t,e,0)}function _n(t){if(typeof t=="function")mt.push(t);else{const{href:e}=new URL(t,location.href);mt.push(n=>n.href===e)}}function wn(){var e;history.scrollRestoration="manual",addEventListener("beforeunload",n=>{let r=!1;if(oe(),!Z){const a=Ht(m,void 0,null,"leave"),s={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};ye.forEach(o=>o(s))}r?(n.preventDefault(),n.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&oe()}),(e=navigator.connection)!=null&&e.saveData||mn(),C.addEventListener("click",async n=>{if(n.button||n.which!==1||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||n.defaultPrevented)return;const r=me(n.composedPath()[0],C);if(!r)return;const{url:a,external:s,target:o,download:i}=It(r,U,b.hash);if(!a)return;if(o==="_parent"||o==="_top"){if(window.parent!==window)return}else if(o&&o!=="_self")return;const c=pt(r);if(!(r instanceof SVGAElement)&&a.protocol!==location.protocol&&!(a.protocol==="https:"||a.protocol==="http:")||i)return;const[d,u]=(b.hash?a.hash.replace(/^#/,""):a.href).split("#"),y=d===Lt(location);if(s||c.reload&&(!y||!u)){Ae({url:a,type:"link",event:n})?Z=!0:n.preventDefault();return}if(u!==void 0&&y){const[,f]=m.url.href.split("#");if(f===u){if(n.preventDefault(),u===""||u==="top"&&r.ownerDocument.getElementById("top")===null)scrollTo({top:0});else{const h=r.ownerDocument.getElementById(decodeURIComponent(u));h&&(h.scrollIntoView(),h.focus())}return}if(W=!0,Mt(E),t(a),!c.replace_state)return;W=!1}n.preventDefault(),await new Promise(f=>{requestAnimationFrame(()=>{setTimeout(f,0)}),setTimeout(f,100)}),await G({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href,event:n})}),C.addEventListener("submit",n=>{if(n.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(n.target),a=n.submitter;if(((a==null?void 0:a.formTarget)||r.target)==="_blank"||((a==null?void 0:a.formMethod)||r.method)!=="get")return;const i=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(St(i,U,!1))return;const c=n.target,l=pt(c);if(l.reload)return;n.preventDefault(),n.stopPropagation();const d=new FormData(c,a);i.search=new URLSearchParams(d).toString(),G({type:"form",url:i,keepfocus:l.keepfocus,noscroll:l.noscroll,replace_state:l.replace_state??i.href===location.href,event:n})}),addEventListener("popstate",async n=>{var r;if(!$t){if((r=n.state)!=null&&r[F]){const a=n.state[F];if(V={},a===E)return;const s=q[a],o=n.state[pe]??{},i=new URL(n.state[Je]??location.href),c=n.state[H],l=m.url?Lt(location)===Lt(m.url):!1;if(c===L&&(ke||l)){o!==R.state&&(R.state=o),t(i),q[E]=Et(),s&&scrollTo(s.x,s.y),E=a;return}const u=a-E;await G({type:"popstate",url:i,popped:{state:o,scroll:s,delta:u},accept:()=>{E=a,L=c},block:()=>{history.go(-u)},nav_token:V,event:n})}else if(!W){const a=new URL(location.href);t(a),b.hash&&location.reload()}}}),addEventListener("hashchange",()=>{W&&(W=!1,history.replaceState({...history.state,[F]:++E,[H]:L},"",location.href))});for(const n of document.querySelectorAll("link"))an.has(n.rel)&&(n.href=n.href);addEventListener("pageshow",n=>{n.persisted&&N.navigating.set(J.current=null)});function t(n){m.url=R.url=n,N.page.set(Jt(R)),N.page.notify()}}async function vn(t,{status:e=200,error:n,node_ids:r,params:a,route:s,server_route:o,data:i,form:c}){be=!0;const l=new URL(location.href);let d;({params:a={},route:s={id:null}}=await Rt(l,!1)||{}),d=Ft.find(({id:f})=>f===s.id);let u,y=!0;try{const f=r.map(async(_,g)=>{const p=i[g];return p!=null&&p.uses&&(p.uses=yn(p.uses)),Wt({loader:b.nodes[_],url:l,params:a,route:s,parent:async()=>{const k={};for(let x=0;x<g;x+=1)Object.assign(k,(await f[x]).data);return k},server_data_node:Yt(p)})}),h=await Promise.all(f);if(d){const _=d.layouts;for(let g=0;g<_.length;g++)_[g]||h.splice(g,0,void 0)}u=yt({url:l,params:a,branch:h,status:e,error:n,form:c,route:d??null})}catch(f){if(f instanceof Dt){await Q(new URL(f.location,location.href));return}u=await zt({status:Kt(f),error:await tt(f,{url:l,params:a,route:s}),url:l,route:s}),t.textContent="",y=!1}u.props.page&&(u.props.page.state={}),await Le(u,t,y)}function yn(t){return{dependencies:new Set((t==null?void 0:t.dependencies)??[]),params:new Set((t==null?void 0:t.params)??[]),parent:!!(t!=null&&t.parent),route:!!(t!=null&&t.route),url:!!(t!=null&&t.url),search_params:new Set((t==null?void 0:t.search_params)??[])}}let $t=!1;function bn(t,e=null){const n=document.querySelector("[autofocus]");if(n)n.focus();else{const r=Ie(t);if(r&&document.getElementById(r)){const{x:s,y:o}=e??Et();setTimeout(()=>{const i=history.state;$t=!0,location.replace(`#${r}`),b.hash&&location.replace(t.hash),history.replaceState(i,"",t.hash),scrollTo(s,o),$t=!1})}else{const s=document.body,o=s.getAttribute("tabindex");s.tabIndex=-1,s.focus({preventScroll:!0,focusVisible:!1}),o!==null?s.setAttribute("tabindex",o):s.removeAttribute("tabindex")}const a=getSelection();if(a&&a.type!=="None"){const s=[];for(let o=0;o<a.rangeCount;o+=1)s.push(a.getRangeAt(o));setTimeout(()=>{if(a.rangeCount===s.length){for(let o=0;o<a.rangeCount;o+=1){const i=s[o],c=a.getRangeAt(o);if(i.commonAncestorContainer!==c.commonAncestorContainer||i.startContainer!==c.startContainer||i.endContainer!==c.endContainer||i.startOffset!==c.startOffset||i.endOffset!==c.endOffset)return}a.removeAllRanges()}})}}}function Ht(t,e,n,r){var c,l;let a,s;const o=new Promise((d,u)=>{a=d,s=u});return o.catch(()=>{}),{navigation:{from:{params:t.params,route:{id:((c=t.route)==null?void 0:c.id)??null},url:t.url},to:n&&{params:(e==null?void 0:e.params)??null,route:{id:((l=e==null?void 0:e.route)==null?void 0:l.id)??null},url:n},willUnload:!e,type:r,complete:o},fulfil:a,reject:s}}function Jt(t){return{data:t.data,error:t.error,form:t.form,params:t.params,route:t.route,state:t.state,status:t.status,url:t.url}}function kn(t){const e=new URL(t);return e.hash=decodeURIComponent(t.hash),e}function Ie(t){let e;if(b.hash){const[,,n]=t.hash.split("#",3);e=n??""}else e=t.hash.slice(1);return decodeURIComponent(e)}export{In as a,On as g,Ln as l,R as p,N as s};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/DZNd3jEa.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/DZNd3jEa.js
deleted file mode 100644
index 1d73be3..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/DZNd3jEa.js
+++ /dev/null
@@ -1,2 +0,0 @@
-var Ie=Object.defineProperty;var ce=t=>{throw TypeError(t)};var Me=(t,e,s)=>e in t?Ie(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var ee=(t,e,s)=>Me(t,typeof e!="symbol"?e+"":e,s),te=(t,e,s)=>e.has(t)||ce("Cannot "+s);var r=(t,e,s)=>(te(t,e,"read from private field"),s?s.call(t):e.get(t)),h=(t,e,s)=>e.has(t)?ce("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),a=(t,e,s,i)=>(te(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s),p=(t,e,s)=>(te(t,e,"access private method"),s);import{ae as ke,g as be,af as we,Y as Ce,l as Le,ag as pe,Z as Ne,I as v,H as E,a5 as L,L as Pe,M as Re,V as de,P as Ye,G as I,ah as j,E as se,F as q,ai as Be,aj as Q,ak as B,al as ge,am as He,an as ne,i as Se,J as Ve,ao as ve,ap as xe,aq as me,ar as qe,as as Ue,D as re,R as U,y as We,Q as Ge,at as ye,au as je,N as Je,av as $e,aw as ze,ax as Ke,d as Qe,U as ie,ay as Xe,az as Ze,aA as et,aB as tt,aC as st,aD as ae,aE as rt,W as nt,aF as oe,S as J,aG as it,aH as at,aI as ot,aJ as ft,p as lt,aK as ht,aL as ut,a as dt}from"./CqqhLxdp.js";function _t(t){let e=0,s=we(0),i;return()=>{ke()&&(be(s),Ce(()=>(e===0&&(i=Le(()=>t(()=>pe(s)))),e+=1,()=>{Ne(()=>{e-=1,e===0&&(i==null||i(),i=void 0,pe(s))})})))}}var ct=Je|$e|ze;function pt(t,e,s){new gt(t,e,s)}var g,W,T,M,b,y,_,w,S,D,k,A,C,H,V,F,X,l,Ae,De,fe,z,K,le;class gt{constructor(e,s,i){h(this,l);ee(this,"parent");ee(this,"is_pending",!1);h(this,g);h(this,W,E?v:null);h(this,T);h(this,M);h(this,b);h(this,y,null);h(this,_,null);h(this,w,null);h(this,S,null);h(this,D,null);h(this,k,0);h(this,A,0);h(this,C,!1);h(this,H,new Set);h(this,V,new Set);h(this,F,null);h(this,X,_t(()=>(a(this,F,we(r(this,k))),()=>{a(this,F,null)})));a(this,g,e),a(this,T,s),a(this,M,i),this.parent=L.b,this.is_pending=!!r(this,T).pending,a(this,b,Pe(()=>{if(L.b=this,E){const n=r(this,W);Re(),n.nodeType===de&&n.data===Ye?p(this,l,De).call(this):(p(this,l,Ae).call(this),r(this,A)===0&&(this.is_pending=!1))}else{var o=p(this,l,fe).call(this);try{a(this,y,I(()=>i(o)))}catch(n){this.error(n)}r(this,A)>0?p(this,l,K).call(this):this.is_pending=!1}return()=>{var n;(n=r(this,D))==null||n.remove()}},ct)),E&&a(this,g,v)}defer_effect(e){Be(e,r(this,H),r(this,V))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!r(this,T).pending}update_pending_count(e){p(this,l,le).call(this,e),a(this,k,r(this,k)+e),r(this,F)&&Ue(r(this,F),r(this,k))}get_effect_pending(){return r(this,X).call(this),be(r(this,F))}error(e){var s=r(this,T).onerror;let i=r(this,T).failed;if(r(this,C)||!s&&!i)throw e;r(this,y)&&(re(r(this,y)),a(this,y,null)),r(this,_)&&(re(r(this,_)),a(this,_,null)),r(this,w)&&(re(r(this,w)),a(this,w,null)),E&&(U(r(this,W)),We(),U(Ge()));var o=!1,n=!1;const f=()=>{if(o){Ke();return}o=!0,n&&je(),j.ensure(),a(this,k,0),r(this,w)!==null&&se(r(this,w),()=>{a(this,w,null)}),this.is_pending=this.has_pending_snippet(),a(this,y,p(this,l,z).call(this,()=>(a(this,C,!1),I(()=>r(this,M).call(this,r(this,g)))))),r(this,A)>0?p(this,l,K).call(this):this.is_pending=!1};var m=ne;try{B(null),n=!0,s==null||s(e,f),n=!1}catch(c){ye(c,r(this,b)&&r(this,b).parent)}finally{B(m)}i&&Ne(()=>{a(this,w,p(this,l,z).call(this,()=>{j.ensure(),a(this,C,!0);try{return I(()=>{i(r(this,g),()=>e,()=>f)})}catch(c){return ye(c,r(this,b).parent),null}finally{a(this,C,!1)}}))})}}g=new WeakMap,W=new WeakMap,T=new WeakMap,M=new WeakMap,b=new WeakMap,y=new WeakMap,_=new WeakMap,w=new WeakMap,S=new WeakMap,D=new WeakMap,k=new WeakMap,A=new WeakMap,C=new WeakMap,H=new WeakMap,V=new WeakMap,F=new WeakMap,X=new WeakMap,l=new WeakSet,Ae=function(){try{a(this,y,I(()=>r(this,M).call(this,r(this,g))))}catch(e){this.error(e)}},De=function(){const e=r(this,T).pending;e&&(a(this,_,I(()=>e(r(this,g)))),j.enqueue(()=>{var s=p(this,l,fe).call(this);a(this,y,p(this,l,z).call(this,()=>(j.ensure(),I(()=>r(this,M).call(this,s))))),r(this,A)>0?p(this,l,K).call(this):(se(r(this,_),()=>{a(this,_,null)}),this.is_pending=!1)}))},fe=function(){var e=r(this,g);return this.is_pending&&(a(this,D,q()),r(this,g).before(r(this,D)),e=r(this,D)),e},z=function(e){var s=L,i=ne,o=Se;Q(r(this,b)),B(r(this,b)),ge(r(this,b).ctx);try{return e()}catch(n){return He(n),null}finally{Q(s),B(i),ge(o)}},K=function(){const e=r(this,T).pending;r(this,y)!==null&&(a(this,S,document.createDocumentFragment()),r(this,S).append(r(this,D)),Ve(r(this,y),r(this,S))),r(this,_)===null&&a(this,_,I(()=>e(r(this,g))))},le=function(e){var s;if(!this.has_pending_snippet()){this.parent&&p(s=this.parent,l,le).call(s,e);return}if(a(this,A,r(this,A)+e),r(this,A)===0){this.is_pending=!1;for(const i of r(this,H))ve(i,xe),me(i);for(const i of r(this,V))ve(i,qe),me(i);r(this,H).clear(),r(this,V).clear(),r(this,_)&&se(r(this,_),()=>{a(this,_,null)}),r(this,S)&&(r(this,g).before(r(this,S)),a(this,S,null))}};const vt=["touchstart","touchmove"];function mt(t){return vt.includes(t)}const Fe=new Set,he=new Set;function Nt(t){for(var e=0;e<t.length;e++)Fe.add(t[e]);for(var s of he)s(t)}let Ee=null;function $(t){var _e;var e=this,s=e.ownerDocument,i=t.type,o=((_e=t.composedPath)==null?void 0:_e.call(t))||[],n=o[0]||t.target;Ee=t;var f=0,m=Ee===t&&t.__root;if(m){var c=o.indexOf(m);if(c!==-1&&(e===document||e===window)){t.__root=e;return}var P=o.indexOf(e);if(P===-1)return;c<=P&&(f=c)}if(n=o[f]||t.target,n!==e){Qe(t,"currentTarget",{configurable:!0,get(){return n||s}});var Z=ne,N=L;B(null),Q(null);try{for(var u,d=[];n!==null;){var R=n.assignedSlot||n.parentNode||n.host||null;try{var x=n["__"+i];x!=null&&(!n.disabled||t.target===n)&&x.call(n,t)}catch(G){u?d.push(G):u=G}if(t.cancelBubble||R===e||R===null)break;n=R}if(u){for(let G of d)queueMicrotask(()=>{throw G});throw u}}finally{t.__root=e,delete t.currentTarget,B(Z),Q(N)}}}function yt(t){var e=document.createElement("template");return e.innerHTML=t.replaceAll("<!>","<!---->"),e.content}function O(t,e){var s=L;s.nodes===null&&(s.nodes={start:t,end:e,a:null,t:null})}function Rt(t,e){var s=(e&Ze)!==0,i=(e&et)!==0,o,n=!t.startsWith("<!>");return()=>{if(E)return O(v,null),v;o===void 0&&(o=yt(n?t:"<!>"+t),s||(o=ie(o)));var f=i||Xe?document.importNode(o,!0):o.cloneNode(!0);if(s){var m=ie(f),c=f.lastChild;O(m,c)}else O(f,f);return f}}function St(t=""){if(!E){var e=q(t+"");return O(e,e),e}var s=v;return s.nodeType!==st&&(s.before(s=q()),U(s)),O(s,s),s}function At(){if(E)return O(v,null),v;var t=document.createDocumentFragment(),e=document.createComment(""),s=q();return t.append(e,s),O(e,s),t}function Dt(t,e){if(E){var s=L;(!(s.f&tt)||s.nodes.end===null)&&(s.nodes.end=v),Re();return}t!==null&&t.before(e)}function Ft(t,e){var s=e==null?"":typeof e=="object"?e+"":e;s!==(t.__t??(t.__t=t.nodeValue))&&(t.__t=s,t.nodeValue=s+"")}function Et(t,e){return Oe(t,e)}function Ot(t,e){ae(),e.intro=e.intro??!1;const s=e.target,i=E,o=v;try{for(var n=ie(s);n&&(n.nodeType!==de||n.data!==rt);)n=nt(n);if(!n)throw oe;J(!0),U(n);const f=Oe(t,{...e,anchor:n});return J(!1),f}catch(f){if(f instanceof Error&&f.message.split(`
-`).some(m=>m.startsWith("https://svelte.dev/e/")))throw f;return f!==oe&&console.warn("Failed to hydrate: ",f),e.recover===!1&&it(),ae(),at(s),J(!1),Et(t,e)}finally{J(i),U(o)}}const Y=new Map;function Oe(t,{target:e,anchor:s,props:i={},events:o,context:n,intro:f=!0}){ae();var m=new Set,c=N=>{for(var u=0;u<N.length;u++){var d=N[u];if(!m.has(d)){m.add(d);var R=mt(d);e.addEventListener(d,$,{passive:R});var x=Y.get(d);x===void 0?(document.addEventListener(d,$,{passive:R}),Y.set(d,1)):Y.set(d,x+1)}}};c(ot(Fe)),he.add(c);var P=void 0,Z=ft(()=>{var N=s??e.appendChild(q());return pt(N,{pending:()=>{}},u=>{if(n){lt({});var d=Se;d.c=n}if(o&&(i.$$events=o),E&&O(u,null),P=t(u,i)||{},E&&(L.nodes.end=v,v===null||v.nodeType!==de||v.data!==ht))throw ut(),oe;n&&dt()}),()=>{var R;for(var u of m){e.removeEventListener(u,$);var d=Y.get(u);--d===0?(document.removeEventListener(u,$),Y.delete(u)):Y.set(u,d)}he.delete(c),N!==s&&((R=N.parentNode)==null||R.removeChild(N))}});return ue.set(P,Z),P}let ue=new WeakMap;function It(t,e){const s=ue.get(t);return s?(ue.delete(t),s(e)):Promise.resolve()}const Tt="5";var Te;typeof window<"u"&&((Te=window.__svelte??(window.__svelte={})).v??(Te.v=new Set)).add(Tt);export{Dt as a,At as c,Nt as d,Rt as f,Ot as h,Et as m,Ft as s,St as t,It as u};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/fsu08h6h.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/fsu08h6h.js
deleted file mode 100644
index 19a7a7b..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/fsu08h6h.js
+++ /dev/null
@@ -1 +0,0 @@
-var S=Object.defineProperty;var y=a=>{throw TypeError(a)};var D=(a,e,t)=>e in a?S(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var A=(a,e,t)=>D(a,typeof e!="symbol"?e+"":e,t),E=(a,e,t)=>e.has(a)||y("Cannot "+t);var s=(a,e,t)=>(E(a,e,"read from private field"),t?t.call(a):e.get(a)),u=(a,e,t)=>e.has(a)?y("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,t),T=(a,e,t,i)=>(E(a,e,"write to private field"),i?i.call(a,t):e.set(a,t),t);import{B as w,C as N,D as k,E as x,F,G as M,H as g,I as B,J as C,K as H,L as I,M as L,N as O,O as P,P as G,Q as J,R as K,S as R}from"./CqqhLxdp.js";var d,l,c,_,v,m,b;class Q{constructor(e,t=!0){A(this,"anchor");u(this,d,new Map);u(this,l,new Map);u(this,c,new Map);u(this,_,new Set);u(this,v,!0);u(this,m,()=>{var e=w;if(s(this,d).has(e)){var t=s(this,d).get(e),i=s(this,l).get(t);if(i)N(i),s(this,_).delete(t);else{var n=s(this,c).get(t);n&&(s(this,l).set(t,n.effect),s(this,c).delete(t),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),i=n.effect)}for(const[f,r]of s(this,d)){if(s(this,d).delete(f),f===e)break;const h=s(this,c).get(r);h&&(k(h.effect),s(this,c).delete(r))}for(const[f,r]of s(this,l)){if(f===t||s(this,_).has(f))continue;const h=()=>{if(Array.from(s(this,d).values()).includes(f)){var p=document.createDocumentFragment();C(r,p),p.append(F()),s(this,c).set(f,{effect:r,fragment:p})}else k(r);s(this,_).delete(f),s(this,l).delete(f)};s(this,v)||!i?(s(this,_).add(f),x(r,h,!1)):h()}}});u(this,b,e=>{s(this,d).delete(e);const t=Array.from(s(this,d).values());for(const[i,n]of s(this,c))t.includes(i)||(k(n.effect),s(this,c).delete(i))});this.anchor=e,T(this,v,t)}ensure(e,t){var i=w,n=H();if(t&&!s(this,l).has(e)&&!s(this,c).has(e))if(n){var f=document.createDocumentFragment(),r=F();f.append(r),s(this,c).set(e,{effect:M(()=>t(r)),fragment:f})}else s(this,l).set(e,M(()=>t(this.anchor)));if(s(this,d).set(i,e),n){for(const[h,o]of s(this,l))h===e?i.skipped_effects.delete(o):i.skipped_effects.add(o);for(const[h,o]of s(this,c))h===e?i.skipped_effects.delete(o.effect):i.skipped_effects.add(o.effect);i.oncommit(s(this,m)),i.ondiscard(s(this,b))}else g&&(this.anchor=B),s(this,m).call(this)}}d=new WeakMap,l=new WeakMap,c=new WeakMap,_=new WeakMap,v=new WeakMap,m=new WeakMap,b=new WeakMap;function q(a,e,t=!1){g&&L();var i=new Q(a),n=t?O:0;function f(r,h){if(g){const p=P(a)===G;if(r===p){var o=J();K(o),i.anchor=o,R(!1),i.ensure(r,h),R(!0);return}}i.ensure(r,h)}I(()=>{var r=!1;e((h,o=!0)=>{r=!0,f(o,h)}),r||f(!1,null)},n)}export{Q as B,q as i};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/hV77cT_P.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/hV77cT_P.js
deleted file mode 100644
index ef1f2b7..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/chunks/hV77cT_P.js
+++ /dev/null
@@ -1 +0,0 @@
-import{s as c,g as l}from"./Bgo_ZO3W.js";import{b as o,d as b,n as a,m as d,g as p,e as g}from"./CqqhLxdp.js";let s=!1,i=Symbol();function m(e,u,r){const n=r[u]??(r[u]={store:null,source:d(void 0),unsubscribe:a});if(n.store!==e&&!(i in r))if(n.unsubscribe(),n.store=e??null,e==null)n.source.v=void 0,n.unsubscribe=a;else{var t=!0;n.unsubscribe=c(e,f=>{t?n.source.v=f:g(n.source,f)}),t=!1}return e&&i in r?l(e):p(n.source)}function y(){const e={};function u(){o(()=>{for(var r in e)e[r].unsubscribe();b(e,i,{enumerable:!1,value:!0})})}return[e,u]}function N(e){var u=s;try{return s=!1,[e(),s]}finally{s=u}}export{m as a,N as c,y as s};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/entry/app.B9iOASPK.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/entry/app.B9iOASPK.js
deleted file mode 100644
index 98b50ce..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/entry/app.B9iOASPK.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../nodes/0.C7lVdKJN.js","../chunks/DZNd3jEa.js","../chunks/CqqhLxdp.js","../chunks/BtkHyJOA.js","../chunks/fsu08h6h.js","../chunks/BRRLaaPq.js","../assets/0.r7T8fV5B.css","../nodes/1.DhhPkK36.js","../chunks/974AMC2H.js","../chunks/CuIyQV9Z.js","../chunks/Bgo_ZO3W.js","../nodes/2.MK_aCw-P.js","../nodes/3.DVfrbbic.js","../chunks/hV77cT_P.js"])))=>i.map(i=>d[i]);
-var F=t=>{throw TypeError(t)};var Z=(t,e,r)=>e.has(t)||F("Cannot "+r);var h=(t,e,r)=>(Z(t,e,"read from private field"),r?r.call(t):e.get(t)),B=(t,e,r)=>e.has(t)?F("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),D=(t,e,r,i)=>(Z(t,e,"write to private field"),i?i.call(t,r):e.set(t,r),r);import{H as ee,M as te,L as re,N as ae,X as se,Y as ne,l as H,Z as ie,_ as W,$ as oe,a0 as ce,a1 as ue,g as P,w as fe,a2 as le,a3 as de,e as L,a4 as _e,a5 as me,a6 as he,a7 as ve,A as ge,a8 as Ee,a9 as Pe,aa as ye,ab as X,ac as be,d as Re,m as Se,p as Oe,j as we,k as Ae,h as j,ad as Le,f as T,s as Ie,a as Te,c as xe,r as ke,u as C,t as Be}from"../chunks/CqqhLxdp.js";import{h as De,m as je,u as Ce,f as J,a as w,c as N,t as Ne,s as Ue}from"../chunks/DZNd3jEa.js";import{o as Ye}from"../chunks/BtkHyJOA.js";import{B as qe,i as U}from"../chunks/fsu08h6h.js";import{c as Me}from"../chunks/hV77cT_P.js";function Y(t,e,r){ee&&te();var i=new qe(t);re(()=>{var n=e()??null;i.ensure(n,n&&(o=>r(o,n)))},ae)}function z(t,e){return t===e||(t==null?void 0:t[W])===e}function q(t={},e,r,i){return se(()=>{var n,o;return ne(()=>{n=o,o=[],H(()=>{t!==r(...o)&&(e(t,...o),n&&z(r(...n),t)&&e(null,...n))})}),()=>{ie(()=>{o&&z(r(...o),t)&&e(null,...o)})}}),t}function M(t,e,r,i){var b;var n=!ge||(r&Ee)!==0,o=(r&ve)!==0,s=(r&ye)!==0,a=i,l=!0,d=()=>(l&&(l=!1,a=s?H(i):i),a),_;if(o){var A=W in t||X in t;_=((b=oe(t,e))==null?void 0:b.set)??(A&&e in t?c=>t[e]=c:void 0)}var S,v=!1;o?[S,v]=Me(()=>t[e]):S=t[e],S===void 0&&i!==void 0&&(S=d(),_&&(n&&ce(),_(S)));var m;if(n?m=()=>{var c=t[e];return c===void 0?d():(l=!0,c)}:m=()=>{var c=t[e];return c!==void 0&&(a=void 0),c===void 0?a:c},n&&!(r&ue))return m;if(_){var u=t.$$legacy;return function(c,f){return arguments.length>0?((!n||!f||u||v)&&_(f?m():c),c):m()}}var y=!1,g=(r&Pe?fe:le)(()=>(y=!1,m()));o&&P(g);var O=me;return function(c,f){if(arguments.length>0){const k=f?P(g):n&&o?de(c):c;return L(g,k),y=!0,a!==void 0&&(a=k),c}return _e&&y||O.f&he?g.v:P(g)}}function Ve(t){return class extends Fe{constructor(e){super({component:t,...e})}}}var R,E;class Fe{constructor(e){B(this,R);B(this,E);var o;var r=new Map,i=(s,a)=>{var l=Se(a,!1,!1);return r.set(s,l),l};const n=new Proxy({...e.props||{},$$events:{}},{get(s,a){return P(r.get(a)??i(a,Reflect.get(s,a)))},has(s,a){return a===X?!0:(P(r.get(a)??i(a,Reflect.get(s,a))),Reflect.has(s,a))},set(s,a,l){return L(r.get(a)??i(a,l),l),Reflect.set(s,a,l)}});D(this,E,(e.hydrate?De:je)(e.component,{target:e.target,anchor:e.anchor,props:n,context:e.context,intro:e.intro??!1,recover:e.recover})),(!((o=e==null?void 0:e.props)!=null&&o.$$host)||e.sync===!1)&&be(),D(this,R,n.$$events);for(const s of Object.keys(h(this,E)))s==="$set"||s==="$destroy"||s==="$on"||Re(this,s,{get(){return h(this,E)[s]},set(a){h(this,E)[s]=a},enumerable:!0});h(this,E).$set=s=>{Object.assign(n,s)},h(this,E).$destroy=()=>{Ce(h(this,E))}}$set(e){h(this,E).$set(e)}$on(e,r){h(this,R)[e]=h(this,R)[e]||[];const i=(...n)=>r.call(this,...n);return h(this,R)[e].push(i),()=>{h(this,R)[e]=h(this,R)[e].filter(n=>n!==i)}}$destroy(){h(this,E).$destroy()}}R=new WeakMap,E=new WeakMap;const Ze="modulepreload",ze=function(t,e){return new URL(t,e).href},G={},x=function(e,r,i){let n=Promise.resolve();if(r&&r.length>0){const s=document.getElementsByTagName("link"),a=document.querySelector("meta[property=csp-nonce]"),l=(a==null?void 0:a.nonce)||(a==null?void 0:a.getAttribute("nonce"));n=Promise.allSettled(r.map(d=>{if(d=ze(d,i),d in G)return;G[d]=!0;const _=d.endsWith(".css"),A=_?'[rel="stylesheet"]':"";if(!!i)for(let m=s.length-1;m>=0;m--){const u=s[m];if(u.href===d&&(!_||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${d}"]${A}`))return;const v=document.createElement("link");if(v.rel=_?"stylesheet":Ze,_||(v.as="script"),v.crossOrigin="",v.href=d,l&&v.setAttribute("nonce",l),document.head.appendChild(v),_)return new Promise((m,u)=>{v.addEventListener("load",m),v.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${d}`)))})}))}function o(s){const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=s,window.dispatchEvent(a),!a.defaultPrevented)throw s}return n.then(s=>{for(const a of s||[])a.status==="rejected"&&o(a.reason);return e().catch(o)})},tt={};var Ge=J('<div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px"><!></div>'),He=J("<!> <!>",1);function We(t,e){Oe(e,!0);let r=M(e,"components",23,()=>[]),i=M(e,"data_0",3,null),n=M(e,"data_1",3,null);we(()=>e.stores.page.set(e.page)),Ae(()=>{e.stores,e.page,e.constructors,r(),e.form,i(),n(),e.stores.page.notify()});let o=j(!1),s=j(!1),a=j(null);Ye(()=>{const u=e.stores.page.subscribe(()=>{P(o)&&(L(s,!0),Le().then(()=>{L(a,document.title||"untitled page",!0)}))});return L(o,!0),u});const l=C(()=>e.constructors[1]);var d=He(),_=T(d);{var A=u=>{const y=C(()=>e.constructors[0]);var g=N(),O=T(g);Y(O,()=>P(y),(b,c)=>{q(c(b,{get data(){return i()},get form(){return e.form},get params(){return e.page.params},children:(f,k)=>{var V=N(),Q=T(V);Y(Q,()=>P(l),(p,$)=>{q($(p,{get data(){return n()},get form(){return e.form},get params(){return e.page.params}}),I=>r()[1]=I,()=>{var I;return(I=r())==null?void 0:I[1]})}),w(f,V)},$$slots:{default:!0}}),f=>r()[0]=f,()=>{var f;return(f=r())==null?void 0:f[0]})}),w(u,g)},S=u=>{const y=C(()=>e.constructors[0]);var g=N(),O=T(g);Y(O,()=>P(y),(b,c)=>{q(c(b,{get data(){return i()},get form(){return e.form},get params(){return e.page.params}}),f=>r()[0]=f,()=>{var f;return(f=r())==null?void 0:f[0]})}),w(u,g)};U(_,u=>{e.constructors[1]?u(A):u(S,!1)})}var v=Ie(_,2);{var m=u=>{var y=Ge(),g=xe(y);{var O=b=>{var c=Ne();Be(()=>Ue(c,P(a))),w(b,c)};U(g,b=>{P(s)&&b(O)})}ke(y),w(u,y)};U(v,u=>{P(o)&&u(m)})}w(t,d),Te()}const rt=Ve(We),at=[()=>x(()=>import("../nodes/0.C7lVdKJN.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),()=>x(()=>import("../nodes/1.DhhPkK36.js"),__vite__mapDeps([7,1,2,8,9,10,3]),import.meta.url),()=>x(()=>import("../nodes/2.MK_aCw-P.js"),__vite__mapDeps([11,1,2,8,4,5]),import.meta.url),()=>x(()=>import("../nodes/3.DVfrbbic.js"),__vite__mapDeps([12,1,2,3,4,13,10,9,5]),import.meta.url)],st=[],nt={"/":[2],"/callback":[3]},K={handleError:({error:t})=>{console.error(t)},reroute:()=>{},transport:{}},Xe=Object.fromEntries(Object.entries(K.transport).map(([t,e])=>[t,e.decode])),it=Object.fromEntries(Object.entries(K.transport).map(([t,e])=>[t,e.encode])),ot=!1,ct=(t,e)=>Xe[t](e);export{ct as decode,Xe as decoders,nt as dictionary,it as encoders,ot as hash,K as hooks,tt as matchers,at as nodes,rt as root,st as server_loads};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/entry/start.JQZ0kVpy.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/entry/start.JQZ0kVpy.js
deleted file mode 100644
index b8d4625..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/entry/start.JQZ0kVpy.js
+++ /dev/null
@@ -1 +0,0 @@
-import{l as o,a as r}from"../chunks/CuIyQV9Z.js";export{o as load_css,r as start};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/0.C7lVdKJN.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/0.C7lVdKJN.js
deleted file mode 100644
index d077919..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/0.C7lVdKJN.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as F,f as c,a as d,s as M}from"../chunks/DZNd3jEa.js";import{o as A}from"../chunks/BtkHyJOA.js";import{L as q,N as C,F as L,T as w,H as p,U as H,V as R,W as g,S as b,R as T,I as B,p as D,a as O,c as l,s as u,r as v,f as S,t as W}from"../chunks/CqqhLxdp.js";import{B as I,i as P}from"../chunks/fsu08h6h.js";import{a as f}from"../chunks/BRRLaaPq.js";function U(i,o,...t){var r=new I(i);q(()=>{const e=o()??null;r.ensure(e,e&&(a=>e(a,...t)))},C)}function V(i,o){let t=null,r=p;var e;if(p){t=B;for(var a=H(document.head);a!==null&&(a.nodeType!==R||a.data!==i);)a=g(a);if(a===null)b(!1);else{var h=g(a);a.remove(),T(h)}}p||(e=document.head.appendChild(L()));try{q(()=>o(e),w)}finally{r&&(b(!0),T(t))}}var j=c('<meta name="description" content="Mode Template"/>'),z=c('<span> </span> <button class="svelte-12qhfyh">Logout</button>',1),G=c('<button class="svelte-12qhfyh">Login</button>'),J=c('<div class="app svelte-12qhfyh"><header class="svelte-12qhfyh"><nav class="svelte-12qhfyh"><a href="/" class="svelte-12qhfyh">Home</a> <!></nav></header> <main class="svelte-12qhfyh"><!></main></div>');function $(i,o){D(o,!0),A(()=>{f.hydrate()});var t=J();V("12qhfyh",s=>{var n=j();d(s,n)});var r=l(t),e=l(r),a=u(l(e),2);{var h=s=>{var n=z(),m=S(n),k=l(m);v(m);var x=u(m,2);x.__click=()=>f.logout(),W(()=>{var y;return M(k,`Welcome, ${((y=f.user)==null?void 0:y.displayName)??""}`)}),d(s,n)},E=s=>{var n=G();n.__click=()=>f.redirectToLogin(),d(s,n)};P(a,s=>{f.isAuthenticated?s(h):s(E,!1)})}v(e),v(r);var _=u(r,2),N=l(_);U(N,()=>o.children),v(_),v(t),d(i,t),O()}F(["click"]);export{$ as component};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/1.DhhPkK36.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/1.DhhPkK36.js
deleted file mode 100644
index 03a5861..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/1.DhhPkK36.js
+++ /dev/null
@@ -1 +0,0 @@
-import{f as h,a as g,s as e}from"../chunks/DZNd3jEa.js";import{i as l}from"../chunks/974AMC2H.js";import{p as v,f as d,t as _,a as x,c as o,r as p,s as $}from"../chunks/CqqhLxdp.js";import{s as k,p as m}from"../chunks/CuIyQV9Z.js";const b={get error(){return m.error},get status(){return m.status}};k.updated.check;const f=b;var E=h("<h1> </h1> <p> </p>",1);function z(i,c){v(c,!1),l();var t=E(),r=d(t),n=o(r,!0);p(r);var s=$(r,2),u=o(s,!0);p(s),_(()=>{var a;e(n,f.status),e(u,(a=f.error)==null?void 0:a.message)}),g(i,t),x()}export{z as component};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/2.MK_aCw-P.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/2.MK_aCw-P.js
deleted file mode 100644
index f0106d8..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/2.MK_aCw-P.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as E,f as m,a as o,c as N,s as _}from"../chunks/DZNd3jEa.js";import{i as P}from"../chunks/974AMC2H.js";import{p as S,s as n,f as p,a as W,c as g,r as d,t as j}from"../chunks/CqqhLxdp.js";import{i as u}from"../chunks/fsu08h6h.js";import{a as i}from"../chunks/BRRLaaPq.js";var q=m("<p>Loading...</p>"),z=m("<p> </p> <p> </p>",1),B=m("<p>Please log in to continue.</p> <button>Sign in with Microsoft</button>",1),C=m("<h1>Mode Template</h1> <!>",1);function J(h,b){S(b,!1),P();var f=C(),x=n(p(f),2);{var k=a=>{var s=q();o(a,s)},L=a=>{var s=N(),M=p(s);{var T=t=>{var r=z(),e=p(r),y=g(e);d(e);var l=n(e,2),A=g(l);d(l),j(()=>{var v,c;_(y,`Welcome, ${((v=i.user)==null?void 0:v.displayName)??""}!`),_(A,`Email: ${((c=i.user)==null?void 0:c.email)??""}`)}),o(t,r)},w=t=>{var r=B(),e=n(p(r),2);e.__click=()=>i.redirectToLogin(),o(t,r)};u(M,t=>{i.isAuthenticated?t(T):t(w,!1)},!0)}o(a,s)};u(x,a=>{i.loading?a(k):a(L,!1)})}o(h,f),W()}E(["click"]);export{J as component};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/3.DVfrbbic.js b/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/3.DVfrbbic.js
deleted file mode 100644
index 86e2f55..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/immutable/nodes/3.DVfrbbic.js
+++ /dev/null
@@ -1 +0,0 @@
-import{f as p,a as n,s as y}from"../chunks/DZNd3jEa.js";import{o as $}from"../chunks/BtkHyJOA.js";import{p as k,s as x,f as g,a as M,e as l,h as N,g as u,c as P,r as w,y as A,t as I}from"../chunks/CqqhLxdp.js";import{i as R}from"../chunks/fsu08h6h.js";import{s as S,a as T}from"../chunks/hV77cT_P.js";import{s as j,g as q}from"../chunks/CuIyQV9Z.js";import{a as z}from"../chunks/BRRLaaPq.js";const B=()=>{const e=j;return{page:{subscribe:e.page.subscribe},navigating:{subscribe:e.navigating.subscribe},updated:e.updated}},C={subscribe(e){return B().page.subscribe(e)}};var D=p('<p style="color: red;"> </p> <a href="/">Return home</a>',1),E=p("<p>Please wait...</p>"),F=p("<h1>Authenticating...</h1> <!>",1);function U(e,i){k(i,!0);const f=()=>T(C,"$page",b),[b,v]=S();let r=N(null);$(async()=>{const s=f().url.searchParams,a=s.get("email"),t=s.get("displayName"),o=s.get("token"),m=s.get("error");if(m){l(r,m,!0);return}a&&t&&o?(z.login({email:a,displayName:t,pbToken:o}),q("/")):l(r,"Invalid callback parameters")});var c=F(),h=x(g(c),2);{var _=s=>{var a=D(),t=g(a),o=P(t,!0);w(t),A(2),I(()=>y(o,u(r))),n(s,a)},d=s=>{var a=E();n(s,a)};R(h,s=>{u(r)?s(_):s(d,!1)})}n(e,c),M(),v()}export{U as component};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/client/_app/version.json b/ModeTemplate/frontend/.svelte-kit/output/client/_app/version.json
deleted file mode 100644
index dd94682..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/client/_app/version.json
+++ /dev/null
@@ -1 +0,0 @@
-{"version":"1768972126462"}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/output/prerendered/dependencies/_app/env.js b/ModeTemplate/frontend/.svelte-kit/output/prerendered/dependencies/_app/env.js
deleted file mode 100644
index f5427da..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/prerendered/dependencies/_app/env.js
+++ /dev/null
@@ -1 +0,0 @@
-export const env={}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/.vite/manifest.json b/ModeTemplate/frontend/.svelte-kit/output/server/.vite/manifest.json
deleted file mode 100644
index 22039d2..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/.vite/manifest.json
+++ /dev/null
@@ -1,155 +0,0 @@
-{
-  ".svelte-kit/generated/server/internal.js": {
-    "file": "internal.js",
-    "name": "internal",
-    "src": ".svelte-kit/generated/server/internal.js",
-    "isEntry": true,
-    "imports": [
-      "_internal.js",
-      "_environment.js"
-    ]
-  },
-  "_auth.svelte.js": {
-    "file": "chunks/auth.svelte.js",
-    "name": "auth.svelte",
-    "imports": [
-      "_index2.js"
-    ]
-  },
-  "_context.js": {
-    "file": "chunks/context.js",
-    "name": "context"
-  },
-  "_environment.js": {
-    "file": "chunks/environment.js",
-    "name": "environment"
-  },
-  "_equality.js": {
-    "file": "chunks/equality.js",
-    "name": "equality"
-  },
-  "_exports.js": {
-    "file": "chunks/exports.js",
-    "name": "exports"
-  },
-  "_index.js": {
-    "file": "chunks/index.js",
-    "name": "index",
-    "imports": [
-      "_utils2.js",
-      "_equality.js"
-    ]
-  },
-  "_index2.js": {
-    "file": "chunks/index2.js",
-    "name": "index",
-    "imports": [
-      "_context.js"
-    ]
-  },
-  "_internal.js": {
-    "file": "chunks/internal.js",
-    "name": "internal",
-    "imports": [
-      "_index2.js",
-      "_environment.js",
-      "_utils2.js",
-      "_equality.js",
-      "_context.js"
-    ]
-  },
-  "_shared.js": {
-    "file": "chunks/shared.js",
-    "name": "shared",
-    "imports": [
-      "_utils.js"
-    ]
-  },
-  "_state.svelte.js": {
-    "file": "chunks/state.svelte.js",
-    "name": "state.svelte",
-    "imports": [
-      "_utils2.js"
-    ]
-  },
-  "_utils.js": {
-    "file": "chunks/utils.js",
-    "name": "utils"
-  },
-  "_utils2.js": {
-    "file": "chunks/utils2.js",
-    "name": "utils"
-  },
-  "node_modules/@sveltejs/kit/src/runtime/app/server/remote/index.js": {
-    "file": "remote-entry.js",
-    "name": "remote-entry",
-    "src": "node_modules/@sveltejs/kit/src/runtime/app/server/remote/index.js",
-    "isEntry": true,
-    "imports": [
-      "_shared.js",
-      "_environment.js"
-    ]
-  },
-  "node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte": {
-    "file": "entries/fallbacks/error.svelte.js",
-    "name": "entries/fallbacks/error.svelte",
-    "src": "node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte",
-    "isEntry": true,
-    "imports": [
-      "_context.js",
-      "_state.svelte.js",
-      "_exports.js",
-      "_utils.js",
-      "_index.js"
-    ]
-  },
-  "node_modules/@sveltejs/kit/src/runtime/server/index.js": {
-    "file": "index.js",
-    "name": "index",
-    "src": "node_modules/@sveltejs/kit/src/runtime/server/index.js",
-    "isEntry": true,
-    "imports": [
-      "_environment.js",
-      "_shared.js",
-      "_exports.js",
-      "_utils.js",
-      "_index.js",
-      "_internal.js"
-    ]
-  },
-  "src/routes/+layout.svelte": {
-    "file": "entries/pages/_layout.svelte.js",
-    "name": "entries/pages/_layout.svelte",
-    "src": "src/routes/+layout.svelte",
-    "isEntry": true,
-    "imports": [
-      "_index2.js",
-      "_auth.svelte.js",
-      "_context.js"
-    ],
-    "css": [
-      "_app/immutable/assets/_layout.r7T8fV5B.css"
-    ]
-  },
-  "src/routes/+page.svelte": {
-    "file": "entries/pages/_page.svelte.js",
-    "name": "entries/pages/_page.svelte",
-    "src": "src/routes/+page.svelte",
-    "isEntry": true,
-    "imports": [
-      "_context.js",
-      "_auth.svelte.js"
-    ]
-  },
-  "src/routes/callback/+page.svelte": {
-    "file": "entries/pages/callback/_page.svelte.js",
-    "name": "entries/pages/callback/_page.svelte",
-    "src": "src/routes/callback/+page.svelte",
-    "isEntry": true,
-    "imports": [
-      "_exports.js",
-      "_utils.js",
-      "_state.svelte.js"
-    ]
-  }
-}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/_app/immutable/assets/_layout.r7T8fV5B.css b/ModeTemplate/frontend/.svelte-kit/output/server/_app/immutable/assets/_layout.r7T8fV5B.css
deleted file mode 100644
index 5c42dbb..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/_app/immutable/assets/_layout.r7T8fV5B.css
+++ /dev/null
@@ -1 +0,0 @@
-.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}header.svelte-12qhfyh{padding:1rem;background:#f5f5f5;border-bottom:1px solid #ddd}nav.svelte-12qhfyh{display:flex;gap:1rem;align-items:center}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){text-decoration:none;color:#333}main.svelte-12qhfyh{flex:1;padding:1rem}button.svelte-12qhfyh{padding:.5rem 1rem;cursor:pointer}
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/auth.svelte.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/auth.svelte.js
deleted file mode 100644
index 022defe..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/auth.svelte.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import { x as derived } from "./index2.js";
-const STORAGE_KEYS = { PB_TOKEN: "pb_token", SESSION: "auth_session" };
-class AuthStore {
-  _session = null;
-  _loading = true;
-  #isAuthenticated = derived(() => this._session !== null);
-  get isAuthenticated() {
-    return this.#isAuthenticated();
-  }
-  set isAuthenticated($$value) {
-    return this.#isAuthenticated($$value);
-  }
-  get session() {
-    return this._session;
-  }
-  get loading() {
-    return this._loading;
-  }
-  #user = derived(() => this._session ? {
-    email: this._session.email,
-    displayName: this._session.displayName
-  } : null);
-  get user() {
-    return this.#user();
-  }
-  set user($$value) {
-    return this.#user($$value);
-  }
-  constructor() {
-  }
-  /** Call this in onMount to hydrate from localStorage */
-  hydrate() {
-    if (typeof localStorage === "undefined") return;
-    const stored = localStorage.getItem(STORAGE_KEYS.SESSION);
-    if (stored) {
-      try {
-        this._session = JSON.parse(stored);
-      } catch {
-        localStorage.removeItem(STORAGE_KEYS.SESSION);
-        localStorage.removeItem(STORAGE_KEYS.PB_TOKEN);
-      }
-    }
-    this._loading = false;
-  }
-  login(session) {
-    if (typeof localStorage !== "undefined") {
-      localStorage.setItem(STORAGE_KEYS.SESSION, JSON.stringify(session));
-      localStorage.setItem(STORAGE_KEYS.PB_TOKEN, session.pbToken);
-    }
-    this._session = session;
-    this._loading = false;
-  }
-  logout() {
-    if (typeof localStorage !== "undefined") {
-      localStorage.removeItem(STORAGE_KEYS.SESSION);
-      localStorage.removeItem(STORAGE_KEYS.PB_TOKEN);
-    }
-    this._session = null;
-  }
-  /** Redirect to backend auth login */
-  redirectToLogin() {
-    if (typeof window !== "undefined") {
-      window.location.href = "/auth/login";
-    }
-  }
-}
-const auth = new AuthStore();
-export {
-  auth as a
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/context.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/context.js
deleted file mode 100644
index 16593b0..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/context.js
+++ /dev/null
@@ -1,70 +0,0 @@
-function lifecycle_outside_component(name) {
-  {
-    throw new Error(`https://svelte.dev/e/lifecycle_outside_component`);
-  }
-}
-const ATTR_REGEX = /[&"<]/g;
-const CONTENT_REGEX = /[&<]/g;
-function escape_html(value, is_attr) {
-  const str = String(value ?? "");
-  const pattern = is_attr ? ATTR_REGEX : CONTENT_REGEX;
-  pattern.lastIndex = 0;
-  let escaped = "";
-  let last = 0;
-  while (pattern.test(str)) {
-    const i = pattern.lastIndex - 1;
-    const ch = str[i];
-    escaped += str.substring(last, i) + (ch === "&" ? "&amp;" : ch === '"' ? "&quot;" : "&lt;");
-    last = i + 1;
-  }
-  return escaped + str.substring(last);
-}
-var ssr_context = null;
-function set_ssr_context(v) {
-  ssr_context = v;
-}
-function getContext(key) {
-  const context_map = get_or_init_context_map();
-  const result = (
-    /** @type {T} */
-    context_map.get(key)
-  );
-  return result;
-}
-function setContext(key, context) {
-  get_or_init_context_map().set(key, context);
-  return context;
-}
-function get_or_init_context_map(name) {
-  if (ssr_context === null) {
-    lifecycle_outside_component();
-  }
-  return ssr_context.c ??= new Map(get_parent_context(ssr_context) || void 0);
-}
-function push(fn) {
-  ssr_context = { p: ssr_context, c: null, r: null };
-}
-function pop() {
-  ssr_context = /** @type {SSRContext} */
-  ssr_context.p;
-}
-function get_parent_context(ssr_context2) {
-  let parent = ssr_context2.p;
-  while (parent !== null) {
-    const context_map = parent.c;
-    if (context_map !== null) {
-      return context_map;
-    }
-    parent = parent.p;
-  }
-  return null;
-}
-export {
-  set_ssr_context as a,
-  ssr_context as b,
-  pop as c,
-  escape_html as e,
-  getContext as g,
-  push as p,
-  setContext as s
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/environment.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/environment.js
deleted file mode 100644
index 421fed0..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/environment.js
+++ /dev/null
@@ -1,36 +0,0 @@
-const BROWSER = false;
-let base = "";
-let assets = base;
-const app_dir = "_app";
-const relative = true;
-const initial = { base, assets };
-function override(paths) {
-  base = paths.base;
-  assets = paths.assets;
-}
-function reset() {
-  base = initial.base;
-  assets = initial.assets;
-}
-function set_assets(path) {
-  assets = initial.assets = path;
-}
-let prerendering = false;
-function set_building() {
-}
-function set_prerendering() {
-  prerendering = true;
-}
-export {
-  BROWSER as B,
-  assets as a,
-  base as b,
-  app_dir as c,
-  reset as d,
-  set_building as e,
-  set_prerendering as f,
-  override as o,
-  prerendering as p,
-  relative as r,
-  set_assets as s
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/equality.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/equality.js
deleted file mode 100644
index 3c6fc90..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/equality.js
+++ /dev/null
@@ -1,14 +0,0 @@
-function equals(value) {
-  return value === this.v;
-}
-function safe_not_equal(a, b) {
-  return a != a ? b == b : a !== b || a !== null && typeof a === "object" || typeof a === "function";
-}
-function safe_equals(value) {
-  return !safe_not_equal(value, this.v);
-}
-export {
-  safe_not_equal as a,
-  equals as e,
-  safe_equals as s
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/exports.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/exports.js
deleted file mode 100644
index 81554d4..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/exports.js
+++ /dev/null
@@ -1,174 +0,0 @@
-const SCHEME = /^[a-z][a-z\d+\-.]+:/i;
-const internal = new URL("sveltekit-internal://");
-function resolve(base, path) {
-  if (path[0] === "/" && path[1] === "/") return path;
-  let url = new URL(base, internal);
-  url = new URL(path, url);
-  return url.protocol === internal.protocol ? url.pathname + url.search + url.hash : url.href;
-}
-function normalize_path(path, trailing_slash) {
-  if (path === "/" || trailing_slash === "ignore") return path;
-  if (trailing_slash === "never") {
-    return path.endsWith("/") ? path.slice(0, -1) : path;
-  } else if (trailing_slash === "always" && !path.endsWith("/")) {
-    return path + "/";
-  }
-  return path;
-}
-function decode_pathname(pathname) {
-  return pathname.split("%25").map(decodeURI).join("%25");
-}
-function decode_params(params) {
-  for (const key in params) {
-    params[key] = decodeURIComponent(params[key]);
-  }
-  return params;
-}
-function make_trackable(url, callback, search_params_callback, allow_hash = false) {
-  const tracked = new URL(url);
-  Object.defineProperty(tracked, "searchParams", {
-    value: new Proxy(tracked.searchParams, {
-      get(obj, key) {
-        if (key === "get" || key === "getAll" || key === "has") {
-          return (param, ...rest) => {
-            search_params_callback(param);
-            return obj[key](param, ...rest);
-          };
-        }
-        callback();
-        const value = Reflect.get(obj, key);
-        return typeof value === "function" ? value.bind(obj) : value;
-      }
-    }),
-    enumerable: true,
-    configurable: true
-  });
-  const tracked_url_properties = ["href", "pathname", "search", "toString", "toJSON"];
-  if (allow_hash) tracked_url_properties.push("hash");
-  for (const property of tracked_url_properties) {
-    Object.defineProperty(tracked, property, {
-      get() {
-        callback();
-        return url[property];
-      },
-      enumerable: true,
-      configurable: true
-    });
-  }
-  {
-    tracked[Symbol.for("nodejs.util.inspect.custom")] = (depth, opts, inspect) => {
-      return inspect(url, opts);
-    };
-    tracked.searchParams[Symbol.for("nodejs.util.inspect.custom")] = (depth, opts, inspect) => {
-      return inspect(url.searchParams, opts);
-    };
-  }
-  if (!allow_hash) {
-    disable_hash(tracked);
-  }
-  return tracked;
-}
-function disable_hash(url) {
-  allow_nodejs_console_log(url);
-  Object.defineProperty(url, "hash", {
-    get() {
-      throw new Error(
-        "Cannot access event.url.hash. Consider using `page.url.hash` inside a component instead"
-      );
-    }
-  });
-}
-function disable_search(url) {
-  allow_nodejs_console_log(url);
-  for (const property of ["search", "searchParams"]) {
-    Object.defineProperty(url, property, {
-      get() {
-        throw new Error(`Cannot access url.${property} on a page with prerendering enabled`);
-      }
-    });
-  }
-}
-function allow_nodejs_console_log(url) {
-  {
-    url[Symbol.for("nodejs.util.inspect.custom")] = (depth, opts, inspect) => {
-      return inspect(new URL(url), opts);
-    };
-  }
-}
-function validator(expected) {
-  function validate(module, file) {
-    if (!module) return;
-    for (const key in module) {
-      if (key[0] === "_" || expected.has(key)) continue;
-      const values = [...expected.values()];
-      const hint = hint_for_supported_files(key, file?.slice(file.lastIndexOf("."))) ?? `valid exports are ${values.join(", ")}, or anything with a '_' prefix`;
-      throw new Error(`Invalid export '${key}'${file ? ` in ${file}` : ""} (${hint})`);
-    }
-  }
-  return validate;
-}
-function hint_for_supported_files(key, ext = ".js") {
-  const supported_files = [];
-  if (valid_layout_exports.has(key)) {
-    supported_files.push(`+layout${ext}`);
-  }
-  if (valid_page_exports.has(key)) {
-    supported_files.push(`+page${ext}`);
-  }
-  if (valid_layout_server_exports.has(key)) {
-    supported_files.push(`+layout.server${ext}`);
-  }
-  if (valid_page_server_exports.has(key)) {
-    supported_files.push(`+page.server${ext}`);
-  }
-  if (valid_server_exports.has(key)) {
-    supported_files.push(`+server${ext}`);
-  }
-  if (supported_files.length > 0) {
-    return `'${key}' is a valid export in ${supported_files.slice(0, -1).join(", ")}${supported_files.length > 1 ? " or " : ""}${supported_files.at(-1)}`;
-  }
-}
-const valid_layout_exports = /* @__PURE__ */ new Set([
-  "load",
-  "prerender",
-  "csr",
-  "ssr",
-  "trailingSlash",
-  "config"
-]);
-const valid_page_exports = /* @__PURE__ */ new Set([...valid_layout_exports, "entries"]);
-const valid_layout_server_exports = /* @__PURE__ */ new Set([...valid_layout_exports]);
-const valid_page_server_exports = /* @__PURE__ */ new Set([...valid_layout_server_exports, "actions", "entries"]);
-const valid_server_exports = /* @__PURE__ */ new Set([
-  "GET",
-  "POST",
-  "PATCH",
-  "PUT",
-  "DELETE",
-  "OPTIONS",
-  "HEAD",
-  "fallback",
-  "prerender",
-  "trailingSlash",
-  "config",
-  "entries"
-]);
-const validate_layout_exports = validator(valid_layout_exports);
-const validate_page_exports = validator(valid_page_exports);
-const validate_layout_server_exports = validator(valid_layout_server_exports);
-const validate_page_server_exports = validator(valid_page_server_exports);
-const validate_server_exports = validator(valid_server_exports);
-export {
-  SCHEME as S,
-  decode_params as a,
-  validate_layout_exports as b,
-  validate_page_server_exports as c,
-  disable_search as d,
-  validate_page_exports as e,
-  decode_pathname as f,
-  validate_server_exports as g,
-  make_trackable as m,
-  normalize_path as n,
-  resolve as r,
-  validate_layout_server_exports as v
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/index.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/index.js
deleted file mode 100644
index 148262f..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/index.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { n as noop } from "./utils2.js";
-import { a as safe_not_equal } from "./equality.js";
-import "clsx";
-const subscriber_queue = [];
-function readable(value, start) {
-  return {
-    subscribe: writable(value, start).subscribe
-  };
-}
-function writable(value, start = noop) {
-  let stop = null;
-  const subscribers = /* @__PURE__ */ new Set();
-  function set(new_value) {
-    if (safe_not_equal(value, new_value)) {
-      value = new_value;
-      if (stop) {
-        const run_queue = !subscriber_queue.length;
-        for (const subscriber of subscribers) {
-          subscriber[1]();
-          subscriber_queue.push(subscriber, value);
-        }
-        if (run_queue) {
-          for (let i = 0; i < subscriber_queue.length; i += 2) {
-            subscriber_queue[i][0](subscriber_queue[i + 1]);
-          }
-          subscriber_queue.length = 0;
-        }
-      }
-    }
-  }
-  function update(fn) {
-    set(fn(
-      /** @type {T} */
-      value
-    ));
-  }
-  function subscribe(run, invalidate = noop) {
-    const subscriber = [run, invalidate];
-    subscribers.add(subscriber);
-    if (subscribers.size === 1) {
-      stop = start(set, update) || noop;
-    }
-    run(
-      /** @type {T} */
-      value
-    );
-    return () => {
-      subscribers.delete(subscriber);
-      if (subscribers.size === 0 && stop) {
-        stop();
-        stop = null;
-      }
-    };
-  }
-  return { set, update, subscribe };
-}
-export {
-  readable as r,
-  writable as w
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/index2.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/index2.js
deleted file mode 100644
index 30db006..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/index2.js
+++ /dev/null
@@ -1,1002 +0,0 @@
-import { e as escape_html, a as set_ssr_context, b as ssr_context, p as push, c as pop } from "./context.js";
-import { clsx as clsx$1 } from "clsx";
-import * as devalue from "devalue";
-const DERIVED = 1 << 1;
-const EFFECT = 1 << 2;
-const RENDER_EFFECT = 1 << 3;
-const MANAGED_EFFECT = 1 << 24;
-const BLOCK_EFFECT = 1 << 4;
-const BRANCH_EFFECT = 1 << 5;
-const ROOT_EFFECT = 1 << 6;
-const BOUNDARY_EFFECT = 1 << 7;
-const CONNECTED = 1 << 9;
-const CLEAN = 1 << 10;
-const DIRTY = 1 << 11;
-const MAYBE_DIRTY = 1 << 12;
-const INERT = 1 << 13;
-const DESTROYED = 1 << 14;
-const EFFECT_RAN = 1 << 15;
-const EFFECT_TRANSPARENT = 1 << 16;
-const EAGER_EFFECT = 1 << 17;
-const HEAD_EFFECT = 1 << 18;
-const EFFECT_PRESERVED = 1 << 19;
-const USER_EFFECT = 1 << 20;
-const WAS_MARKED = 1 << 15;
-const REACTION_IS_UPDATING = 1 << 21;
-const ASYNC = 1 << 22;
-const ERROR_VALUE = 1 << 23;
-const STATE_SYMBOL = Symbol("$state");
-const LEGACY_PROPS = Symbol("legacy props");
-const STALE_REACTION = new class StaleReactionError extends Error {
-  name = "StaleReactionError";
-  message = "The reaction that called `getAbortSignal()` was re-run or destroyed";
-}();
-const COMMENT_NODE = 8;
-const HYDRATION_START = "[";
-const HYDRATION_START_ELSE = "[!";
-const HYDRATION_END = "]";
-const HYDRATION_ERROR = {};
-const ELEMENT_IS_NAMESPACED = 1;
-const ELEMENT_PRESERVE_ATTRIBUTE_CASE = 1 << 1;
-const ELEMENT_IS_INPUT = 1 << 2;
-const UNINITIALIZED = Symbol();
-const DOM_BOOLEAN_ATTRIBUTES = [
-  "allowfullscreen",
-  "async",
-  "autofocus",
-  "autoplay",
-  "checked",
-  "controls",
-  "default",
-  "disabled",
-  "formnovalidate",
-  "indeterminate",
-  "inert",
-  "ismap",
-  "loop",
-  "multiple",
-  "muted",
-  "nomodule",
-  "novalidate",
-  "open",
-  "playsinline",
-  "readonly",
-  "required",
-  "reversed",
-  "seamless",
-  "selected",
-  "webkitdirectory",
-  "defer",
-  "disablepictureinpicture",
-  "disableremoteplayback"
-];
-function is_boolean_attribute(name) {
-  return DOM_BOOLEAN_ATTRIBUTES.includes(name);
-}
-const PASSIVE_EVENTS = ["touchstart", "touchmove"];
-function is_passive_event(name) {
-  return PASSIVE_EVENTS.includes(name);
-}
-const replacements = {
-  translate: /* @__PURE__ */ new Map([
-    [true, "yes"],
-    [false, "no"]
-  ])
-};
-function attr(name, value, is_boolean = false) {
-  if (name === "hidden" && value !== "until-found") {
-    is_boolean = true;
-  }
-  if (value == null || !value && is_boolean) return "";
-  const normalized = name in replacements && replacements[name].get(value) || value;
-  const assignment = is_boolean ? "" : `="${escape_html(normalized, true)}"`;
-  return ` ${name}${assignment}`;
-}
-function clsx(value) {
-  if (typeof value === "object") {
-    return clsx$1(value);
-  } else {
-    return value ?? "";
-  }
-}
-const whitespace = [..." 	\n\r\f \v\uFEFF"];
-function to_class(value, hash, directives) {
-  var classname = value == null ? "" : "" + value;
-  if (hash) {
-    classname = classname ? classname + " " + hash : hash;
-  }
-  if (directives) {
-    for (var key in directives) {
-      if (directives[key]) {
-        classname = classname ? classname + " " + key : key;
-      } else if (classname.length) {
-        var len = key.length;
-        var a = 0;
-        while ((a = classname.indexOf(key, a)) >= 0) {
-          var b = a + len;
-          if ((a === 0 || whitespace.includes(classname[a - 1])) && (b === classname.length || whitespace.includes(classname[b]))) {
-            classname = (a === 0 ? "" : classname.substring(0, a)) + classname.substring(b + 1);
-          } else {
-            a = b;
-          }
-        }
-      }
-    }
-  }
-  return classname === "" ? null : classname;
-}
-function append_styles(styles, important = false) {
-  var separator = important ? " !important;" : ";";
-  var css = "";
-  for (var key in styles) {
-    var value = styles[key];
-    if (value != null && value !== "") {
-      css += " " + key + ": " + value + separator;
-    }
-  }
-  return css;
-}
-function to_css_name(name) {
-  if (name[0] !== "-" || name[1] !== "-") {
-    return name.toLowerCase();
-  }
-  return name;
-}
-function to_style(value, styles) {
-  if (styles) {
-    var new_style = "";
-    var normal_styles;
-    var important_styles;
-    if (Array.isArray(styles)) {
-      normal_styles = styles[0];
-      important_styles = styles[1];
-    } else {
-      normal_styles = styles;
-    }
-    if (value) {
-      value = String(value).replaceAll(/\s*\/\*.*?\*\/\s*/g, "").trim();
-      var in_str = false;
-      var in_apo = 0;
-      var in_comment = false;
-      var reserved_names = [];
-      if (normal_styles) {
-        reserved_names.push(...Object.keys(normal_styles).map(to_css_name));
-      }
-      if (important_styles) {
-        reserved_names.push(...Object.keys(important_styles).map(to_css_name));
-      }
-      var start_index = 0;
-      var name_index = -1;
-      const len = value.length;
-      for (var i = 0; i < len; i++) {
-        var c = value[i];
-        if (in_comment) {
-          if (c === "/" && value[i - 1] === "*") {
-            in_comment = false;
-          }
-        } else if (in_str) {
-          if (in_str === c) {
-            in_str = false;
-          }
-        } else if (c === "/" && value[i + 1] === "*") {
-          in_comment = true;
-        } else if (c === '"' || c === "'") {
-          in_str = c;
-        } else if (c === "(") {
-          in_apo++;
-        } else if (c === ")") {
-          in_apo--;
-        }
-        if (!in_comment && in_str === false && in_apo === 0) {
-          if (c === ":" && name_index === -1) {
-            name_index = i;
-          } else if (c === ";" || i === len - 1) {
-            if (name_index !== -1) {
-              var name = to_css_name(value.substring(start_index, name_index).trim());
-              if (!reserved_names.includes(name)) {
-                if (c !== ";") {
-                  i++;
-                }
-                var property = value.substring(start_index, i).trim();
-                new_style += " " + property + ";";
-              }
-            }
-            start_index = i + 1;
-            name_index = -1;
-          }
-        }
-      }
-    }
-    if (normal_styles) {
-      new_style += append_styles(normal_styles);
-    }
-    if (important_styles) {
-      new_style += append_styles(important_styles, true);
-    }
-    new_style = new_style.trim();
-    return new_style === "" ? null : new_style;
-  }
-  return value == null ? null : String(value);
-}
-const BLOCK_OPEN = `<!--${HYDRATION_START}-->`;
-const BLOCK_CLOSE = `<!--${HYDRATION_END}-->`;
-const EMPTY_COMMENT = `<!---->`;
-let controller = null;
-function abort() {
-  controller?.abort(STALE_REACTION);
-  controller = null;
-}
-function await_invalid() {
-  const error = new Error(`await_invalid
-Encountered asynchronous work while rendering synchronously.
-https://svelte.dev/e/await_invalid`);
-  error.name = "Svelte error";
-  throw error;
-}
-function invalid_csp() {
-  const error = new Error(`invalid_csp
-\`csp.nonce\` was set while \`csp.hash\` was \`true\`. These options cannot be used simultaneously.
-https://svelte.dev/e/invalid_csp`);
-  error.name = "Svelte error";
-  throw error;
-}
-function server_context_required() {
-  const error = new Error(`server_context_required
-Could not resolve \`render\` context.
-https://svelte.dev/e/server_context_required`);
-  error.name = "Svelte error";
-  throw error;
-}
-function unresolved_hydratable(key, stack) {
-  {
-    console.warn(`https://svelte.dev/e/unresolved_hydratable`);
-  }
-}
-function get_render_context() {
-  const store = als?.getStore();
-  {
-    server_context_required();
-  }
-  return store;
-}
-let als = null;
-let text_encoder;
-let crypto;
-async function sha256(data) {
-  text_encoder ??= new TextEncoder();
-  crypto ??= globalThis.crypto?.subtle?.digest ? globalThis.crypto : (
-    // @ts-ignore - we don't install node types in the prod build
-    (await import("node:crypto")).webcrypto
-  );
-  const hash_buffer = await crypto.subtle.digest("SHA-256", text_encoder.encode(data));
-  return base64_encode(hash_buffer);
-}
-function base64_encode(bytes) {
-  if (globalThis.Buffer) {
-    return globalThis.Buffer.from(bytes).toString("base64");
-  }
-  let binary = "";
-  for (let i = 0; i < bytes.length; i++) {
-    binary += String.fromCharCode(bytes[i]);
-  }
-  return btoa(binary);
-}
-class Renderer {
-  /**
-   * The contents of the renderer.
-   * @type {RendererItem[]}
-   */
-  #out = [];
-  /**
-   * Any `onDestroy` callbacks registered during execution of this renderer.
-   * @type {(() => void)[] | undefined}
-   */
-  #on_destroy = void 0;
-  /**
-   * Whether this renderer is a component body.
-   * @type {boolean}
-   */
-  #is_component_body = false;
-  /**
-   * The type of string content that this renderer is accumulating.
-   * @type {RendererType}
-   */
-  type;
-  /** @type {Renderer | undefined} */
-  #parent;
-  /**
-   * Asynchronous work associated with this renderer
-   * @type {Promise<void> | undefined}
-   */
-  promise = void 0;
-  /**
-   * State which is associated with the content tree as a whole.
-   * It will be re-exposed, uncopied, on all children.
-   * @type {SSRState}
-   * @readonly
-   */
-  global;
-  /**
-   * State that is local to the branch it is declared in.
-   * It will be shallow-copied to all children.
-   *
-   * @type {{ select_value: string | undefined }}
-   */
-  local;
-  /**
-   * @param {SSRState} global
-   * @param {Renderer | undefined} [parent]
-   */
-  constructor(global, parent) {
-    this.#parent = parent;
-    this.global = global;
-    this.local = parent ? { ...parent.local } : { select_value: void 0 };
-    this.type = parent ? parent.type : "body";
-  }
-  /**
-   * @param {(renderer: Renderer) => void} fn
-   */
-  head(fn) {
-    const head2 = new Renderer(this.global, this);
-    head2.type = "head";
-    this.#out.push(head2);
-    head2.child(fn);
-  }
-  /**
-   * @param {Array<Promise<void>>} blockers
-   * @param {(renderer: Renderer) => void} fn
-   */
-  async_block(blockers, fn) {
-    this.#out.push(BLOCK_OPEN);
-    this.async(blockers, fn);
-    this.#out.push(BLOCK_CLOSE);
-  }
-  /**
-   * @param {Array<Promise<void>>} blockers
-   * @param {(renderer: Renderer) => void} fn
-   */
-  async(blockers, fn) {
-    let callback = fn;
-    if (blockers.length > 0) {
-      const context = ssr_context;
-      callback = (renderer) => {
-        return Promise.all(blockers).then(() => {
-          const previous_context = ssr_context;
-          try {
-            set_ssr_context(context);
-            return fn(renderer);
-          } finally {
-            set_ssr_context(previous_context);
-          }
-        });
-      };
-    }
-    this.child(callback);
-  }
-  /**
-   * @param {Array<() => void>} thunks
-   */
-  run(thunks) {
-    const context = ssr_context;
-    let promise = Promise.resolve(thunks[0]());
-    const promises = [promise];
-    for (const fn of thunks.slice(1)) {
-      promise = promise.then(() => {
-        const previous_context = ssr_context;
-        set_ssr_context(context);
-        try {
-          return fn();
-        } finally {
-          set_ssr_context(previous_context);
-        }
-      });
-      promises.push(promise);
-    }
-    return promises;
-  }
-  /**
-   * Create a child renderer. The child renderer inherits the state from the parent,
-   * but has its own content.
-   * @param {(renderer: Renderer) => MaybePromise<void>} fn
-   */
-  child(fn) {
-    const child = new Renderer(this.global, this);
-    this.#out.push(child);
-    const parent = ssr_context;
-    set_ssr_context({
-      ...ssr_context,
-      p: parent,
-      c: null,
-      r: child
-    });
-    const result = fn(child);
-    set_ssr_context(parent);
-    if (result instanceof Promise) {
-      if (child.global.mode === "sync") {
-        await_invalid();
-      }
-      result.catch(() => {
-      });
-      child.promise = result;
-    }
-    return child;
-  }
-  /**
-   * Create a component renderer. The component renderer inherits the state from the parent,
-   * but has its own content. It is treated as an ordering boundary for ondestroy callbacks.
-   * @param {(renderer: Renderer) => MaybePromise<void>} fn
-   * @param {Function} [component_fn]
-   * @returns {void}
-   */
-  component(fn, component_fn) {
-    push();
-    const child = this.child(fn);
-    child.#is_component_body = true;
-    pop();
-  }
-  /**
-   * @param {Record<string, any>} attrs
-   * @param {(renderer: Renderer) => void} fn
-   * @param {string | undefined} [css_hash]
-   * @param {Record<string, boolean> | undefined} [classes]
-   * @param {Record<string, string> | undefined} [styles]
-   * @param {number | undefined} [flags]
-   * @param {boolean | undefined} [is_rich]
-   * @returns {void}
-   */
-  select(attrs, fn, css_hash, classes, styles, flags, is_rich) {
-    const { value, ...select_attrs } = attrs;
-    this.push(`<select${attributes(select_attrs, css_hash, classes, styles, flags)}>`);
-    this.child((renderer) => {
-      renderer.local.select_value = value;
-      fn(renderer);
-    });
-    this.push(`${is_rich ? "<!>" : ""}</select>`);
-  }
-  /**
-   * @param {Record<string, any>} attrs
-   * @param {string | number | boolean | ((renderer: Renderer) => void)} body
-   * @param {string | undefined} [css_hash]
-   * @param {Record<string, boolean> | undefined} [classes]
-   * @param {Record<string, string> | undefined} [styles]
-   * @param {number | undefined} [flags]
-   * @param {boolean | undefined} [is_rich]
-   */
-  option(attrs, body, css_hash, classes, styles, flags, is_rich) {
-    this.#out.push(`<option${attributes(attrs, css_hash, classes, styles, flags)}`);
-    const close = (renderer, value, { head: head2, body: body2 }) => {
-      if ("value" in attrs) {
-        value = attrs.value;
-      }
-      if (value === this.local.select_value) {
-        renderer.#out.push(" selected");
-      }
-      renderer.#out.push(`>${body2}${is_rich ? "<!>" : ""}</option>`);
-      if (head2) {
-        renderer.head((child) => child.push(head2));
-      }
-    };
-    if (typeof body === "function") {
-      this.child((renderer) => {
-        const r = new Renderer(this.global, this);
-        body(r);
-        if (this.global.mode === "async") {
-          return r.#collect_content_async().then((content) => {
-            close(renderer, content.body.replaceAll("<!---->", ""), content);
-          });
-        } else {
-          const content = r.#collect_content();
-          close(renderer, content.body.replaceAll("<!---->", ""), content);
-        }
-      });
-    } else {
-      close(this, body, { body });
-    }
-  }
-  /**
-   * @param {(renderer: Renderer) => void} fn
-   */
-  title(fn) {
-    const path = this.get_path();
-    const close = (head2) => {
-      this.global.set_title(head2, path);
-    };
-    this.child((renderer) => {
-      const r = new Renderer(renderer.global, renderer);
-      fn(r);
-      if (renderer.global.mode === "async") {
-        return r.#collect_content_async().then((content) => {
-          close(content.head);
-        });
-      } else {
-        const content = r.#collect_content();
-        close(content.head);
-      }
-    });
-  }
-  /**
-   * @param {string | (() => Promise<string>)} content
-   */
-  push(content) {
-    if (typeof content === "function") {
-      this.child(async (renderer) => renderer.push(await content()));
-    } else {
-      this.#out.push(content);
-    }
-  }
-  /**
-   * @param {() => void} fn
-   */
-  on_destroy(fn) {
-    (this.#on_destroy ??= []).push(fn);
-  }
-  /**
-   * @returns {number[]}
-   */
-  get_path() {
-    return this.#parent ? [...this.#parent.get_path(), this.#parent.#out.indexOf(this)] : [];
-  }
-  /**
-   * @deprecated this is needed for legacy component bindings
-   */
-  copy() {
-    const copy = new Renderer(this.global, this.#parent);
-    copy.#out = this.#out.map((item) => item instanceof Renderer ? item.copy() : item);
-    copy.promise = this.promise;
-    return copy;
-  }
-  /**
-   * @param {Renderer} other
-   * @deprecated this is needed for legacy component bindings
-   */
-  subsume(other) {
-    if (this.global.mode !== other.global.mode) {
-      throw new Error(
-        "invariant: A renderer cannot switch modes. If you're seeing this, there's a compiler bug. File an issue!"
-      );
-    }
-    this.local = other.local;
-    this.#out = other.#out.map((item) => {
-      if (item instanceof Renderer) {
-        item.subsume(item);
-      }
-      return item;
-    });
-    this.promise = other.promise;
-    this.type = other.type;
-  }
-  get length() {
-    return this.#out.length;
-  }
-  /**
-   * Only available on the server and when compiling with the `server` option.
-   * Takes a component and returns an object with `body` and `head` properties on it, which you can use to populate the HTML when server-rendering your app.
-   * @template {Record<string, any>} Props
-   * @param {Component<Props>} component
-   * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string; csp?: Csp }} [options]
-   * @returns {RenderOutput}
-   */
-  static render(component, options = {}) {
-    let sync;
-    const result = (
-      /** @type {RenderOutput} */
-      {}
-    );
-    Object.defineProperties(result, {
-      html: {
-        get: () => {
-          return (sync ??= Renderer.#render(component, options)).body;
-        }
-      },
-      head: {
-        get: () => {
-          return (sync ??= Renderer.#render(component, options)).head;
-        }
-      },
-      body: {
-        get: () => {
-          return (sync ??= Renderer.#render(component, options)).body;
-        }
-      },
-      hashes: {
-        value: {
-          script: ""
-        }
-      },
-      then: {
-        value: (
-          /**
-           * this is not type-safe, but honestly it's the best I can do right now, and it's a straightforward function.
-           *
-           * @template TResult1
-           * @template [TResult2=never]
-           * @param { (value: SyncRenderOutput) => TResult1 } onfulfilled
-           * @param { (reason: unknown) => TResult2 } onrejected
-           */
-          (onfulfilled, onrejected) => {
-            {
-              const result2 = sync ??= Renderer.#render(component, options);
-              const user_result = onfulfilled({
-                head: result2.head,
-                body: result2.body,
-                html: result2.body,
-                hashes: { script: [] }
-              });
-              return Promise.resolve(user_result);
-            }
-          }
-        )
-      }
-    });
-    return result;
-  }
-  /**
-   * Collect all of the `onDestroy` callbacks registered during rendering. In an async context, this is only safe to call
-   * after awaiting `collect_async`.
-   *
-   * Child renderers are "porous" and don't affect execution order, but component body renderers
-   * create ordering boundaries. Within a renderer, callbacks run in order until hitting a component boundary.
-   * @returns {Iterable<() => void>}
-   */
-  *#collect_on_destroy() {
-    for (const component of this.#traverse_components()) {
-      yield* component.#collect_ondestroy();
-    }
-  }
-  /**
-   * Performs a depth-first search of renderers, yielding the deepest components first, then additional components as we backtrack up the tree.
-   * @returns {Iterable<Renderer>}
-   */
-  *#traverse_components() {
-    for (const child of this.#out) {
-      if (typeof child !== "string") {
-        yield* child.#traverse_components();
-      }
-    }
-    if (this.#is_component_body) {
-      yield this;
-    }
-  }
-  /**
-   * @returns {Iterable<() => void>}
-   */
-  *#collect_ondestroy() {
-    if (this.#on_destroy) {
-      for (const fn of this.#on_destroy) {
-        yield fn;
-      }
-    }
-    for (const child of this.#out) {
-      if (child instanceof Renderer && !child.#is_component_body) {
-        yield* child.#collect_ondestroy();
-      }
-    }
-  }
-  /**
-   * Render a component. Throws if any of the children are performing asynchronous work.
-   *
-   * @template {Record<string, any>} Props
-   * @param {Component<Props>} component
-   * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string }} options
-   * @returns {AccumulatedContent}
-   */
-  static #render(component, options) {
-    var previous_context = ssr_context;
-    try {
-      const renderer = Renderer.#open_render("sync", component, options);
-      const content = renderer.#collect_content();
-      return Renderer.#close_render(content, renderer);
-    } finally {
-      abort();
-      set_ssr_context(previous_context);
-    }
-  }
-  /**
-   * Render a component.
-   *
-   * @template {Record<string, any>} Props
-   * @param {Component<Props>} component
-   * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string; csp?: Csp }} options
-   * @returns {Promise<AccumulatedContent & { hashes: { script: Sha256Source[] } }>}
-   */
-  static async #render_async(component, options) {
-    const previous_context = ssr_context;
-    try {
-      const renderer = Renderer.#open_render("async", component, options);
-      const content = await renderer.#collect_content_async();
-      const hydratables = await renderer.#collect_hydratables();
-      if (hydratables !== null) {
-        content.head = hydratables + content.head;
-      }
-      return Renderer.#close_render(content, renderer);
-    } finally {
-      set_ssr_context(previous_context);
-      abort();
-    }
-  }
-  /**
-   * Collect all of the code from the `out` array and return it as a string, or a promise resolving to a string.
-   * @param {AccumulatedContent} content
-   * @returns {AccumulatedContent}
-   */
-  #collect_content(content = { head: "", body: "" }) {
-    for (const item of this.#out) {
-      if (typeof item === "string") {
-        content[this.type] += item;
-      } else if (item instanceof Renderer) {
-        item.#collect_content(content);
-      }
-    }
-    return content;
-  }
-  /**
-   * Collect all of the code from the `out` array and return it as a string.
-   * @param {AccumulatedContent} content
-   * @returns {Promise<AccumulatedContent>}
-   */
-  async #collect_content_async(content = { head: "", body: "" }) {
-    await this.promise;
-    for (const item of this.#out) {
-      if (typeof item === "string") {
-        content[this.type] += item;
-      } else if (item instanceof Renderer) {
-        await item.#collect_content_async(content);
-      }
-    }
-    return content;
-  }
-  async #collect_hydratables() {
-    const ctx = get_render_context().hydratable;
-    for (const [_, key] of ctx.unresolved_promises) {
-      unresolved_hydratable(key, ctx.lookup.get(key)?.stack ?? "<missing stack trace>");
-    }
-    for (const comparison of ctx.comparisons) {
-      await comparison;
-    }
-    return await this.#hydratable_block(ctx);
-  }
-  /**
-   * @template {Record<string, any>} Props
-   * @param {'sync' | 'async'} mode
-   * @param {import('svelte').Component<Props>} component
-   * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string; csp?: Csp }} options
-   * @returns {Renderer}
-   */
-  static #open_render(mode, component, options) {
-    const renderer = new Renderer(
-      new SSRState(mode, options.idPrefix ? options.idPrefix + "-" : "", options.csp)
-    );
-    renderer.push(BLOCK_OPEN);
-    if (options.context) {
-      push();
-      ssr_context.c = options.context;
-      ssr_context.r = renderer;
-    }
-    component(renderer, options.props ?? {});
-    if (options.context) {
-      pop();
-    }
-    renderer.push(BLOCK_CLOSE);
-    return renderer;
-  }
-  /**
-   * @param {AccumulatedContent} content
-   * @param {Renderer} renderer
-   * @returns {AccumulatedContent & { hashes: { script: Sha256Source[] } }}
-   */
-  static #close_render(content, renderer) {
-    for (const cleanup of renderer.#collect_on_destroy()) {
-      cleanup();
-    }
-    let head2 = content.head + renderer.global.get_title();
-    let body = content.body;
-    for (const { hash, code } of renderer.global.css) {
-      head2 += `<style id="${hash}">${code}</style>`;
-    }
-    return {
-      head: head2,
-      body,
-      hashes: {
-        script: renderer.global.csp.script_hashes
-      }
-    };
-  }
-  /**
-   * @param {HydratableContext} ctx
-   */
-  async #hydratable_block(ctx) {
-    if (ctx.lookup.size === 0) {
-      return null;
-    }
-    let entries = [];
-    let has_promises = false;
-    for (const [k, v] of ctx.lookup) {
-      if (v.promises) {
-        has_promises = true;
-        for (const p of v.promises) await p;
-      }
-      entries.push(`[${devalue.uneval(k)},${v.serialized}]`);
-    }
-    let prelude = `const h = (window.__svelte ??= {}).h ??= new Map();`;
-    if (has_promises) {
-      prelude = `const r = (v) => Promise.resolve(v);
-				${prelude}`;
-    }
-    const body = `
-			{
-				${prelude}
-
-				for (const [k, v] of [
-					${entries.join(",\n					")}
-				]) {
-					h.set(k, v);
-				}
-			}
-		`;
-    let csp_attr = "";
-    if (this.global.csp.nonce) {
-      csp_attr = ` nonce="${this.global.csp.nonce}"`;
-    } else if (this.global.csp.hash) {
-      const hash = await sha256(body);
-      this.global.csp.script_hashes.push(`sha256-${hash}`);
-    }
-    return `
-		<script${csp_attr}>${body}<\/script>`;
-  }
-}
-class SSRState {
-  /** @readonly @type {Csp & { script_hashes: Sha256Source[] }} */
-  csp;
-  /** @readonly @type {'sync' | 'async'} */
-  mode;
-  /** @readonly @type {() => string} */
-  uid;
-  /** @readonly @type {Set<{ hash: string; code: string }>} */
-  css = /* @__PURE__ */ new Set();
-  /** @type {{ path: number[], value: string }} */
-  #title = { path: [], value: "" };
-  /**
-   * @param {'sync' | 'async'} mode
-   * @param {string} id_prefix
-   * @param {Csp} csp
-   */
-  constructor(mode, id_prefix = "", csp = { hash: false }) {
-    this.mode = mode;
-    this.csp = { ...csp, script_hashes: [] };
-    let uid = 1;
-    this.uid = () => `${id_prefix}s${uid++}`;
-  }
-  get_title() {
-    return this.#title.value;
-  }
-  /**
-   * Performs a depth-first (lexicographic) comparison using the path. Rejects sets
-   * from earlier than or equal to the current value.
-   * @param {string} value
-   * @param {number[]} path
-   */
-  set_title(value, path) {
-    const current = this.#title.path;
-    let i = 0;
-    let l = Math.min(path.length, current.length);
-    while (i < l && path[i] === current[i]) i += 1;
-    if (path[i] === void 0) return;
-    if (current[i] === void 0 || path[i] > current[i]) {
-      this.#title.path = path;
-      this.#title.value = value;
-    }
-  }
-}
-const INVALID_ATTR_NAME_CHAR_REGEX = /[\s'">/=\u{FDD0}-\u{FDEF}\u{FFFE}\u{FFFF}\u{1FFFE}\u{1FFFF}\u{2FFFE}\u{2FFFF}\u{3FFFE}\u{3FFFF}\u{4FFFE}\u{4FFFF}\u{5FFFE}\u{5FFFF}\u{6FFFE}\u{6FFFF}\u{7FFFE}\u{7FFFF}\u{8FFFE}\u{8FFFF}\u{9FFFE}\u{9FFFF}\u{AFFFE}\u{AFFFF}\u{BFFFE}\u{BFFFF}\u{CFFFE}\u{CFFFF}\u{DFFFE}\u{DFFFF}\u{EFFFE}\u{EFFFF}\u{FFFFE}\u{FFFFF}\u{10FFFE}\u{10FFFF}]/u;
-function render(component, options = {}) {
-  if (options.csp?.hash && options.csp.nonce) {
-    invalid_csp();
-  }
-  return Renderer.render(
-    /** @type {Component<Props>} */
-    component,
-    options
-  );
-}
-function head(hash, renderer, fn) {
-  renderer.head((renderer2) => {
-    renderer2.push(`<!--${hash}-->`);
-    renderer2.child(fn);
-    renderer2.push(EMPTY_COMMENT);
-  });
-}
-function attributes(attrs, css_hash, classes, styles, flags = 0) {
-  if (styles) {
-    attrs.style = to_style(attrs.style, styles);
-  }
-  if (attrs.class) {
-    attrs.class = clsx(attrs.class);
-  }
-  if (css_hash || classes) {
-    attrs.class = to_class(attrs.class, css_hash, classes);
-  }
-  let attr_str = "";
-  let name;
-  const is_html = (flags & ELEMENT_IS_NAMESPACED) === 0;
-  const lowercase = (flags & ELEMENT_PRESERVE_ATTRIBUTE_CASE) === 0;
-  const is_input = (flags & ELEMENT_IS_INPUT) !== 0;
-  for (name in attrs) {
-    if (typeof attrs[name] === "function") continue;
-    if (name[0] === "$" && name[1] === "$") continue;
-    if (INVALID_ATTR_NAME_CHAR_REGEX.test(name)) continue;
-    var value = attrs[name];
-    if (lowercase) {
-      name = name.toLowerCase();
-    }
-    if (is_input) {
-      if (name === "defaultvalue" || name === "defaultchecked") {
-        name = name === "defaultvalue" ? "value" : "checked";
-        if (attrs[name]) continue;
-      }
-    }
-    attr_str += attr(name, value, is_html && is_boolean_attribute(name));
-  }
-  return attr_str;
-}
-function once(get_value) {
-  let value = (
-    /** @type {V} */
-    UNINITIALIZED
-  );
-  return () => {
-    if (value === UNINITIALIZED) {
-      value = get_value();
-    }
-    return value;
-  };
-}
-function derived(fn) {
-  const get_value = once(fn);
-  let updated_value;
-  return function(new_value) {
-    if (arguments.length === 0) {
-      return updated_value ?? get_value();
-    }
-    updated_value = new_value;
-    return updated_value;
-  };
-}
-export {
-  ASYNC as A,
-  BOUNDARY_EFFECT as B,
-  COMMENT_NODE as C,
-  DIRTY as D,
-  ERROR_VALUE as E,
-  HYDRATION_ERROR as H,
-  INERT as I,
-  LEGACY_PROPS as L,
-  MAYBE_DIRTY as M,
-  ROOT_EFFECT as R,
-  STATE_SYMBOL as S,
-  UNINITIALIZED as U,
-  WAS_MARKED as W,
-  HYDRATION_END as a,
-  HYDRATION_START as b,
-  HYDRATION_START_ELSE as c,
-  EFFECT_RAN as d,
-  CONNECTED as e,
-  CLEAN as f,
-  DERIVED as g,
-  EFFECT as h,
-  BLOCK_EFFECT as i,
-  BRANCH_EFFECT as j,
-  RENDER_EFFECT as k,
-  MANAGED_EFFECT as l,
-  DESTROYED as m,
-  HEAD_EFFECT as n,
-  EFFECT_TRANSPARENT as o,
-  EFFECT_PRESERVED as p,
-  EAGER_EFFECT as q,
-  STALE_REACTION as r,
-  USER_EFFECT as s,
-  REACTION_IS_UPDATING as t,
-  is_passive_event as u,
-  render as v,
-  head as w,
-  derived as x
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/internal.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/internal.js
deleted file mode 100644
index 5226ad2..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/internal.js
+++ /dev/null
@@ -1,2669 +0,0 @@
-import { H as HYDRATION_ERROR, C as COMMENT_NODE, a as HYDRATION_END, b as HYDRATION_START, c as HYDRATION_START_ELSE, B as BOUNDARY_EFFECT, E as ERROR_VALUE, d as EFFECT_RAN, e as CONNECTED, f as CLEAN, M as MAYBE_DIRTY, D as DIRTY, g as DERIVED, W as WAS_MARKED, I as INERT, h as EFFECT, i as BLOCK_EFFECT, U as UNINITIALIZED, j as BRANCH_EFFECT, R as ROOT_EFFECT, k as RENDER_EFFECT, l as MANAGED_EFFECT, m as DESTROYED, A as ASYNC, n as HEAD_EFFECT, o as EFFECT_TRANSPARENT, p as EFFECT_PRESERVED, q as EAGER_EFFECT, S as STATE_SYMBOL, r as STALE_REACTION, s as USER_EFFECT, t as REACTION_IS_UPDATING, u as is_passive_event, L as LEGACY_PROPS, v as render } from "./index2.js";
-import { B as BROWSER } from "./environment.js";
-import { r as run_all, d as deferred, o as object_prototype, a as array_prototype, g as get_descriptor, b as get_prototype_of, i as is_array, c as is_extensible, e as index_of, f as define_property, h as array_from } from "./utils2.js";
-import { s as safe_equals, e as equals } from "./equality.js";
-import "clsx";
-import { s as setContext } from "./context.js";
-let public_env = {};
-function set_private_env(environment) {
-}
-function set_public_env(environment) {
-  public_env = environment;
-}
-function effect_update_depth_exceeded() {
-  {
-    throw new Error(`https://svelte.dev/e/effect_update_depth_exceeded`);
-  }
-}
-function hydration_failed() {
-  {
-    throw new Error(`https://svelte.dev/e/hydration_failed`);
-  }
-}
-function state_descriptors_fixed() {
-  {
-    throw new Error(`https://svelte.dev/e/state_descriptors_fixed`);
-  }
-}
-function state_prototype_fixed() {
-  {
-    throw new Error(`https://svelte.dev/e/state_prototype_fixed`);
-  }
-}
-function state_unsafe_mutation() {
-  {
-    throw new Error(`https://svelte.dev/e/state_unsafe_mutation`);
-  }
-}
-function svelte_boundary_reset_onerror() {
-  {
-    throw new Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`);
-  }
-}
-function hydration_mismatch(location) {
-  {
-    console.warn(`https://svelte.dev/e/hydration_mismatch`);
-  }
-}
-function svelte_boundary_reset_noop() {
-  {
-    console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
-  }
-}
-let hydrating = false;
-function set_hydrating(value) {
-  hydrating = value;
-}
-let hydrate_node;
-function set_hydrate_node(node) {
-  if (node === null) {
-    hydration_mismatch();
-    throw HYDRATION_ERROR;
-  }
-  return hydrate_node = node;
-}
-function hydrate_next() {
-  return set_hydrate_node(/* @__PURE__ */ get_next_sibling(hydrate_node));
-}
-function next(count = 1) {
-  if (hydrating) {
-    var i = count;
-    var node = hydrate_node;
-    while (i--) {
-      node = /** @type {TemplateNode} */
-      /* @__PURE__ */ get_next_sibling(node);
-    }
-    hydrate_node = node;
-  }
-}
-function skip_nodes(remove = true) {
-  var depth = 0;
-  var node = hydrate_node;
-  while (true) {
-    if (node.nodeType === COMMENT_NODE) {
-      var data = (
-        /** @type {Comment} */
-        node.data
-      );
-      if (data === HYDRATION_END) {
-        if (depth === 0) return node;
-        depth -= 1;
-      } else if (data === HYDRATION_START || data === HYDRATION_START_ELSE) {
-        depth += 1;
-      }
-    }
-    var next2 = (
-      /** @type {TemplateNode} */
-      /* @__PURE__ */ get_next_sibling(node)
-    );
-    if (remove) node.remove();
-    node = next2;
-  }
-}
-let tracing_mode_flag = false;
-let component_context = null;
-function set_component_context(context) {
-  component_context = context;
-}
-function push(props, runes = false, fn) {
-  component_context = {
-    p: component_context,
-    i: false,
-    c: null,
-    e: null,
-    s: props,
-    x: null,
-    l: null
-  };
-}
-function pop(component) {
-  var context = (
-    /** @type {ComponentContext} */
-    component_context
-  );
-  var effects = context.e;
-  if (effects !== null) {
-    context.e = null;
-    for (var fn of effects) {
-      create_user_effect(fn);
-    }
-  }
-  context.i = true;
-  component_context = context.p;
-  return (
-    /** @type {T} */
-    {}
-  );
-}
-function is_runes() {
-  return true;
-}
-let micro_tasks = [];
-function run_micro_tasks() {
-  var tasks = micro_tasks;
-  micro_tasks = [];
-  run_all(tasks);
-}
-function queue_micro_task(fn) {
-  if (micro_tasks.length === 0 && !is_flushing_sync) {
-    var tasks = micro_tasks;
-    queueMicrotask(() => {
-      if (tasks === micro_tasks) run_micro_tasks();
-    });
-  }
-  micro_tasks.push(fn);
-}
-function flush_tasks() {
-  while (micro_tasks.length > 0) {
-    run_micro_tasks();
-  }
-}
-function handle_error(error) {
-  var effect = active_effect;
-  if (effect === null) {
-    active_reaction.f |= ERROR_VALUE;
-    return error;
-  }
-  if ((effect.f & EFFECT_RAN) === 0) {
-    if ((effect.f & BOUNDARY_EFFECT) === 0) {
-      throw error;
-    }
-    effect.b.error(error);
-  } else {
-    invoke_error_boundary(error, effect);
-  }
-}
-function invoke_error_boundary(error, effect) {
-  while (effect !== null) {
-    if ((effect.f & BOUNDARY_EFFECT) !== 0) {
-      try {
-        effect.b.error(error);
-        return;
-      } catch (e) {
-        error = e;
-      }
-    }
-    effect = effect.parent;
-  }
-  throw error;
-}
-const STATUS_MASK = -7169;
-function set_signal_status(signal, status) {
-  signal.f = signal.f & STATUS_MASK | status;
-}
-function update_derived_status(derived) {
-  if ((derived.f & CONNECTED) !== 0 || derived.deps === null) {
-    set_signal_status(derived, CLEAN);
-  } else {
-    set_signal_status(derived, MAYBE_DIRTY);
-  }
-}
-function clear_marked(deps) {
-  if (deps === null) return;
-  for (const dep of deps) {
-    if ((dep.f & DERIVED) === 0 || (dep.f & WAS_MARKED) === 0) {
-      continue;
-    }
-    dep.f ^= WAS_MARKED;
-    clear_marked(
-      /** @type {Derived} */
-      dep.deps
-    );
-  }
-}
-function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
-  if ((effect.f & DIRTY) !== 0) {
-    dirty_effects.add(effect);
-  } else if ((effect.f & MAYBE_DIRTY) !== 0) {
-    maybe_dirty_effects.add(effect);
-  }
-  clear_marked(effect.deps);
-  set_signal_status(effect, CLEAN);
-}
-const batches = /* @__PURE__ */ new Set();
-let current_batch = null;
-let batch_values = null;
-let queued_root_effects = [];
-let last_scheduled_effect = null;
-let is_flushing = false;
-let is_flushing_sync = false;
-class Batch {
-  committed = false;
-  /**
-   * The current values of any sources that are updated in this batch
-   * They keys of this map are identical to `this.#previous`
-   * @type {Map<Source, any>}
-   */
-  current = /* @__PURE__ */ new Map();
-  /**
-   * The values of any sources that are updated in this batch _before_ those updates took place.
-   * They keys of this map are identical to `this.#current`
-   * @type {Map<Source, any>}
-   */
-  previous = /* @__PURE__ */ new Map();
-  /**
-   * When the batch is committed (and the DOM is updated), we need to remove old branches
-   * and append new ones by calling the functions added inside (if/each/key/etc) blocks
-   * @type {Set<() => void>}
-   */
-  #commit_callbacks = /* @__PURE__ */ new Set();
-  /**
-   * If a fork is discarded, we need to destroy any effects that are no longer needed
-   * @type {Set<(batch: Batch) => void>}
-   */
-  #discard_callbacks = /* @__PURE__ */ new Set();
-  /**
-   * The number of async effects that are currently in flight
-   */
-  #pending = 0;
-  /**
-   * The number of async effects that are currently in flight, _not_ inside a pending boundary
-   */
-  #blocking_pending = 0;
-  /**
-   * A deferred that resolves when the batch is committed, used with `settled()`
-   * TODO replace with Promise.withResolvers once supported widely enough
-   * @type {{ promise: Promise<void>, resolve: (value?: any) => void, reject: (reason: unknown) => void } | null}
-   */
-  #deferred = null;
-  /**
-   * Deferred effects (which run after async work has completed) that are DIRTY
-   * @type {Set<Effect>}
-   */
-  #dirty_effects = /* @__PURE__ */ new Set();
-  /**
-   * Deferred effects that are MAYBE_DIRTY
-   * @type {Set<Effect>}
-   */
-  #maybe_dirty_effects = /* @__PURE__ */ new Set();
-  /**
-   * A set of branches that still exist, but will be destroyed when this batch
-   * is committed — we skip over these during `process`
-   * @type {Set<Effect>}
-   */
-  skipped_effects = /* @__PURE__ */ new Set();
-  is_fork = false;
-  is_deferred() {
-    return this.is_fork || this.#blocking_pending > 0;
-  }
-  /**
-   *
-   * @param {Effect[]} root_effects
-   */
-  process(root_effects) {
-    queued_root_effects = [];
-    this.apply();
-    var effects = [];
-    var render_effects = [];
-    for (const root2 of root_effects) {
-      this.#traverse_effect_tree(root2, effects, render_effects);
-    }
-    if (!this.is_fork) {
-      this.#resolve();
-    }
-    if (this.is_deferred()) {
-      this.#defer_effects(render_effects);
-      this.#defer_effects(effects);
-    } else {
-      current_batch = null;
-      flush_queued_effects(render_effects);
-      flush_queued_effects(effects);
-      this.#deferred?.resolve();
-    }
-    batch_values = null;
-  }
-  /**
-   * Traverse the effect tree, executing effects or stashing
-   * them for later execution as appropriate
-   * @param {Effect} root
-   * @param {Effect[]} effects
-   * @param {Effect[]} render_effects
-   */
-  #traverse_effect_tree(root2, effects, render_effects) {
-    root2.f ^= CLEAN;
-    var effect = root2.first;
-    var pending_boundary = null;
-    while (effect !== null) {
-      var flags2 = effect.f;
-      var is_branch = (flags2 & (BRANCH_EFFECT | ROOT_EFFECT)) !== 0;
-      var is_skippable_branch = is_branch && (flags2 & CLEAN) !== 0;
-      var skip = is_skippable_branch || (flags2 & INERT) !== 0 || this.skipped_effects.has(effect);
-      if (!skip && effect.fn !== null) {
-        if (is_branch) {
-          effect.f ^= CLEAN;
-        } else if (pending_boundary !== null && (flags2 & (EFFECT | RENDER_EFFECT | MANAGED_EFFECT)) !== 0) {
-          pending_boundary.b.defer_effect(effect);
-        } else if ((flags2 & EFFECT) !== 0) {
-          effects.push(effect);
-        } else if (is_dirty(effect)) {
-          if ((flags2 & BLOCK_EFFECT) !== 0) this.#dirty_effects.add(effect);
-          update_effect(effect);
-        }
-        var child = effect.first;
-        if (child !== null) {
-          effect = child;
-          continue;
-        }
-      }
-      var parent = effect.parent;
-      effect = effect.next;
-      while (effect === null && parent !== null) {
-        if (parent === pending_boundary) {
-          pending_boundary = null;
-        }
-        effect = parent.next;
-        parent = parent.parent;
-      }
-    }
-  }
-  /**
-   * @param {Effect[]} effects
-   */
-  #defer_effects(effects) {
-    for (var i = 0; i < effects.length; i += 1) {
-      defer_effect(effects[i], this.#dirty_effects, this.#maybe_dirty_effects);
-    }
-  }
-  /**
-   * Associate a change to a given source with the current
-   * batch, noting its previous and current values
-   * @param {Source} source
-   * @param {any} value
-   */
-  capture(source2, value) {
-    if (value !== UNINITIALIZED && !this.previous.has(source2)) {
-      this.previous.set(source2, value);
-    }
-    if ((source2.f & ERROR_VALUE) === 0) {
-      this.current.set(source2, source2.v);
-      batch_values?.set(source2, source2.v);
-    }
-  }
-  activate() {
-    current_batch = this;
-    this.apply();
-  }
-  deactivate() {
-    if (current_batch !== this) return;
-    current_batch = null;
-    batch_values = null;
-  }
-  flush() {
-    this.activate();
-    if (queued_root_effects.length > 0) {
-      flush_effects();
-      if (current_batch !== null && current_batch !== this) {
-        return;
-      }
-    } else if (this.#pending === 0) {
-      this.process([]);
-    }
-    this.deactivate();
-  }
-  discard() {
-    for (const fn of this.#discard_callbacks) fn(this);
-    this.#discard_callbacks.clear();
-  }
-  #resolve() {
-    if (this.#blocking_pending === 0) {
-      for (const fn of this.#commit_callbacks) fn();
-      this.#commit_callbacks.clear();
-    }
-    if (this.#pending === 0) {
-      this.#commit();
-    }
-  }
-  #commit() {
-    if (batches.size > 1) {
-      this.previous.clear();
-      var previous_batch_values = batch_values;
-      var is_earlier = true;
-      for (const batch of batches) {
-        if (batch === this) {
-          is_earlier = false;
-          continue;
-        }
-        const sources = [];
-        for (const [source2, value] of this.current) {
-          if (batch.current.has(source2)) {
-            if (is_earlier && value !== batch.current.get(source2)) {
-              batch.current.set(source2, value);
-            } else {
-              continue;
-            }
-          }
-          sources.push(source2);
-        }
-        if (sources.length === 0) {
-          continue;
-        }
-        const others = [...batch.current.keys()].filter((s) => !this.current.has(s));
-        if (others.length > 0) {
-          var prev_queued_root_effects = queued_root_effects;
-          queued_root_effects = [];
-          const marked = /* @__PURE__ */ new Set();
-          const checked = /* @__PURE__ */ new Map();
-          for (const source2 of sources) {
-            mark_effects(source2, others, marked, checked);
-          }
-          if (queued_root_effects.length > 0) {
-            current_batch = batch;
-            batch.apply();
-            for (const root2 of queued_root_effects) {
-              batch.#traverse_effect_tree(root2, [], []);
-            }
-            batch.deactivate();
-          }
-          queued_root_effects = prev_queued_root_effects;
-        }
-      }
-      current_batch = null;
-      batch_values = previous_batch_values;
-    }
-    this.committed = true;
-    batches.delete(this);
-  }
-  /**
-   *
-   * @param {boolean} blocking
-   */
-  increment(blocking) {
-    this.#pending += 1;
-    if (blocking) this.#blocking_pending += 1;
-  }
-  /**
-   *
-   * @param {boolean} blocking
-   */
-  decrement(blocking) {
-    this.#pending -= 1;
-    if (blocking) this.#blocking_pending -= 1;
-    this.revive();
-  }
-  revive() {
-    for (const e of this.#dirty_effects) {
-      this.#maybe_dirty_effects.delete(e);
-      set_signal_status(e, DIRTY);
-      schedule_effect(e);
-    }
-    for (const e of this.#maybe_dirty_effects) {
-      set_signal_status(e, MAYBE_DIRTY);
-      schedule_effect(e);
-    }
-    this.flush();
-  }
-  /** @param {() => void} fn */
-  oncommit(fn) {
-    this.#commit_callbacks.add(fn);
-  }
-  /** @param {(batch: Batch) => void} fn */
-  ondiscard(fn) {
-    this.#discard_callbacks.add(fn);
-  }
-  settled() {
-    return (this.#deferred ??= deferred()).promise;
-  }
-  static ensure() {
-    if (current_batch === null) {
-      const batch = current_batch = new Batch();
-      batches.add(current_batch);
-      if (!is_flushing_sync) {
-        Batch.enqueue(() => {
-          if (current_batch !== batch) {
-            return;
-          }
-          batch.flush();
-        });
-      }
-    }
-    return current_batch;
-  }
-  /** @param {() => void} task */
-  static enqueue(task) {
-    queue_micro_task(task);
-  }
-  apply() {
-    return;
-  }
-}
-function flushSync(fn) {
-  var was_flushing_sync = is_flushing_sync;
-  is_flushing_sync = true;
-  try {
-    var result;
-    if (fn) ;
-    while (true) {
-      flush_tasks();
-      if (queued_root_effects.length === 0) {
-        current_batch?.flush();
-        if (queued_root_effects.length === 0) {
-          last_scheduled_effect = null;
-          return (
-            /** @type {T} */
-            result
-          );
-        }
-      }
-      flush_effects();
-    }
-  } finally {
-    is_flushing_sync = was_flushing_sync;
-  }
-}
-function flush_effects() {
-  var was_updating_effect = is_updating_effect;
-  is_flushing = true;
-  var source_stacks = null;
-  try {
-    var flush_count = 0;
-    set_is_updating_effect(true);
-    while (queued_root_effects.length > 0) {
-      var batch = Batch.ensure();
-      if (flush_count++ > 1e3) {
-        var updates, entry;
-        if (BROWSER) ;
-        infinite_loop_guard();
-      }
-      batch.process(queued_root_effects);
-      old_values.clear();
-      if (BROWSER) ;
-    }
-  } finally {
-    is_flushing = false;
-    set_is_updating_effect(was_updating_effect);
-    last_scheduled_effect = null;
-  }
-}
-function infinite_loop_guard() {
-  try {
-    effect_update_depth_exceeded();
-  } catch (error) {
-    invoke_error_boundary(error, last_scheduled_effect);
-  }
-}
-let eager_block_effects = null;
-function flush_queued_effects(effects) {
-  var length = effects.length;
-  if (length === 0) return;
-  var i = 0;
-  while (i < length) {
-    var effect = effects[i++];
-    if ((effect.f & (DESTROYED | INERT)) === 0 && is_dirty(effect)) {
-      eager_block_effects = /* @__PURE__ */ new Set();
-      update_effect(effect);
-      if (effect.deps === null && effect.first === null && effect.nodes === null) {
-        if (effect.teardown === null && effect.ac === null) {
-          unlink_effect(effect);
-        } else {
-          effect.fn = null;
-        }
-      }
-      if (eager_block_effects?.size > 0) {
-        old_values.clear();
-        for (const e of eager_block_effects) {
-          if ((e.f & (DESTROYED | INERT)) !== 0) continue;
-          const ordered_effects = [e];
-          let ancestor = e.parent;
-          while (ancestor !== null) {
-            if (eager_block_effects.has(ancestor)) {
-              eager_block_effects.delete(ancestor);
-              ordered_effects.push(ancestor);
-            }
-            ancestor = ancestor.parent;
-          }
-          for (let j = ordered_effects.length - 1; j >= 0; j--) {
-            const e2 = ordered_effects[j];
-            if ((e2.f & (DESTROYED | INERT)) !== 0) continue;
-            update_effect(e2);
-          }
-        }
-        eager_block_effects.clear();
-      }
-    }
-  }
-  eager_block_effects = null;
-}
-function mark_effects(value, sources, marked, checked) {
-  if (marked.has(value)) return;
-  marked.add(value);
-  if (value.reactions !== null) {
-    for (const reaction of value.reactions) {
-      const flags2 = reaction.f;
-      if ((flags2 & DERIVED) !== 0) {
-        mark_effects(
-          /** @type {Derived} */
-          reaction,
-          sources,
-          marked,
-          checked
-        );
-      } else if ((flags2 & (ASYNC | BLOCK_EFFECT)) !== 0 && (flags2 & DIRTY) === 0 && depends_on(reaction, sources, checked)) {
-        set_signal_status(reaction, DIRTY);
-        schedule_effect(
-          /** @type {Effect} */
-          reaction
-        );
-      }
-    }
-  }
-}
-function depends_on(reaction, sources, checked) {
-  const depends = checked.get(reaction);
-  if (depends !== void 0) return depends;
-  if (reaction.deps !== null) {
-    for (const dep of reaction.deps) {
-      if (sources.includes(dep)) {
-        return true;
-      }
-      if ((dep.f & DERIVED) !== 0 && depends_on(
-        /** @type {Derived} */
-        dep,
-        sources,
-        checked
-      )) {
-        checked.set(
-          /** @type {Derived} */
-          dep,
-          true
-        );
-        return true;
-      }
-    }
-  }
-  checked.set(reaction, false);
-  return false;
-}
-function schedule_effect(signal) {
-  var effect = last_scheduled_effect = signal;
-  while (effect.parent !== null) {
-    effect = effect.parent;
-    var flags2 = effect.f;
-    if (is_flushing && effect === active_effect && (flags2 & BLOCK_EFFECT) !== 0 && (flags2 & HEAD_EFFECT) === 0) {
-      return;
-    }
-    if ((flags2 & (ROOT_EFFECT | BRANCH_EFFECT)) !== 0) {
-      if ((flags2 & CLEAN) === 0) return;
-      effect.f ^= CLEAN;
-    }
-  }
-  queued_root_effects.push(effect);
-}
-function createSubscriber(start) {
-  let subscribers = 0;
-  let version = source(0);
-  let stop;
-  return () => {
-    if (effect_tracking()) {
-      get(version);
-      render_effect(() => {
-        if (subscribers === 0) {
-          stop = untrack(() => start(() => increment(version)));
-        }
-        subscribers += 1;
-        return () => {
-          queue_micro_task(() => {
-            subscribers -= 1;
-            if (subscribers === 0) {
-              stop?.();
-              stop = void 0;
-              increment(version);
-            }
-          });
-        };
-      });
-    }
-  };
-}
-var flags = EFFECT_TRANSPARENT | EFFECT_PRESERVED | BOUNDARY_EFFECT;
-function boundary(node, props, children) {
-  new Boundary(node, props, children);
-}
-class Boundary {
-  /** @type {Boundary | null} */
-  parent;
-  is_pending = false;
-  /** @type {TemplateNode} */
-  #anchor;
-  /** @type {TemplateNode | null} */
-  #hydrate_open = hydrating ? hydrate_node : null;
-  /** @type {BoundaryProps} */
-  #props;
-  /** @type {((anchor: Node) => void)} */
-  #children;
-  /** @type {Effect} */
-  #effect;
-  /** @type {Effect | null} */
-  #main_effect = null;
-  /** @type {Effect | null} */
-  #pending_effect = null;
-  /** @type {Effect | null} */
-  #failed_effect = null;
-  /** @type {DocumentFragment | null} */
-  #offscreen_fragment = null;
-  /** @type {TemplateNode | null} */
-  #pending_anchor = null;
-  #local_pending_count = 0;
-  #pending_count = 0;
-  #is_creating_fallback = false;
-  /** @type {Set<Effect>} */
-  #dirty_effects = /* @__PURE__ */ new Set();
-  /** @type {Set<Effect>} */
-  #maybe_dirty_effects = /* @__PURE__ */ new Set();
-  /**
-   * A source containing the number of pending async deriveds/expressions.
-   * Only created if `$effect.pending()` is used inside the boundary,
-   * otherwise updating the source results in needless `Batch.ensure()`
-   * calls followed by no-op flushes
-   * @type {Source<number> | null}
-   */
-  #effect_pending = null;
-  #effect_pending_subscriber = createSubscriber(() => {
-    this.#effect_pending = source(this.#local_pending_count);
-    return () => {
-      this.#effect_pending = null;
-    };
-  });
-  /**
-   * @param {TemplateNode} node
-   * @param {BoundaryProps} props
-   * @param {((anchor: Node) => void)} children
-   */
-  constructor(node, props, children) {
-    this.#anchor = node;
-    this.#props = props;
-    this.#children = children;
-    this.parent = /** @type {Effect} */
-    active_effect.b;
-    this.is_pending = !!this.#props.pending;
-    this.#effect = block(() => {
-      active_effect.b = this;
-      if (hydrating) {
-        const comment = this.#hydrate_open;
-        hydrate_next();
-        const server_rendered_pending = (
-          /** @type {Comment} */
-          comment.nodeType === COMMENT_NODE && /** @type {Comment} */
-          comment.data === HYDRATION_START_ELSE
-        );
-        if (server_rendered_pending) {
-          this.#hydrate_pending_content();
-        } else {
-          this.#hydrate_resolved_content();
-          if (this.#pending_count === 0) {
-            this.is_pending = false;
-          }
-        }
-      } else {
-        var anchor = this.#get_anchor();
-        try {
-          this.#main_effect = branch(() => children(anchor));
-        } catch (error) {
-          this.error(error);
-        }
-        if (this.#pending_count > 0) {
-          this.#show_pending_snippet();
-        } else {
-          this.is_pending = false;
-        }
-      }
-      return () => {
-        this.#pending_anchor?.remove();
-      };
-    }, flags);
-    if (hydrating) {
-      this.#anchor = hydrate_node;
-    }
-  }
-  #hydrate_resolved_content() {
-    try {
-      this.#main_effect = branch(() => this.#children(this.#anchor));
-    } catch (error) {
-      this.error(error);
-    }
-  }
-  #hydrate_pending_content() {
-    const pending = this.#props.pending;
-    if (!pending) {
-      return;
-    }
-    this.#pending_effect = branch(() => pending(this.#anchor));
-    Batch.enqueue(() => {
-      var anchor = this.#get_anchor();
-      this.#main_effect = this.#run(() => {
-        Batch.ensure();
-        return branch(() => this.#children(anchor));
-      });
-      if (this.#pending_count > 0) {
-        this.#show_pending_snippet();
-      } else {
-        pause_effect(
-          /** @type {Effect} */
-          this.#pending_effect,
-          () => {
-            this.#pending_effect = null;
-          }
-        );
-        this.is_pending = false;
-      }
-    });
-  }
-  #get_anchor() {
-    var anchor = this.#anchor;
-    if (this.is_pending) {
-      this.#pending_anchor = create_text();
-      this.#anchor.before(this.#pending_anchor);
-      anchor = this.#pending_anchor;
-    }
-    return anchor;
-  }
-  /**
-   * Defer an effect inside a pending boundary until the boundary resolves
-   * @param {Effect} effect
-   */
-  defer_effect(effect) {
-    defer_effect(effect, this.#dirty_effects, this.#maybe_dirty_effects);
-  }
-  /**
-   * Returns `false` if the effect exists inside a boundary whose pending snippet is shown
-   * @returns {boolean}
-   */
-  is_rendered() {
-    return !this.is_pending && (!this.parent || this.parent.is_rendered());
-  }
-  has_pending_snippet() {
-    return !!this.#props.pending;
-  }
-  /**
-   * @param {() => Effect | null} fn
-   */
-  #run(fn) {
-    var previous_effect = active_effect;
-    var previous_reaction = active_reaction;
-    var previous_ctx = component_context;
-    set_active_effect(this.#effect);
-    set_active_reaction(this.#effect);
-    set_component_context(this.#effect.ctx);
-    try {
-      return fn();
-    } catch (e) {
-      handle_error(e);
-      return null;
-    } finally {
-      set_active_effect(previous_effect);
-      set_active_reaction(previous_reaction);
-      set_component_context(previous_ctx);
-    }
-  }
-  #show_pending_snippet() {
-    const pending = (
-      /** @type {(anchor: Node) => void} */
-      this.#props.pending
-    );
-    if (this.#main_effect !== null) {
-      this.#offscreen_fragment = document.createDocumentFragment();
-      this.#offscreen_fragment.append(
-        /** @type {TemplateNode} */
-        this.#pending_anchor
-      );
-      move_effect(this.#main_effect, this.#offscreen_fragment);
-    }
-    if (this.#pending_effect === null) {
-      this.#pending_effect = branch(() => pending(this.#anchor));
-    }
-  }
-  /**
-   * Updates the pending count associated with the currently visible pending snippet,
-   * if any, such that we can replace the snippet with content once work is done
-   * @param {1 | -1} d
-   */
-  #update_pending_count(d) {
-    if (!this.has_pending_snippet()) {
-      if (this.parent) {
-        this.parent.#update_pending_count(d);
-      }
-      return;
-    }
-    this.#pending_count += d;
-    if (this.#pending_count === 0) {
-      this.is_pending = false;
-      for (const e of this.#dirty_effects) {
-        set_signal_status(e, DIRTY);
-        schedule_effect(e);
-      }
-      for (const e of this.#maybe_dirty_effects) {
-        set_signal_status(e, MAYBE_DIRTY);
-        schedule_effect(e);
-      }
-      this.#dirty_effects.clear();
-      this.#maybe_dirty_effects.clear();
-      if (this.#pending_effect) {
-        pause_effect(this.#pending_effect, () => {
-          this.#pending_effect = null;
-        });
-      }
-      if (this.#offscreen_fragment) {
-        this.#anchor.before(this.#offscreen_fragment);
-        this.#offscreen_fragment = null;
-      }
-    }
-  }
-  /**
-   * Update the source that powers `$effect.pending()` inside this boundary,
-   * and controls when the current `pending` snippet (if any) is removed.
-   * Do not call from inside the class
-   * @param {1 | -1} d
-   */
-  update_pending_count(d) {
-    this.#update_pending_count(d);
-    this.#local_pending_count += d;
-    if (this.#effect_pending) {
-      internal_set(this.#effect_pending, this.#local_pending_count);
-    }
-  }
-  get_effect_pending() {
-    this.#effect_pending_subscriber();
-    return get(
-      /** @type {Source<number>} */
-      this.#effect_pending
-    );
-  }
-  /** @param {unknown} error */
-  error(error) {
-    var onerror = this.#props.onerror;
-    let failed = this.#props.failed;
-    if (this.#is_creating_fallback || !onerror && !failed) {
-      throw error;
-    }
-    if (this.#main_effect) {
-      destroy_effect(this.#main_effect);
-      this.#main_effect = null;
-    }
-    if (this.#pending_effect) {
-      destroy_effect(this.#pending_effect);
-      this.#pending_effect = null;
-    }
-    if (this.#failed_effect) {
-      destroy_effect(this.#failed_effect);
-      this.#failed_effect = null;
-    }
-    if (hydrating) {
-      set_hydrate_node(
-        /** @type {TemplateNode} */
-        this.#hydrate_open
-      );
-      next();
-      set_hydrate_node(skip_nodes());
-    }
-    var did_reset = false;
-    var calling_on_error = false;
-    const reset = () => {
-      if (did_reset) {
-        svelte_boundary_reset_noop();
-        return;
-      }
-      did_reset = true;
-      if (calling_on_error) {
-        svelte_boundary_reset_onerror();
-      }
-      Batch.ensure();
-      this.#local_pending_count = 0;
-      if (this.#failed_effect !== null) {
-        pause_effect(this.#failed_effect, () => {
-          this.#failed_effect = null;
-        });
-      }
-      this.is_pending = this.has_pending_snippet();
-      this.#main_effect = this.#run(() => {
-        this.#is_creating_fallback = false;
-        return branch(() => this.#children(this.#anchor));
-      });
-      if (this.#pending_count > 0) {
-        this.#show_pending_snippet();
-      } else {
-        this.is_pending = false;
-      }
-    };
-    var previous_reaction = active_reaction;
-    try {
-      set_active_reaction(null);
-      calling_on_error = true;
-      onerror?.(error, reset);
-      calling_on_error = false;
-    } catch (error2) {
-      invoke_error_boundary(error2, this.#effect && this.#effect.parent);
-    } finally {
-      set_active_reaction(previous_reaction);
-    }
-    if (failed) {
-      queue_micro_task(() => {
-        this.#failed_effect = this.#run(() => {
-          Batch.ensure();
-          this.#is_creating_fallback = true;
-          try {
-            return branch(() => {
-              failed(
-                this.#anchor,
-                () => error,
-                () => reset
-              );
-            });
-          } catch (error2) {
-            invoke_error_boundary(
-              error2,
-              /** @type {Effect} */
-              this.#effect.parent
-            );
-            return null;
-          } finally {
-            this.#is_creating_fallback = false;
-          }
-        });
-      });
-    }
-  }
-}
-function destroy_derived_effects(derived) {
-  var effects = derived.effects;
-  if (effects !== null) {
-    derived.effects = null;
-    for (var i = 0; i < effects.length; i += 1) {
-      destroy_effect(
-        /** @type {Effect} */
-        effects[i]
-      );
-    }
-  }
-}
-function get_derived_parent_effect(derived) {
-  var parent = derived.parent;
-  while (parent !== null) {
-    if ((parent.f & DERIVED) === 0) {
-      return (parent.f & DESTROYED) === 0 ? (
-        /** @type {Effect} */
-        parent
-      ) : null;
-    }
-    parent = parent.parent;
-  }
-  return null;
-}
-function execute_derived(derived) {
-  var value;
-  var prev_active_effect = active_effect;
-  set_active_effect(get_derived_parent_effect(derived));
-  {
-    try {
-      derived.f &= ~WAS_MARKED;
-      destroy_derived_effects(derived);
-      value = update_reaction(derived);
-    } finally {
-      set_active_effect(prev_active_effect);
-    }
-  }
-  return value;
-}
-function update_derived(derived) {
-  var value = execute_derived(derived);
-  if (!derived.equals(value)) {
-    derived.wv = increment_write_version();
-    if (!current_batch?.is_fork || derived.deps === null) {
-      derived.v = value;
-      if (derived.deps === null) {
-        set_signal_status(derived, CLEAN);
-        return;
-      }
-    }
-  }
-  if (is_destroying_effect) {
-    return;
-  }
-  if (batch_values !== null) {
-    if (effect_tracking() || current_batch?.is_fork) {
-      batch_values.set(derived, value);
-    }
-  } else {
-    update_derived_status(derived);
-  }
-}
-let eager_effects = /* @__PURE__ */ new Set();
-const old_values = /* @__PURE__ */ new Map();
-let eager_effects_deferred = false;
-function source(v, stack) {
-  var signal = {
-    f: 0,
-    // TODO ideally we could skip this altogether, but it causes type errors
-    v,
-    reactions: null,
-    equals,
-    rv: 0,
-    wv: 0
-  };
-  return signal;
-}
-// @__NO_SIDE_EFFECTS__
-function state(v, stack) {
-  const s = source(v);
-  push_reaction_value(s);
-  return s;
-}
-// @__NO_SIDE_EFFECTS__
-function mutable_source(initial_value, immutable = false, trackable = true) {
-  const s = source(initial_value);
-  if (!immutable) {
-    s.equals = safe_equals;
-  }
-  return s;
-}
-function set(source2, value, should_proxy = false) {
-  if (active_reaction !== null && // since we are untracking the function inside `$inspect.with` we need to add this check
-  // to ensure we error if state is set inside an inspect effect
-  (!untracking || (active_reaction.f & EAGER_EFFECT) !== 0) && is_runes() && (active_reaction.f & (DERIVED | BLOCK_EFFECT | ASYNC | EAGER_EFFECT)) !== 0 && !current_sources?.includes(source2)) {
-    state_unsafe_mutation();
-  }
-  let new_value = should_proxy ? proxy(value) : value;
-  return internal_set(source2, new_value);
-}
-function internal_set(source2, value) {
-  if (!source2.equals(value)) {
-    var old_value = source2.v;
-    if (is_destroying_effect) {
-      old_values.set(source2, value);
-    } else {
-      old_values.set(source2, old_value);
-    }
-    source2.v = value;
-    var batch = Batch.ensure();
-    batch.capture(source2, old_value);
-    if ((source2.f & DERIVED) !== 0) {
-      const derived = (
-        /** @type {Derived} */
-        source2
-      );
-      if ((source2.f & DIRTY) !== 0) {
-        execute_derived(derived);
-      }
-      update_derived_status(derived);
-    }
-    source2.wv = increment_write_version();
-    mark_reactions(source2, DIRTY);
-    if (active_effect !== null && (active_effect.f & CLEAN) !== 0 && (active_effect.f & (BRANCH_EFFECT | ROOT_EFFECT)) === 0) {
-      if (untracked_writes === null) {
-        set_untracked_writes([source2]);
-      } else {
-        untracked_writes.push(source2);
-      }
-    }
-    if (!batch.is_fork && eager_effects.size > 0 && !eager_effects_deferred) {
-      flush_eager_effects();
-    }
-  }
-  return value;
-}
-function flush_eager_effects() {
-  eager_effects_deferred = false;
-  var prev_is_updating_effect = is_updating_effect;
-  set_is_updating_effect(true);
-  const inspects = Array.from(eager_effects);
-  try {
-    for (const effect of inspects) {
-      if ((effect.f & CLEAN) !== 0) {
-        set_signal_status(effect, MAYBE_DIRTY);
-      }
-      if (is_dirty(effect)) {
-        update_effect(effect);
-      }
-    }
-  } finally {
-    set_is_updating_effect(prev_is_updating_effect);
-  }
-  eager_effects.clear();
-}
-function increment(source2) {
-  set(source2, source2.v + 1);
-}
-function mark_reactions(signal, status) {
-  var reactions = signal.reactions;
-  if (reactions === null) return;
-  var length = reactions.length;
-  for (var i = 0; i < length; i++) {
-    var reaction = reactions[i];
-    var flags2 = reaction.f;
-    var not_dirty = (flags2 & DIRTY) === 0;
-    if (not_dirty) {
-      set_signal_status(reaction, status);
-    }
-    if ((flags2 & DERIVED) !== 0) {
-      var derived = (
-        /** @type {Derived} */
-        reaction
-      );
-      batch_values?.delete(derived);
-      if ((flags2 & WAS_MARKED) === 0) {
-        if (flags2 & CONNECTED) {
-          reaction.f |= WAS_MARKED;
-        }
-        mark_reactions(derived, MAYBE_DIRTY);
-      }
-    } else if (not_dirty) {
-      if ((flags2 & BLOCK_EFFECT) !== 0 && eager_block_effects !== null) {
-        eager_block_effects.add(
-          /** @type {Effect} */
-          reaction
-        );
-      }
-      schedule_effect(
-        /** @type {Effect} */
-        reaction
-      );
-    }
-  }
-}
-function proxy(value) {
-  if (typeof value !== "object" || value === null || STATE_SYMBOL in value) {
-    return value;
-  }
-  const prototype = get_prototype_of(value);
-  if (prototype !== object_prototype && prototype !== array_prototype) {
-    return value;
-  }
-  var sources = /* @__PURE__ */ new Map();
-  var is_proxied_array = is_array(value);
-  var version = /* @__PURE__ */ state(0);
-  var parent_version = update_version;
-  var with_parent = (fn) => {
-    if (update_version === parent_version) {
-      return fn();
-    }
-    var reaction = active_reaction;
-    var version2 = update_version;
-    set_active_reaction(null);
-    set_update_version(parent_version);
-    var result = fn();
-    set_active_reaction(reaction);
-    set_update_version(version2);
-    return result;
-  };
-  if (is_proxied_array) {
-    sources.set("length", /* @__PURE__ */ state(
-      /** @type {any[]} */
-      value.length
-    ));
-  }
-  return new Proxy(
-    /** @type {any} */
-    value,
-    {
-      defineProperty(_, prop, descriptor) {
-        if (!("value" in descriptor) || descriptor.configurable === false || descriptor.enumerable === false || descriptor.writable === false) {
-          state_descriptors_fixed();
-        }
-        var s = sources.get(prop);
-        if (s === void 0) {
-          s = with_parent(() => {
-            var s2 = /* @__PURE__ */ state(descriptor.value);
-            sources.set(prop, s2);
-            return s2;
-          });
-        } else {
-          set(s, descriptor.value, true);
-        }
-        return true;
-      },
-      deleteProperty(target, prop) {
-        var s = sources.get(prop);
-        if (s === void 0) {
-          if (prop in target) {
-            const s2 = with_parent(() => /* @__PURE__ */ state(UNINITIALIZED));
-            sources.set(prop, s2);
-            increment(version);
-          }
-        } else {
-          set(s, UNINITIALIZED);
-          increment(version);
-        }
-        return true;
-      },
-      get(target, prop, receiver) {
-        if (prop === STATE_SYMBOL) {
-          return value;
-        }
-        var s = sources.get(prop);
-        var exists = prop in target;
-        if (s === void 0 && (!exists || get_descriptor(target, prop)?.writable)) {
-          s = with_parent(() => {
-            var p = proxy(exists ? target[prop] : UNINITIALIZED);
-            var s2 = /* @__PURE__ */ state(p);
-            return s2;
-          });
-          sources.set(prop, s);
-        }
-        if (s !== void 0) {
-          var v = get(s);
-          return v === UNINITIALIZED ? void 0 : v;
-        }
-        return Reflect.get(target, prop, receiver);
-      },
-      getOwnPropertyDescriptor(target, prop) {
-        var descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
-        if (descriptor && "value" in descriptor) {
-          var s = sources.get(prop);
-          if (s) descriptor.value = get(s);
-        } else if (descriptor === void 0) {
-          var source2 = sources.get(prop);
-          var value2 = source2?.v;
-          if (source2 !== void 0 && value2 !== UNINITIALIZED) {
-            return {
-              enumerable: true,
-              configurable: true,
-              value: value2,
-              writable: true
-            };
-          }
-        }
-        return descriptor;
-      },
-      has(target, prop) {
-        if (prop === STATE_SYMBOL) {
-          return true;
-        }
-        var s = sources.get(prop);
-        var has = s !== void 0 && s.v !== UNINITIALIZED || Reflect.has(target, prop);
-        if (s !== void 0 || active_effect !== null && (!has || get_descriptor(target, prop)?.writable)) {
-          if (s === void 0) {
-            s = with_parent(() => {
-              var p = has ? proxy(target[prop]) : UNINITIALIZED;
-              var s2 = /* @__PURE__ */ state(p);
-              return s2;
-            });
-            sources.set(prop, s);
-          }
-          var value2 = get(s);
-          if (value2 === UNINITIALIZED) {
-            return false;
-          }
-        }
-        return has;
-      },
-      set(target, prop, value2, receiver) {
-        var s = sources.get(prop);
-        var has = prop in target;
-        if (is_proxied_array && prop === "length") {
-          for (var i = value2; i < /** @type {Source<number>} */
-          s.v; i += 1) {
-            var other_s = sources.get(i + "");
-            if (other_s !== void 0) {
-              set(other_s, UNINITIALIZED);
-            } else if (i in target) {
-              other_s = with_parent(() => /* @__PURE__ */ state(UNINITIALIZED));
-              sources.set(i + "", other_s);
-            }
-          }
-        }
-        if (s === void 0) {
-          if (!has || get_descriptor(target, prop)?.writable) {
-            s = with_parent(() => /* @__PURE__ */ state(void 0));
-            set(s, proxy(value2));
-            sources.set(prop, s);
-          }
-        } else {
-          has = s.v !== UNINITIALIZED;
-          var p = with_parent(() => proxy(value2));
-          set(s, p);
-        }
-        var descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
-        if (descriptor?.set) {
-          descriptor.set.call(receiver, value2);
-        }
-        if (!has) {
-          if (is_proxied_array && typeof prop === "string") {
-            var ls = (
-              /** @type {Source<number>} */
-              sources.get("length")
-            );
-            var n = Number(prop);
-            if (Number.isInteger(n) && n >= ls.v) {
-              set(ls, n + 1);
-            }
-          }
-          increment(version);
-        }
-        return true;
-      },
-      ownKeys(target) {
-        get(version);
-        var own_keys = Reflect.ownKeys(target).filter((key2) => {
-          var source3 = sources.get(key2);
-          return source3 === void 0 || source3.v !== UNINITIALIZED;
-        });
-        for (var [key, source2] of sources) {
-          if (source2.v !== UNINITIALIZED && !(key in target)) {
-            own_keys.push(key);
-          }
-        }
-        return own_keys;
-      },
-      setPrototypeOf() {
-        state_prototype_fixed();
-      }
-    }
-  );
-}
-var $window;
-var first_child_getter;
-var next_sibling_getter;
-function init_operations() {
-  if ($window !== void 0) {
-    return;
-  }
-  $window = window;
-  var element_prototype = Element.prototype;
-  var node_prototype = Node.prototype;
-  var text_prototype = Text.prototype;
-  first_child_getter = get_descriptor(node_prototype, "firstChild").get;
-  next_sibling_getter = get_descriptor(node_prototype, "nextSibling").get;
-  if (is_extensible(element_prototype)) {
-    element_prototype.__click = void 0;
-    element_prototype.__className = void 0;
-    element_prototype.__attributes = null;
-    element_prototype.__style = void 0;
-    element_prototype.__e = void 0;
-  }
-  if (is_extensible(text_prototype)) {
-    text_prototype.__t = void 0;
-  }
-}
-function create_text(value = "") {
-  return document.createTextNode(value);
-}
-// @__NO_SIDE_EFFECTS__
-function get_first_child(node) {
-  return (
-    /** @type {TemplateNode | null} */
-    first_child_getter.call(node)
-  );
-}
-// @__NO_SIDE_EFFECTS__
-function get_next_sibling(node) {
-  return (
-    /** @type {TemplateNode | null} */
-    next_sibling_getter.call(node)
-  );
-}
-function clear_text_content(node) {
-  node.textContent = "";
-}
-function without_reactive_context(fn) {
-  var previous_reaction = active_reaction;
-  var previous_effect = active_effect;
-  set_active_reaction(null);
-  set_active_effect(null);
-  try {
-    return fn();
-  } finally {
-    set_active_reaction(previous_reaction);
-    set_active_effect(previous_effect);
-  }
-}
-function push_effect(effect, parent_effect) {
-  var parent_last = parent_effect.last;
-  if (parent_last === null) {
-    parent_effect.last = parent_effect.first = effect;
-  } else {
-    parent_last.next = effect;
-    effect.prev = parent_last;
-    parent_effect.last = effect;
-  }
-}
-function create_effect(type, fn, sync) {
-  var parent = active_effect;
-  if (parent !== null && (parent.f & INERT) !== 0) {
-    type |= INERT;
-  }
-  var effect = {
-    ctx: component_context,
-    deps: null,
-    nodes: null,
-    f: type | DIRTY | CONNECTED,
-    first: null,
-    fn,
-    last: null,
-    next: null,
-    parent,
-    b: parent && parent.b,
-    prev: null,
-    teardown: null,
-    wv: 0,
-    ac: null
-  };
-  if (sync) {
-    try {
-      update_effect(effect);
-      effect.f |= EFFECT_RAN;
-    } catch (e2) {
-      destroy_effect(effect);
-      throw e2;
-    }
-  } else if (fn !== null) {
-    schedule_effect(effect);
-  }
-  var e = effect;
-  if (sync && e.deps === null && e.teardown === null && e.nodes === null && e.first === e.last && // either `null`, or a singular child
-  (e.f & EFFECT_PRESERVED) === 0) {
-    e = e.first;
-    if ((type & BLOCK_EFFECT) !== 0 && (type & EFFECT_TRANSPARENT) !== 0 && e !== null) {
-      e.f |= EFFECT_TRANSPARENT;
-    }
-  }
-  if (e !== null) {
-    e.parent = parent;
-    if (parent !== null) {
-      push_effect(e, parent);
-    }
-    if (active_reaction !== null && (active_reaction.f & DERIVED) !== 0 && (type & ROOT_EFFECT) === 0) {
-      var derived = (
-        /** @type {Derived} */
-        active_reaction
-      );
-      (derived.effects ??= []).push(e);
-    }
-  }
-  return effect;
-}
-function effect_tracking() {
-  return active_reaction !== null && !untracking;
-}
-function create_user_effect(fn) {
-  return create_effect(EFFECT | USER_EFFECT, fn, false);
-}
-function component_root(fn) {
-  Batch.ensure();
-  const effect = create_effect(ROOT_EFFECT | EFFECT_PRESERVED, fn, true);
-  return (options2 = {}) => {
-    return new Promise((fulfil) => {
-      if (options2.outro) {
-        pause_effect(effect, () => {
-          destroy_effect(effect);
-          fulfil(void 0);
-        });
-      } else {
-        destroy_effect(effect);
-        fulfil(void 0);
-      }
-    });
-  };
-}
-function render_effect(fn, flags2 = 0) {
-  return create_effect(RENDER_EFFECT | flags2, fn, true);
-}
-function block(fn, flags2 = 0) {
-  var effect = create_effect(BLOCK_EFFECT | flags2, fn, true);
-  return effect;
-}
-function branch(fn) {
-  return create_effect(BRANCH_EFFECT | EFFECT_PRESERVED, fn, true);
-}
-function execute_effect_teardown(effect) {
-  var teardown = effect.teardown;
-  if (teardown !== null) {
-    const previously_destroying_effect = is_destroying_effect;
-    const previous_reaction = active_reaction;
-    set_is_destroying_effect(true);
-    set_active_reaction(null);
-    try {
-      teardown.call(null);
-    } finally {
-      set_is_destroying_effect(previously_destroying_effect);
-      set_active_reaction(previous_reaction);
-    }
-  }
-}
-function destroy_effect_children(signal, remove_dom = false) {
-  var effect = signal.first;
-  signal.first = signal.last = null;
-  while (effect !== null) {
-    const controller = effect.ac;
-    if (controller !== null) {
-      without_reactive_context(() => {
-        controller.abort(STALE_REACTION);
-      });
-    }
-    var next2 = effect.next;
-    if ((effect.f & ROOT_EFFECT) !== 0) {
-      effect.parent = null;
-    } else {
-      destroy_effect(effect, remove_dom);
-    }
-    effect = next2;
-  }
-}
-function destroy_block_effect_children(signal) {
-  var effect = signal.first;
-  while (effect !== null) {
-    var next2 = effect.next;
-    if ((effect.f & BRANCH_EFFECT) === 0) {
-      destroy_effect(effect);
-    }
-    effect = next2;
-  }
-}
-function destroy_effect(effect, remove_dom = true) {
-  var removed = false;
-  if ((remove_dom || (effect.f & HEAD_EFFECT) !== 0) && effect.nodes !== null && effect.nodes.end !== null) {
-    remove_effect_dom(
-      effect.nodes.start,
-      /** @type {TemplateNode} */
-      effect.nodes.end
-    );
-    removed = true;
-  }
-  destroy_effect_children(effect, remove_dom && !removed);
-  remove_reactions(effect, 0);
-  set_signal_status(effect, DESTROYED);
-  var transitions = effect.nodes && effect.nodes.t;
-  if (transitions !== null) {
-    for (const transition of transitions) {
-      transition.stop();
-    }
-  }
-  execute_effect_teardown(effect);
-  var parent = effect.parent;
-  if (parent !== null && parent.first !== null) {
-    unlink_effect(effect);
-  }
-  effect.next = effect.prev = effect.teardown = effect.ctx = effect.deps = effect.fn = effect.nodes = effect.ac = null;
-}
-function remove_effect_dom(node, end) {
-  while (node !== null) {
-    var next2 = node === end ? null : /* @__PURE__ */ get_next_sibling(node);
-    node.remove();
-    node = next2;
-  }
-}
-function unlink_effect(effect) {
-  var parent = effect.parent;
-  var prev = effect.prev;
-  var next2 = effect.next;
-  if (prev !== null) prev.next = next2;
-  if (next2 !== null) next2.prev = prev;
-  if (parent !== null) {
-    if (parent.first === effect) parent.first = next2;
-    if (parent.last === effect) parent.last = prev;
-  }
-}
-function pause_effect(effect, callback, destroy = true) {
-  var transitions = [];
-  pause_children(effect, transitions, true);
-  var fn = () => {
-    if (destroy) destroy_effect(effect);
-    if (callback) callback();
-  };
-  var remaining = transitions.length;
-  if (remaining > 0) {
-    var check = () => --remaining || fn();
-    for (var transition of transitions) {
-      transition.out(check);
-    }
-  } else {
-    fn();
-  }
-}
-function pause_children(effect, transitions, local) {
-  if ((effect.f & INERT) !== 0) return;
-  effect.f ^= INERT;
-  var t = effect.nodes && effect.nodes.t;
-  if (t !== null) {
-    for (const transition of t) {
-      if (transition.is_global || local) {
-        transitions.push(transition);
-      }
-    }
-  }
-  var child = effect.first;
-  while (child !== null) {
-    var sibling = child.next;
-    var transparent = (child.f & EFFECT_TRANSPARENT) !== 0 || // If this is a branch effect without a block effect parent,
-    // it means the parent block effect was pruned. In that case,
-    // transparency information was transferred to the branch effect.
-    (child.f & BRANCH_EFFECT) !== 0 && (effect.f & BLOCK_EFFECT) !== 0;
-    pause_children(child, transitions, transparent ? local : false);
-    child = sibling;
-  }
-}
-function move_effect(effect, fragment) {
-  if (!effect.nodes) return;
-  var node = effect.nodes.start;
-  var end = effect.nodes.end;
-  while (node !== null) {
-    var next2 = node === end ? null : /* @__PURE__ */ get_next_sibling(node);
-    fragment.append(node);
-    node = next2;
-  }
-}
-let is_updating_effect = false;
-function set_is_updating_effect(value) {
-  is_updating_effect = value;
-}
-let is_destroying_effect = false;
-function set_is_destroying_effect(value) {
-  is_destroying_effect = value;
-}
-let active_reaction = null;
-let untracking = false;
-function set_active_reaction(reaction) {
-  active_reaction = reaction;
-}
-let active_effect = null;
-function set_active_effect(effect) {
-  active_effect = effect;
-}
-let current_sources = null;
-function push_reaction_value(value) {
-  if (active_reaction !== null && true) {
-    if (current_sources === null) {
-      current_sources = [value];
-    } else {
-      current_sources.push(value);
-    }
-  }
-}
-let new_deps = null;
-let skipped_deps = 0;
-let untracked_writes = null;
-function set_untracked_writes(value) {
-  untracked_writes = value;
-}
-let write_version = 1;
-let read_version = 0;
-let update_version = read_version;
-function set_update_version(value) {
-  update_version = value;
-}
-function increment_write_version() {
-  return ++write_version;
-}
-function is_dirty(reaction) {
-  var flags2 = reaction.f;
-  if ((flags2 & DIRTY) !== 0) {
-    return true;
-  }
-  if (flags2 & DERIVED) {
-    reaction.f &= ~WAS_MARKED;
-  }
-  if ((flags2 & MAYBE_DIRTY) !== 0) {
-    var dependencies = (
-      /** @type {Value[]} */
-      reaction.deps
-    );
-    var length = dependencies.length;
-    for (var i = 0; i < length; i++) {
-      var dependency = dependencies[i];
-      if (is_dirty(
-        /** @type {Derived} */
-        dependency
-      )) {
-        update_derived(
-          /** @type {Derived} */
-          dependency
-        );
-      }
-      if (dependency.wv > reaction.wv) {
-        return true;
-      }
-    }
-    if ((flags2 & CONNECTED) !== 0 && // During time traveling we don't want to reset the status so that
-    // traversal of the graph in the other batches still happens
-    batch_values === null) {
-      set_signal_status(reaction, CLEAN);
-    }
-  }
-  return false;
-}
-function schedule_possible_effect_self_invalidation(signal, effect, root2 = true) {
-  var reactions = signal.reactions;
-  if (reactions === null) return;
-  if (current_sources?.includes(signal)) {
-    return;
-  }
-  for (var i = 0; i < reactions.length; i++) {
-    var reaction = reactions[i];
-    if ((reaction.f & DERIVED) !== 0) {
-      schedule_possible_effect_self_invalidation(
-        /** @type {Derived} */
-        reaction,
-        effect,
-        false
-      );
-    } else if (effect === reaction) {
-      if (root2) {
-        set_signal_status(reaction, DIRTY);
-      } else if ((reaction.f & CLEAN) !== 0) {
-        set_signal_status(reaction, MAYBE_DIRTY);
-      }
-      schedule_effect(
-        /** @type {Effect} */
-        reaction
-      );
-    }
-  }
-}
-function update_reaction(reaction) {
-  var previous_deps = new_deps;
-  var previous_skipped_deps = skipped_deps;
-  var previous_untracked_writes = untracked_writes;
-  var previous_reaction = active_reaction;
-  var previous_sources = current_sources;
-  var previous_component_context = component_context;
-  var previous_untracking = untracking;
-  var previous_update_version = update_version;
-  var flags2 = reaction.f;
-  new_deps = /** @type {null | Value[]} */
-  null;
-  skipped_deps = 0;
-  untracked_writes = null;
-  active_reaction = (flags2 & (BRANCH_EFFECT | ROOT_EFFECT)) === 0 ? reaction : null;
-  current_sources = null;
-  set_component_context(reaction.ctx);
-  untracking = false;
-  update_version = ++read_version;
-  if (reaction.ac !== null) {
-    without_reactive_context(() => {
-      reaction.ac.abort(STALE_REACTION);
-    });
-    reaction.ac = null;
-  }
-  try {
-    reaction.f |= REACTION_IS_UPDATING;
-    var fn = (
-      /** @type {Function} */
-      reaction.fn
-    );
-    var result = fn();
-    var deps = reaction.deps;
-    if (new_deps !== null) {
-      var i;
-      remove_reactions(reaction, skipped_deps);
-      if (deps !== null && skipped_deps > 0) {
-        deps.length = skipped_deps + new_deps.length;
-        for (i = 0; i < new_deps.length; i++) {
-          deps[skipped_deps + i] = new_deps[i];
-        }
-      } else {
-        reaction.deps = deps = new_deps;
-      }
-      if (effect_tracking() && (reaction.f & CONNECTED) !== 0) {
-        for (i = skipped_deps; i < deps.length; i++) {
-          (deps[i].reactions ??= []).push(reaction);
-        }
-      }
-    } else if (deps !== null && skipped_deps < deps.length) {
-      remove_reactions(reaction, skipped_deps);
-      deps.length = skipped_deps;
-    }
-    if (is_runes() && untracked_writes !== null && !untracking && deps !== null && (reaction.f & (DERIVED | MAYBE_DIRTY | DIRTY)) === 0) {
-      for (i = 0; i < /** @type {Source[]} */
-      untracked_writes.length; i++) {
-        schedule_possible_effect_self_invalidation(
-          untracked_writes[i],
-          /** @type {Effect} */
-          reaction
-        );
-      }
-    }
-    if (previous_reaction !== null && previous_reaction !== reaction) {
-      read_version++;
-      if (untracked_writes !== null) {
-        if (previous_untracked_writes === null) {
-          previous_untracked_writes = untracked_writes;
-        } else {
-          previous_untracked_writes.push(.../** @type {Source[]} */
-          untracked_writes);
-        }
-      }
-    }
-    if ((reaction.f & ERROR_VALUE) !== 0) {
-      reaction.f ^= ERROR_VALUE;
-    }
-    return result;
-  } catch (error) {
-    return handle_error(error);
-  } finally {
-    reaction.f ^= REACTION_IS_UPDATING;
-    new_deps = previous_deps;
-    skipped_deps = previous_skipped_deps;
-    untracked_writes = previous_untracked_writes;
-    active_reaction = previous_reaction;
-    current_sources = previous_sources;
-    set_component_context(previous_component_context);
-    untracking = previous_untracking;
-    update_version = previous_update_version;
-  }
-}
-function remove_reaction(signal, dependency) {
-  let reactions = dependency.reactions;
-  if (reactions !== null) {
-    var index = index_of.call(reactions, signal);
-    if (index !== -1) {
-      var new_length = reactions.length - 1;
-      if (new_length === 0) {
-        reactions = dependency.reactions = null;
-      } else {
-        reactions[index] = reactions[new_length];
-        reactions.pop();
-      }
-    }
-  }
-  if (reactions === null && (dependency.f & DERIVED) !== 0 && // Destroying a child effect while updating a parent effect can cause a dependency to appear
-  // to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
-  // allows us to skip the expensive work of disconnecting and immediately reconnecting it
-  (new_deps === null || !new_deps.includes(dependency))) {
-    var derived = (
-      /** @type {Derived} */
-      dependency
-    );
-    if ((derived.f & CONNECTED) !== 0) {
-      derived.f ^= CONNECTED;
-      derived.f &= ~WAS_MARKED;
-    }
-    update_derived_status(derived);
-    destroy_derived_effects(derived);
-    remove_reactions(derived, 0);
-  }
-}
-function remove_reactions(signal, start_index) {
-  var dependencies = signal.deps;
-  if (dependencies === null) return;
-  for (var i = start_index; i < dependencies.length; i++) {
-    remove_reaction(signal, dependencies[i]);
-  }
-}
-function update_effect(effect) {
-  var flags2 = effect.f;
-  if ((flags2 & DESTROYED) !== 0) {
-    return;
-  }
-  set_signal_status(effect, CLEAN);
-  var previous_effect = active_effect;
-  var was_updating_effect = is_updating_effect;
-  active_effect = effect;
-  is_updating_effect = true;
-  try {
-    if ((flags2 & (BLOCK_EFFECT | MANAGED_EFFECT)) !== 0) {
-      destroy_block_effect_children(effect);
-    } else {
-      destroy_effect_children(effect);
-    }
-    execute_effect_teardown(effect);
-    var teardown = update_reaction(effect);
-    effect.teardown = typeof teardown === "function" ? teardown : null;
-    effect.wv = write_version;
-    var dep;
-    if (BROWSER && tracing_mode_flag && (effect.f & DIRTY) !== 0 && effect.deps !== null) ;
-  } finally {
-    is_updating_effect = was_updating_effect;
-    active_effect = previous_effect;
-  }
-}
-function get(signal) {
-  var flags2 = signal.f;
-  var is_derived = (flags2 & DERIVED) !== 0;
-  if (active_reaction !== null && !untracking) {
-    var destroyed = active_effect !== null && (active_effect.f & DESTROYED) !== 0;
-    if (!destroyed && !current_sources?.includes(signal)) {
-      var deps = active_reaction.deps;
-      if ((active_reaction.f & REACTION_IS_UPDATING) !== 0) {
-        if (signal.rv < read_version) {
-          signal.rv = read_version;
-          if (new_deps === null && deps !== null && deps[skipped_deps] === signal) {
-            skipped_deps++;
-          } else if (new_deps === null) {
-            new_deps = [signal];
-          } else if (!new_deps.includes(signal)) {
-            new_deps.push(signal);
-          }
-        }
-      } else {
-        (active_reaction.deps ??= []).push(signal);
-        var reactions = signal.reactions;
-        if (reactions === null) {
-          signal.reactions = [active_reaction];
-        } else if (!reactions.includes(active_reaction)) {
-          reactions.push(active_reaction);
-        }
-      }
-    }
-  }
-  if (is_destroying_effect && old_values.has(signal)) {
-    return old_values.get(signal);
-  }
-  if (is_derived) {
-    var derived = (
-      /** @type {Derived} */
-      signal
-    );
-    if (is_destroying_effect) {
-      var value = derived.v;
-      if ((derived.f & CLEAN) === 0 && derived.reactions !== null || depends_on_old_values(derived)) {
-        value = execute_derived(derived);
-      }
-      old_values.set(derived, value);
-      return value;
-    }
-    var should_connect = (derived.f & CONNECTED) === 0 && !untracking && active_reaction !== null && (is_updating_effect || (active_reaction.f & CONNECTED) !== 0);
-    var is_new = derived.deps === null;
-    if (is_dirty(derived)) {
-      if (should_connect) {
-        derived.f |= CONNECTED;
-      }
-      update_derived(derived);
-    }
-    if (should_connect && !is_new) {
-      reconnect(derived);
-    }
-  }
-  if (batch_values?.has(signal)) {
-    return batch_values.get(signal);
-  }
-  if ((signal.f & ERROR_VALUE) !== 0) {
-    throw signal.v;
-  }
-  return signal.v;
-}
-function reconnect(derived) {
-  if (derived.deps === null) return;
-  derived.f |= CONNECTED;
-  for (const dep of derived.deps) {
-    (dep.reactions ??= []).push(derived);
-    if ((dep.f & DERIVED) !== 0 && (dep.f & CONNECTED) === 0) {
-      reconnect(
-        /** @type {Derived} */
-        dep
-      );
-    }
-  }
-}
-function depends_on_old_values(derived) {
-  if (derived.v === UNINITIALIZED) return true;
-  if (derived.deps === null) return false;
-  for (const dep of derived.deps) {
-    if (old_values.has(dep)) {
-      return true;
-    }
-    if ((dep.f & DERIVED) !== 0 && depends_on_old_values(
-      /** @type {Derived} */
-      dep
-    )) {
-      return true;
-    }
-  }
-  return false;
-}
-function untrack(fn) {
-  var previous_untracking = untracking;
-  try {
-    untracking = true;
-    return fn();
-  } finally {
-    untracking = previous_untracking;
-  }
-}
-const all_registered_events = /* @__PURE__ */ new Set();
-const root_event_handles = /* @__PURE__ */ new Set();
-let last_propagated_event = null;
-function handle_event_propagation(event) {
-  var handler_element = this;
-  var owner_document = (
-    /** @type {Node} */
-    handler_element.ownerDocument
-  );
-  var event_name = event.type;
-  var path = event.composedPath?.() || [];
-  var current_target = (
-    /** @type {null | Element} */
-    path[0] || event.target
-  );
-  last_propagated_event = event;
-  var path_idx = 0;
-  var handled_at = last_propagated_event === event && event.__root;
-  if (handled_at) {
-    var at_idx = path.indexOf(handled_at);
-    if (at_idx !== -1 && (handler_element === document || handler_element === /** @type {any} */
-    window)) {
-      event.__root = handler_element;
-      return;
-    }
-    var handler_idx = path.indexOf(handler_element);
-    if (handler_idx === -1) {
-      return;
-    }
-    if (at_idx <= handler_idx) {
-      path_idx = at_idx;
-    }
-  }
-  current_target = /** @type {Element} */
-  path[path_idx] || event.target;
-  if (current_target === handler_element) return;
-  define_property(event, "currentTarget", {
-    configurable: true,
-    get() {
-      return current_target || owner_document;
-    }
-  });
-  var previous_reaction = active_reaction;
-  var previous_effect = active_effect;
-  set_active_reaction(null);
-  set_active_effect(null);
-  try {
-    var throw_error;
-    var other_errors = [];
-    while (current_target !== null) {
-      var parent_element = current_target.assignedSlot || current_target.parentNode || /** @type {any} */
-      current_target.host || null;
-      try {
-        var delegated = current_target["__" + event_name];
-        if (delegated != null && (!/** @type {any} */
-        current_target.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
-        // -> the target could not have been disabled because it emits the event in the first place
-        event.target === current_target)) {
-          delegated.call(current_target, event);
-        }
-      } catch (error) {
-        if (throw_error) {
-          other_errors.push(error);
-        } else {
-          throw_error = error;
-        }
-      }
-      if (event.cancelBubble || parent_element === handler_element || parent_element === null) {
-        break;
-      }
-      current_target = parent_element;
-    }
-    if (throw_error) {
-      for (let error of other_errors) {
-        queueMicrotask(() => {
-          throw error;
-        });
-      }
-      throw throw_error;
-    }
-  } finally {
-    event.__root = handler_element;
-    delete event.currentTarget;
-    set_active_reaction(previous_reaction);
-    set_active_effect(previous_effect);
-  }
-}
-function assign_nodes(start, end) {
-  var effect = (
-    /** @type {Effect} */
-    active_effect
-  );
-  if (effect.nodes === null) {
-    effect.nodes = { start, end, a: null, t: null };
-  }
-}
-function mount(component, options2) {
-  return _mount(component, options2);
-}
-function hydrate(component, options2) {
-  init_operations();
-  options2.intro = options2.intro ?? false;
-  const target = options2.target;
-  const was_hydrating = hydrating;
-  const previous_hydrate_node = hydrate_node;
-  try {
-    var anchor = /* @__PURE__ */ get_first_child(target);
-    while (anchor && (anchor.nodeType !== COMMENT_NODE || /** @type {Comment} */
-    anchor.data !== HYDRATION_START)) {
-      anchor = /* @__PURE__ */ get_next_sibling(anchor);
-    }
-    if (!anchor) {
-      throw HYDRATION_ERROR;
-    }
-    set_hydrating(true);
-    set_hydrate_node(
-      /** @type {Comment} */
-      anchor
-    );
-    const instance = _mount(component, { ...options2, anchor });
-    set_hydrating(false);
-    return (
-      /**  @type {Exports} */
-      instance
-    );
-  } catch (error) {
-    if (error instanceof Error && error.message.split("\n").some((line) => line.startsWith("https://svelte.dev/e/"))) {
-      throw error;
-    }
-    if (error !== HYDRATION_ERROR) {
-      console.warn("Failed to hydrate: ", error);
-    }
-    if (options2.recover === false) {
-      hydration_failed();
-    }
-    init_operations();
-    clear_text_content(target);
-    set_hydrating(false);
-    return mount(component, options2);
-  } finally {
-    set_hydrating(was_hydrating);
-    set_hydrate_node(previous_hydrate_node);
-  }
-}
-const document_listeners = /* @__PURE__ */ new Map();
-function _mount(Component, { target, anchor, props = {}, events, context, intro = true }) {
-  init_operations();
-  var registered_events = /* @__PURE__ */ new Set();
-  var event_handle = (events2) => {
-    for (var i = 0; i < events2.length; i++) {
-      var event_name = events2[i];
-      if (registered_events.has(event_name)) continue;
-      registered_events.add(event_name);
-      var passive = is_passive_event(event_name);
-      target.addEventListener(event_name, handle_event_propagation, { passive });
-      var n = document_listeners.get(event_name);
-      if (n === void 0) {
-        document.addEventListener(event_name, handle_event_propagation, { passive });
-        document_listeners.set(event_name, 1);
-      } else {
-        document_listeners.set(event_name, n + 1);
-      }
-    }
-  };
-  event_handle(array_from(all_registered_events));
-  root_event_handles.add(event_handle);
-  var component = void 0;
-  var unmount2 = component_root(() => {
-    var anchor_node = anchor ?? target.appendChild(create_text());
-    boundary(
-      /** @type {TemplateNode} */
-      anchor_node,
-      {
-        pending: () => {
-        }
-      },
-      (anchor_node2) => {
-        if (context) {
-          push({});
-          var ctx = (
-            /** @type {ComponentContext} */
-            component_context
-          );
-          ctx.c = context;
-        }
-        if (events) {
-          props.$$events = events;
-        }
-        if (hydrating) {
-          assign_nodes(
-            /** @type {TemplateNode} */
-            anchor_node2,
-            null
-          );
-        }
-        component = Component(anchor_node2, props) || {};
-        if (hydrating) {
-          active_effect.nodes.end = hydrate_node;
-          if (hydrate_node === null || hydrate_node.nodeType !== COMMENT_NODE || /** @type {Comment} */
-          hydrate_node.data !== HYDRATION_END) {
-            hydration_mismatch();
-            throw HYDRATION_ERROR;
-          }
-        }
-        if (context) {
-          pop();
-        }
-      }
-    );
-    return () => {
-      for (var event_name of registered_events) {
-        target.removeEventListener(event_name, handle_event_propagation);
-        var n = (
-          /** @type {number} */
-          document_listeners.get(event_name)
-        );
-        if (--n === 0) {
-          document.removeEventListener(event_name, handle_event_propagation);
-          document_listeners.delete(event_name);
-        } else {
-          document_listeners.set(event_name, n);
-        }
-      }
-      root_event_handles.delete(event_handle);
-      if (anchor_node !== anchor) {
-        anchor_node.parentNode?.removeChild(anchor_node);
-      }
-    };
-  });
-  mounted_components.set(component, unmount2);
-  return component;
-}
-let mounted_components = /* @__PURE__ */ new WeakMap();
-function unmount(component, options2) {
-  const fn = mounted_components.get(component);
-  if (fn) {
-    mounted_components.delete(component);
-    return fn(options2);
-  }
-  return Promise.resolve();
-}
-function asClassComponent$1(component) {
-  return class extends Svelte4Component {
-    /** @param {any} options */
-    constructor(options2) {
-      super({
-        component,
-        ...options2
-      });
-    }
-  };
-}
-class Svelte4Component {
-  /** @type {any} */
-  #events;
-  /** @type {Record<string, any>} */
-  #instance;
-  /**
-   * @param {ComponentConstructorOptions & {
-   *  component: any;
-   * }} options
-   */
-  constructor(options2) {
-    var sources = /* @__PURE__ */ new Map();
-    var add_source = (key, value) => {
-      var s = /* @__PURE__ */ mutable_source(value, false, false);
-      sources.set(key, s);
-      return s;
-    };
-    const props = new Proxy(
-      { ...options2.props || {}, $$events: {} },
-      {
-        get(target, prop) {
-          return get(sources.get(prop) ?? add_source(prop, Reflect.get(target, prop)));
-        },
-        has(target, prop) {
-          if (prop === LEGACY_PROPS) return true;
-          get(sources.get(prop) ?? add_source(prop, Reflect.get(target, prop)));
-          return Reflect.has(target, prop);
-        },
-        set(target, prop, value) {
-          set(sources.get(prop) ?? add_source(prop, value), value);
-          return Reflect.set(target, prop, value);
-        }
-      }
-    );
-    this.#instance = (options2.hydrate ? hydrate : mount)(options2.component, {
-      target: options2.target,
-      anchor: options2.anchor,
-      props,
-      context: options2.context,
-      intro: options2.intro ?? false,
-      recover: options2.recover
-    });
-    if (!options2?.props?.$$host || options2.sync === false) {
-      flushSync();
-    }
-    this.#events = props.$$events;
-    for (const key of Object.keys(this.#instance)) {
-      if (key === "$set" || key === "$destroy" || key === "$on") continue;
-      define_property(this, key, {
-        get() {
-          return this.#instance[key];
-        },
-        /** @param {any} value */
-        set(value) {
-          this.#instance[key] = value;
-        },
-        enumerable: true
-      });
-    }
-    this.#instance.$set = /** @param {Record<string, any>} next */
-    (next2) => {
-      Object.assign(props, next2);
-    };
-    this.#instance.$destroy = () => {
-      unmount(this.#instance);
-    };
-  }
-  /** @param {Record<string, any>} props */
-  $set(props) {
-    this.#instance.$set(props);
-  }
-  /**
-   * @param {string} event
-   * @param {(...args: any[]) => any} callback
-   * @returns {any}
-   */
-  $on(event, callback) {
-    this.#events[event] = this.#events[event] || [];
-    const cb = (...args) => callback.call(this, ...args);
-    this.#events[event].push(cb);
-    return () => {
-      this.#events[event] = this.#events[event].filter(
-        /** @param {any} fn */
-        (fn) => fn !== cb
-      );
-    };
-  }
-  $destroy() {
-    this.#instance.$destroy();
-  }
-}
-let read_implementation = null;
-function set_read_implementation(fn) {
-  read_implementation = fn;
-}
-function set_manifest(_) {
-}
-function asClassComponent(component) {
-  const component_constructor = asClassComponent$1(component);
-  const _render = (props, { context, csp } = {}) => {
-    const result = render(component, { props, context, csp });
-    const munged = Object.defineProperties(
-      /** @type {LegacyRenderResult & PromiseLike<LegacyRenderResult>} */
-      {},
-      {
-        css: {
-          value: { code: "", map: null }
-        },
-        head: {
-          get: () => result.head
-        },
-        html: {
-          get: () => result.body
-        },
-        then: {
-          /**
-           * this is not type-safe, but honestly it's the best I can do right now, and it's a straightforward function.
-           *
-           * @template TResult1
-           * @template [TResult2=never]
-           * @param { (value: LegacyRenderResult) => TResult1 } onfulfilled
-           * @param { (reason: unknown) => TResult2 } onrejected
-           */
-          value: (onfulfilled, onrejected) => {
-            {
-              const user_result = onfulfilled({
-                css: munged.css,
-                head: munged.head,
-                html: munged.html
-              });
-              return Promise.resolve(user_result);
-            }
-          }
-        }
-      }
-    );
-    return munged;
-  };
-  component_constructor.render = _render;
-  return component_constructor;
-}
-function Root($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      stores,
-      page,
-      constructors,
-      components = [],
-      form,
-      data_0 = null,
-      data_1 = null
-    } = $$props;
-    {
-      setContext("__svelte__", stores);
-    }
-    {
-      stores.page.set(page);
-    }
-    const Pyramid_1 = constructors[1];
-    if (constructors[1]) {
-      $$renderer2.push("<!--[-->");
-      const Pyramid_0 = constructors[0];
-      $$renderer2.push(`<!---->`);
-      Pyramid_0($$renderer2, {
-        data: data_0,
-        form,
-        params: page.params,
-        children: ($$renderer3) => {
-          $$renderer3.push(`<!---->`);
-          Pyramid_1($$renderer3, { data: data_1, form, params: page.params });
-          $$renderer3.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[!-->");
-      const Pyramid_0 = constructors[0];
-      $$renderer2.push(`<!---->`);
-      Pyramid_0($$renderer2, { data: data_0, form, params: page.params });
-      $$renderer2.push(`<!---->`);
-    }
-    $$renderer2.push(`<!--]--> `);
-    {
-      $$renderer2.push("<!--[!-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-const root = asClassComponent(Root);
-const options = {
-  app_template_contains_nonce: false,
-  async: false,
-  csp: { "mode": "auto", "directives": { "upgrade-insecure-requests": false, "block-all-mixed-content": false }, "reportOnly": { "upgrade-insecure-requests": false, "block-all-mixed-content": false } },
-  csrf_check_origin: true,
-  csrf_trusted_origins: [],
-  embedded: false,
-  env_public_prefix: "PUBLIC_",
-  env_private_prefix: "",
-  hash_routing: false,
-  hooks: null,
-  // added lazily, via `get_hooks`
-  preload_strategy: "modulepreload",
-  root,
-  service_worker: false,
-  service_worker_options: void 0,
-  templates: {
-    app: ({ head, body, assets, nonce, env }) => '<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1" />\n    <title>Mode Template</title>\n    ' + head + '\n  </head>\n  <body data-sveltekit-preload-data="hover">\n    <div style="display: contents">' + body + "</div>\n  </body>\n</html>\n",
-    error: ({ status, message }) => '<!doctype html>\n<html lang="en">\n	<head>\n		<meta charset="utf-8" />\n		<title>' + message + `</title>
-
-		<style>
-			body {
-				--bg: white;
-				--fg: #222;
-				--divider: #ccc;
-				background: var(--bg);
-				color: var(--fg);
-				font-family:
-					system-ui,
-					-apple-system,
-					BlinkMacSystemFont,
-					'Segoe UI',
-					Roboto,
-					Oxygen,
-					Ubuntu,
-					Cantarell,
-					'Open Sans',
-					'Helvetica Neue',
-					sans-serif;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				height: 100vh;
-				margin: 0;
-			}
-
-			.error {
-				display: flex;
-				align-items: center;
-				max-width: 32rem;
-				margin: 0 1rem;
-			}
-
-			.status {
-				font-weight: 200;
-				font-size: 3rem;
-				line-height: 1;
-				position: relative;
-				top: -0.05rem;
-			}
-
-			.message {
-				border-left: 1px solid var(--divider);
-				padding: 0 0 0 1rem;
-				margin: 0 0 0 1rem;
-				min-height: 2.5rem;
-				display: flex;
-				align-items: center;
-			}
-
-			.message h1 {
-				font-weight: 400;
-				font-size: 1em;
-				margin: 0;
-			}
-
-			@media (prefers-color-scheme: dark) {
-				body {
-					--bg: #222;
-					--fg: #ddd;
-					--divider: #666;
-				}
-			}
-		</style>
-	</head>
-	<body>
-		<div class="error">
-			<span class="status">` + status + '</span>\n			<div class="message">\n				<h1>' + message + "</h1>\n			</div>\n		</div>\n	</body>\n</html>\n"
-  },
-  version_hash: "1u12ak4"
-};
-async function get_hooks() {
-  let handle;
-  let handleFetch;
-  let handleError;
-  let handleValidationError;
-  let init;
-  let reroute;
-  let transport;
-  return {
-    handle,
-    handleFetch,
-    handleError,
-    handleValidationError,
-    init,
-    reroute,
-    transport
-  };
-}
-export {
-  set_public_env as a,
-  set_read_implementation as b,
-  set_manifest as c,
-  get_hooks as g,
-  options as o,
-  public_env as p,
-  read_implementation as r,
-  set_private_env as s
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/shared.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/shared.js
deleted file mode 100644
index be2c743..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/shared.js
+++ /dev/null
@@ -1,542 +0,0 @@
-import * as devalue from "devalue";
-import { t as text_decoder, b as base64_encode, c as base64_decode } from "./utils.js";
-import { SvelteKitError } from "@sveltejs/kit/internal";
-function set_nested_value(object, path_string, value) {
-  if (path_string.startsWith("n:")) {
-    path_string = path_string.slice(2);
-    value = value === "" ? void 0 : parseFloat(value);
-  } else if (path_string.startsWith("b:")) {
-    path_string = path_string.slice(2);
-    value = value === "on";
-  }
-  deep_set(object, split_path(path_string), value);
-}
-function convert_formdata(data) {
-  const result = {};
-  for (let key of data.keys()) {
-    const is_array = key.endsWith("[]");
-    let values = data.getAll(key);
-    if (is_array) key = key.slice(0, -2);
-    if (values.length > 1 && !is_array) {
-      throw new Error(`Form cannot contain duplicated keys — "${key}" has ${values.length} values`);
-    }
-    values = values.filter(
-      (entry) => typeof entry === "string" || entry.name !== "" || entry.size > 0
-    );
-    if (key.startsWith("n:")) {
-      key = key.slice(2);
-      values = values.map((v) => v === "" ? void 0 : parseFloat(
-        /** @type {string} */
-        v
-      ));
-    } else if (key.startsWith("b:")) {
-      key = key.slice(2);
-      values = values.map((v) => v === "on");
-    }
-    set_nested_value(result, key, is_array ? values : values[0]);
-  }
-  return result;
-}
-const BINARY_FORM_CONTENT_TYPE = "application/x-sveltekit-formdata";
-const BINARY_FORM_VERSION = 0;
-const HEADER_BYTES = 1 + 4 + 2;
-async function deserialize_binary_form(request) {
-  if (request.headers.get("content-type") !== BINARY_FORM_CONTENT_TYPE) {
-    const form_data = await request.formData();
-    return { data: convert_formdata(form_data), meta: {}, form_data };
-  }
-  if (!request.body) {
-    throw deserialize_error("no body");
-  }
-  const content_length = parseInt(request.headers.get("content-length") ?? "");
-  if (Number.isNaN(content_length)) {
-    throw deserialize_error("invalid Content-Length header");
-  }
-  const reader = request.body.getReader();
-  const chunks = [];
-  function get_chunk(index) {
-    if (index in chunks) return chunks[index];
-    let i = chunks.length;
-    while (i <= index) {
-      chunks[i] = reader.read().then((chunk) => chunk.value);
-      i++;
-    }
-    return chunks[index];
-  }
-  async function get_buffer(offset, length) {
-    let start_chunk;
-    let chunk_start = 0;
-    let chunk_index;
-    for (chunk_index = 0; ; chunk_index++) {
-      const chunk = await get_chunk(chunk_index);
-      if (!chunk) return null;
-      const chunk_end = chunk_start + chunk.byteLength;
-      if (offset >= chunk_start && offset < chunk_end) {
-        start_chunk = chunk;
-        break;
-      }
-      chunk_start = chunk_end;
-    }
-    if (offset + length <= chunk_start + start_chunk.byteLength) {
-      return start_chunk.subarray(offset - chunk_start, offset + length - chunk_start);
-    }
-    const chunks2 = [start_chunk.subarray(offset - chunk_start)];
-    let cursor = start_chunk.byteLength - offset + chunk_start;
-    while (cursor < length) {
-      chunk_index++;
-      let chunk = await get_chunk(chunk_index);
-      if (!chunk) return null;
-      if (chunk.byteLength > length - cursor) {
-        chunk = chunk.subarray(0, length - cursor);
-      }
-      chunks2.push(chunk);
-      cursor += chunk.byteLength;
-    }
-    const buffer = new Uint8Array(length);
-    cursor = 0;
-    for (const chunk of chunks2) {
-      buffer.set(chunk, cursor);
-      cursor += chunk.byteLength;
-    }
-    return buffer;
-  }
-  const header = await get_buffer(0, HEADER_BYTES);
-  if (!header) throw deserialize_error("too short");
-  if (header[0] !== BINARY_FORM_VERSION) {
-    throw deserialize_error(`got version ${header[0]}, expected version ${BINARY_FORM_VERSION}`);
-  }
-  const header_view = new DataView(header.buffer, header.byteOffset, header.byteLength);
-  const data_length = header_view.getUint32(1, true);
-  if (HEADER_BYTES + data_length > content_length) {
-    throw deserialize_error("data overflow");
-  }
-  const file_offsets_length = header_view.getUint16(5, true);
-  if (HEADER_BYTES + data_length + file_offsets_length > content_length) {
-    throw deserialize_error("file offset table overflow");
-  }
-  const data_buffer = await get_buffer(HEADER_BYTES, data_length);
-  if (!data_buffer) throw deserialize_error("data too short");
-  let file_offsets;
-  let files_start_offset;
-  if (file_offsets_length > 0) {
-    const file_offsets_buffer = await get_buffer(HEADER_BYTES + data_length, file_offsets_length);
-    if (!file_offsets_buffer) throw deserialize_error("file offset table too short");
-    file_offsets = /** @type {Array<number>} */
-    JSON.parse(text_decoder.decode(file_offsets_buffer));
-    files_start_offset = HEADER_BYTES + data_length + file_offsets_length;
-  }
-  const [data, meta] = devalue.parse(text_decoder.decode(data_buffer), {
-    File: ([name, type, size, last_modified, index]) => {
-      if (files_start_offset + file_offsets[index] + size > content_length) {
-        throw deserialize_error("file data overflow");
-      }
-      return new Proxy(
-        new LazyFile(
-          name,
-          type,
-          size,
-          last_modified,
-          get_chunk,
-          files_start_offset + file_offsets[index]
-        ),
-        {
-          getPrototypeOf() {
-            return File.prototype;
-          }
-        }
-      );
-    }
-  });
-  void (async () => {
-    let has_more = true;
-    while (has_more) {
-      const chunk = await get_chunk(chunks.length);
-      has_more = !!chunk;
-    }
-  })();
-  return { data, meta, form_data: null };
-}
-function deserialize_error(message) {
-  return new SvelteKitError(400, "Bad Request", `Could not deserialize binary form: ${message}`);
-}
-class LazyFile {
-  /** @type {(index: number) => Promise<Uint8Array<ArrayBuffer> | undefined>} */
-  #get_chunk;
-  /** @type {number} */
-  #offset;
-  /**
-   * @param {string} name
-   * @param {string} type
-   * @param {number} size
-   * @param {number} last_modified
-   * @param {(index: number) => Promise<Uint8Array<ArrayBuffer> | undefined>} get_chunk
-   * @param {number} offset
-   */
-  constructor(name, type, size, last_modified, get_chunk, offset) {
-    this.name = name;
-    this.type = type;
-    this.size = size;
-    this.lastModified = last_modified;
-    this.webkitRelativePath = "";
-    this.#get_chunk = get_chunk;
-    this.#offset = offset;
-    this.arrayBuffer = this.arrayBuffer.bind(this);
-    this.bytes = this.bytes.bind(this);
-    this.slice = this.slice.bind(this);
-    this.stream = this.stream.bind(this);
-    this.text = this.text.bind(this);
-  }
-  /** @type {ArrayBuffer | undefined} */
-  #buffer;
-  async arrayBuffer() {
-    this.#buffer ??= await new Response(this.stream()).arrayBuffer();
-    return this.#buffer;
-  }
-  async bytes() {
-    return new Uint8Array(await this.arrayBuffer());
-  }
-  /**
-   * @param {number=} start
-   * @param {number=} end
-   * @param {string=} contentType
-   */
-  slice(start = 0, end = this.size, contentType = this.type) {
-    if (start < 0) {
-      start = Math.max(this.size + start, 0);
-    } else {
-      start = Math.min(start, this.size);
-    }
-    if (end < 0) {
-      end = Math.max(this.size + end, 0);
-    } else {
-      end = Math.min(end, this.size);
-    }
-    const size = Math.max(end - start, 0);
-    const file = new LazyFile(
-      this.name,
-      contentType,
-      size,
-      this.lastModified,
-      this.#get_chunk,
-      this.#offset + start
-    );
-    return file;
-  }
-  stream() {
-    let cursor = 0;
-    let chunk_index = 0;
-    return new ReadableStream({
-      start: async (controller) => {
-        let chunk_start = 0;
-        let start_chunk = null;
-        for (chunk_index = 0; ; chunk_index++) {
-          const chunk = await this.#get_chunk(chunk_index);
-          if (!chunk) return null;
-          const chunk_end = chunk_start + chunk.byteLength;
-          if (this.#offset >= chunk_start && this.#offset < chunk_end) {
-            start_chunk = chunk;
-            break;
-          }
-          chunk_start = chunk_end;
-        }
-        if (this.#offset + this.size <= chunk_start + start_chunk.byteLength) {
-          controller.enqueue(
-            start_chunk.subarray(this.#offset - chunk_start, this.#offset + this.size - chunk_start)
-          );
-          controller.close();
-        } else {
-          controller.enqueue(start_chunk.subarray(this.#offset - chunk_start));
-          cursor = start_chunk.byteLength - this.#offset + chunk_start;
-        }
-      },
-      pull: async (controller) => {
-        chunk_index++;
-        let chunk = await this.#get_chunk(chunk_index);
-        if (!chunk) {
-          controller.error("incomplete file data");
-          controller.close();
-          return;
-        }
-        if (chunk.byteLength > this.size - cursor) {
-          chunk = chunk.subarray(0, this.size - cursor);
-        }
-        controller.enqueue(chunk);
-        cursor += chunk.byteLength;
-        if (cursor >= this.size) {
-          controller.close();
-        }
-      }
-    });
-  }
-  async text() {
-    return text_decoder.decode(await this.arrayBuffer());
-  }
-}
-const path_regex = /^[a-zA-Z_$]\w*(\.[a-zA-Z_$]\w*|\[\d+\])*$/;
-function split_path(path) {
-  if (!path_regex.test(path)) {
-    throw new Error(`Invalid path ${path}`);
-  }
-  return path.split(/\.|\[|\]/).filter(Boolean);
-}
-function check_prototype_pollution(key) {
-  if (key === "__proto__" || key === "constructor" || key === "prototype") {
-    throw new Error(
-      `Invalid key "${key}"`
-    );
-  }
-}
-function deep_set(object, keys, value) {
-  let current = object;
-  for (let i = 0; i < keys.length - 1; i += 1) {
-    const key = keys[i];
-    check_prototype_pollution(key);
-    const is_array = /^\d+$/.test(keys[i + 1]);
-    const exists = Object.hasOwn(current, key);
-    const inner = current[key];
-    if (exists && is_array !== Array.isArray(inner)) {
-      throw new Error(`Invalid array key ${keys[i + 1]}`);
-    }
-    if (!exists) {
-      current[key] = is_array ? [] : {};
-    }
-    current = current[key];
-  }
-  const final_key = keys[keys.length - 1];
-  check_prototype_pollution(final_key);
-  current[final_key] = value;
-}
-function normalize_issue(issue, server = false) {
-  const normalized = { name: "", path: [], message: issue.message, server };
-  if (issue.path !== void 0) {
-    let name = "";
-    for (const segment of issue.path) {
-      const key = (
-        /** @type {string | number} */
-        typeof segment === "object" ? segment.key : segment
-      );
-      normalized.path.push(key);
-      if (typeof key === "number") {
-        name += `[${key}]`;
-      } else if (typeof key === "string") {
-        name += name === "" ? key : "." + key;
-      }
-    }
-    normalized.name = name;
-  }
-  return normalized;
-}
-function flatten_issues(issues) {
-  const result = {};
-  for (const issue of issues) {
-    (result.$ ??= []).push(issue);
-    let name = "";
-    if (issue.path !== void 0) {
-      for (const key of issue.path) {
-        if (typeof key === "number") {
-          name += `[${key}]`;
-        } else if (typeof key === "string") {
-          name += name === "" ? key : "." + key;
-        }
-        (result[name] ??= []).push(issue);
-      }
-    }
-  }
-  return result;
-}
-function deep_get(object, path) {
-  let current = object;
-  for (const key of path) {
-    if (current == null || typeof current !== "object") {
-      return current;
-    }
-    current = current[key];
-  }
-  return current;
-}
-function create_field_proxy(target, get_input, set_input, get_issues, path = []) {
-  const get_value = () => {
-    return deep_get(get_input(), path);
-  };
-  return new Proxy(target, {
-    get(target2, prop) {
-      if (typeof prop === "symbol") return target2[prop];
-      if (/^\d+$/.test(prop)) {
-        return create_field_proxy({}, get_input, set_input, get_issues, [
-          ...path,
-          parseInt(prop, 10)
-        ]);
-      }
-      const key = build_path_string(path);
-      if (prop === "set") {
-        const set_func = function(newValue) {
-          set_input(path, newValue);
-          return newValue;
-        };
-        return create_field_proxy(set_func, get_input, set_input, get_issues, [...path, prop]);
-      }
-      if (prop === "value") {
-        return create_field_proxy(get_value, get_input, set_input, get_issues, [...path, prop]);
-      }
-      if (prop === "issues" || prop === "allIssues") {
-        const issues_func = () => {
-          const all_issues = get_issues()[key === "" ? "$" : key];
-          if (prop === "allIssues") {
-            return all_issues?.map((issue) => ({
-              path: issue.path,
-              message: issue.message
-            }));
-          }
-          return all_issues?.filter((issue) => issue.name === key)?.map((issue) => ({
-            path: issue.path,
-            message: issue.message
-          }));
-        };
-        return create_field_proxy(issues_func, get_input, set_input, get_issues, [...path, prop]);
-      }
-      if (prop === "as") {
-        const as_func = (type, input_value) => {
-          const is_array = type === "file multiple" || type === "select multiple" || type === "checkbox" && typeof input_value === "string";
-          const prefix = type === "number" || type === "range" ? "n:" : type === "checkbox" && !is_array ? "b:" : "";
-          const base_props = {
-            name: prefix + key + (is_array ? "[]" : ""),
-            get "aria-invalid"() {
-              const issues = get_issues();
-              return key in issues ? "true" : void 0;
-            }
-          };
-          if (type !== "text" && type !== "select" && type !== "select multiple") {
-            base_props.type = type === "file multiple" ? "file" : type;
-          }
-          if (type === "submit" || type === "hidden") {
-            return Object.defineProperties(base_props, {
-              value: { value: input_value, enumerable: true }
-            });
-          }
-          if (type === "select" || type === "select multiple") {
-            return Object.defineProperties(base_props, {
-              multiple: { value: is_array, enumerable: true },
-              value: {
-                enumerable: true,
-                get() {
-                  return get_value();
-                }
-              }
-            });
-          }
-          if (type === "checkbox" || type === "radio") {
-            return Object.defineProperties(base_props, {
-              value: { value: input_value ?? "on", enumerable: true },
-              checked: {
-                enumerable: true,
-                get() {
-                  const value = get_value();
-                  if (type === "radio") {
-                    return value === input_value;
-                  }
-                  if (is_array) {
-                    return (value ?? []).includes(input_value);
-                  }
-                  return value;
-                }
-              }
-            });
-          }
-          if (type === "file" || type === "file multiple") {
-            return Object.defineProperties(base_props, {
-              multiple: { value: is_array, enumerable: true },
-              files: {
-                enumerable: true,
-                get() {
-                  const value = get_value();
-                  if (value instanceof File) {
-                    if (typeof DataTransfer !== "undefined") {
-                      const fileList = new DataTransfer();
-                      fileList.items.add(value);
-                      return fileList.files;
-                    }
-                    return { 0: value, length: 1 };
-                  }
-                  if (Array.isArray(value) && value.every((f) => f instanceof File)) {
-                    if (typeof DataTransfer !== "undefined") {
-                      const fileList = new DataTransfer();
-                      value.forEach((file) => fileList.items.add(file));
-                      return fileList.files;
-                    }
-                    const fileListLike = { length: value.length };
-                    value.forEach((file, index) => {
-                      fileListLike[index] = file;
-                    });
-                    return fileListLike;
-                  }
-                  return null;
-                }
-              }
-            });
-          }
-          return Object.defineProperties(base_props, {
-            value: {
-              enumerable: true,
-              get() {
-                const value = get_value();
-                return value != null ? String(value) : "";
-              }
-            }
-          });
-        };
-        return create_field_proxy(as_func, get_input, set_input, get_issues, [...path, "as"]);
-      }
-      return create_field_proxy({}, get_input, set_input, get_issues, [...path, prop]);
-    }
-  });
-}
-function build_path_string(path) {
-  let result = "";
-  for (const segment of path) {
-    if (typeof segment === "number") {
-      result += `[${segment}]`;
-    } else {
-      result += result === "" ? segment : "." + segment;
-    }
-  }
-  return result;
-}
-const INVALIDATED_PARAM = "x-sveltekit-invalidated";
-const TRAILING_SLASH_PARAM = "x-sveltekit-trailing-slash";
-function stringify(data, transport) {
-  const encoders = Object.fromEntries(Object.entries(transport).map(([k, v]) => [k, v.encode]));
-  return devalue.stringify(data, encoders);
-}
-function stringify_remote_arg(value, transport) {
-  if (value === void 0) return "";
-  const json_string = stringify(value, transport);
-  const bytes = new TextEncoder().encode(json_string);
-  return base64_encode(bytes).replaceAll("=", "").replaceAll("+", "-").replaceAll("/", "_");
-}
-function parse_remote_arg(string, transport) {
-  if (!string) return void 0;
-  const json_string = text_decoder.decode(
-    // no need to add back `=` characters, atob can handle it
-    base64_decode(string.replaceAll("-", "+").replaceAll("_", "/"))
-  );
-  const decoders = Object.fromEntries(Object.entries(transport).map(([k, v]) => [k, v.decode]));
-  return devalue.parse(json_string, decoders);
-}
-function create_remote_key(id, payload) {
-  return id + "/" + payload;
-}
-export {
-  BINARY_FORM_CONTENT_TYPE as B,
-  INVALIDATED_PARAM as I,
-  TRAILING_SLASH_PARAM as T,
-  stringify_remote_arg as a,
-  create_field_proxy as b,
-  create_remote_key as c,
-  deserialize_binary_form as d,
-  set_nested_value as e,
-  flatten_issues as f,
-  deep_set as g,
-  normalize_issue as n,
-  parse_remote_arg as p,
-  stringify as s
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/state.svelte.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/state.svelte.js
deleted file mode 100644
index 185e89f..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/state.svelte.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import "clsx";
-import { n as noop } from "./utils2.js";
-import "@sveltejs/kit/internal/server";
-const is_legacy = noop.toString().includes("$$") || /function \w+\(\) \{\}/.test(noop.toString());
-if (is_legacy) {
-  ({
-    data: {},
-    form: null,
-    error: null,
-    params: {},
-    route: { id: null },
-    state: {},
-    status: -1,
-    url: new URL("https://example.com")
-  });
-}
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/utils.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/utils.js
deleted file mode 100644
index 78e5bde..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/utils.js
+++ /dev/null
@@ -1,43 +0,0 @@
-const text_encoder = new TextEncoder();
-const text_decoder = new TextDecoder();
-function get_relative_path(from, to) {
-  const from_parts = from.split(/[/\\]/);
-  const to_parts = to.split(/[/\\]/);
-  from_parts.pop();
-  while (from_parts[0] === to_parts[0]) {
-    from_parts.shift();
-    to_parts.shift();
-  }
-  let i = from_parts.length;
-  while (i--) from_parts[i] = "..";
-  return from_parts.concat(to_parts).join("/");
-}
-function base64_encode(bytes) {
-  if (globalThis.Buffer) {
-    return globalThis.Buffer.from(bytes).toString("base64");
-  }
-  let binary = "";
-  for (let i = 0; i < bytes.length; i++) {
-    binary += String.fromCharCode(bytes[i]);
-  }
-  return btoa(binary);
-}
-function base64_decode(encoded) {
-  if (globalThis.Buffer) {
-    const buffer = globalThis.Buffer.from(encoded, "base64");
-    return new Uint8Array(buffer);
-  }
-  const binary = atob(encoded);
-  const bytes = new Uint8Array(binary.length);
-  for (let i = 0; i < binary.length; i++) {
-    bytes[i] = binary.charCodeAt(i);
-  }
-  return bytes;
-}
-export {
-  text_encoder as a,
-  base64_encode as b,
-  base64_decode as c,
-  get_relative_path as g,
-  text_decoder as t
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/utils2.js b/ModeTemplate/frontend/.svelte-kit/output/server/chunks/utils2.js
deleted file mode 100644
index de14a79..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/chunks/utils2.js
+++ /dev/null
@@ -1,39 +0,0 @@
-var is_array = Array.isArray;
-var index_of = Array.prototype.indexOf;
-var array_from = Array.from;
-var define_property = Object.defineProperty;
-var get_descriptor = Object.getOwnPropertyDescriptor;
-var object_prototype = Object.prototype;
-var array_prototype = Array.prototype;
-var get_prototype_of = Object.getPrototypeOf;
-var is_extensible = Object.isExtensible;
-const noop = () => {
-};
-function run_all(arr) {
-  for (var i = 0; i < arr.length; i++) {
-    arr[i]();
-  }
-}
-function deferred() {
-  var resolve;
-  var reject;
-  var promise = new Promise((res, rej) => {
-    resolve = res;
-    reject = rej;
-  });
-  return { promise, resolve, reject };
-}
-export {
-  array_prototype as a,
-  get_prototype_of as b,
-  is_extensible as c,
-  deferred as d,
-  index_of as e,
-  define_property as f,
-  get_descriptor as g,
-  array_from as h,
-  is_array as i,
-  noop as n,
-  object_prototype as o,
-  run_all as r
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/entries/fallbacks/error.svelte.js b/ModeTemplate/frontend/.svelte-kit/output/server/entries/fallbacks/error.svelte.js
deleted file mode 100644
index 96096f6..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/entries/fallbacks/error.svelte.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import { g as getContext, e as escape_html } from "../../chunks/context.js";
-import "clsx";
-import "../../chunks/state.svelte.js";
-import "@sveltejs/kit/internal";
-import "../../chunks/exports.js";
-import "../../chunks/utils.js";
-import { w as writable } from "../../chunks/index.js";
-import "@sveltejs/kit/internal/server";
-function create_updated_store() {
-  const { set, subscribe } = writable(false);
-  {
-    return {
-      subscribe,
-      // eslint-disable-next-line @typescript-eslint/require-await
-      check: async () => false
-    };
-  }
-}
-const stores = {
-  updated: /* @__PURE__ */ create_updated_store()
-};
-({
-  check: stores.updated.check
-});
-function context() {
-  return getContext("__request__");
-}
-const page$1 = {
-  get error() {
-    return context().page.error;
-  },
-  get status() {
-    return context().page.status;
-  }
-};
-const page = page$1;
-function Error$1($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    $$renderer2.push(`<h1>${escape_html(page.status)}</h1> <p>${escape_html(page.error?.message)}</p>`);
-  });
-}
-export {
-  Error$1 as default
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/_layout.svelte.js b/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/_layout.svelte.js
deleted file mode 100644
index 45a30c3..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/_layout.svelte.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { w as head } from "../../chunks/index2.js";
-import { a as auth } from "../../chunks/auth.svelte.js";
-import { e as escape_html } from "../../chunks/context.js";
-function _layout($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { children } = $$props;
-    head("12qhfyh", $$renderer2, ($$renderer3) => {
-      $$renderer3.push(`<meta name="description" content="Mode Template"/>`);
-    });
-    $$renderer2.push(`<div class="app svelte-12qhfyh"><header class="svelte-12qhfyh"><nav class="svelte-12qhfyh"><a href="/" class="svelte-12qhfyh">Home</a> `);
-    if (auth.isAuthenticated) {
-      $$renderer2.push("<!--[-->");
-      $$renderer2.push(`<span>Welcome, ${escape_html(auth.user?.displayName)}</span> <button class="svelte-12qhfyh">Logout</button>`);
-    } else {
-      $$renderer2.push("<!--[!-->");
-      $$renderer2.push(`<button class="svelte-12qhfyh">Login</button>`);
-    }
-    $$renderer2.push(`<!--]--></nav></header> <main class="svelte-12qhfyh">`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></main></div>`);
-  });
-}
-export {
-  _layout as default
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/_page.svelte.js b/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/_page.svelte.js
deleted file mode 100644
index 8ee7555..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/_page.svelte.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { e as escape_html } from "../../chunks/context.js";
-import "clsx";
-import { a as auth } from "../../chunks/auth.svelte.js";
-function _page($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    $$renderer2.push(`<h1>Mode Template</h1> `);
-    if (auth.loading) {
-      $$renderer2.push("<!--[-->");
-      $$renderer2.push(`<p>Loading...</p>`);
-    } else {
-      $$renderer2.push("<!--[!-->");
-      if (auth.isAuthenticated) {
-        $$renderer2.push("<!--[-->");
-        $$renderer2.push(`<p>Welcome, ${escape_html(auth.user?.displayName)}!</p> <p>Email: ${escape_html(auth.user?.email)}</p>`);
-      } else {
-        $$renderer2.push("<!--[!-->");
-        $$renderer2.push(`<p>Please log in to continue.</p> <button>Sign in with Microsoft</button>`);
-      }
-      $$renderer2.push(`<!--]-->`);
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-export {
-  _page as default
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/callback/_page.svelte.js b/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/callback/_page.svelte.js
deleted file mode 100644
index 0c129b2..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/entries/pages/callback/_page.svelte.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import "clsx";
-import "@sveltejs/kit/internal";
-import "../../../chunks/exports.js";
-import "../../../chunks/utils.js";
-import "@sveltejs/kit/internal/server";
-import "../../../chunks/state.svelte.js";
-function _page($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    $$renderer2.push(`<h1>Authenticating...</h1> `);
-    {
-      $$renderer2.push("<!--[!-->");
-      $$renderer2.push(`<p>Please wait...</p>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-export {
-  _page as default
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/index.js b/ModeTemplate/frontend/.svelte-kit/output/server/index.js
deleted file mode 100644
index 6ed6366..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/index.js
+++ /dev/null
@@ -1,3863 +0,0 @@
-import { B as BROWSER, a as assets, b as base, c as app_dir, r as relative, o as override, d as reset } from "./chunks/environment.js";
-import { json, text, error } from "@sveltejs/kit";
-import { HttpError, SvelteKitError, Redirect, ActionFailure } from "@sveltejs/kit/internal";
-import { with_request_store, merge_tracing, try_get_request_store } from "@sveltejs/kit/internal/server";
-import { B as BINARY_FORM_CONTENT_TYPE, c as create_remote_key, p as parse_remote_arg, s as stringify, d as deserialize_binary_form, T as TRAILING_SLASH_PARAM, I as INVALIDATED_PARAM } from "./chunks/shared.js";
-import * as devalue from "devalue";
-import { m as make_trackable, d as disable_search, a as decode_params, S as SCHEME, v as validate_layout_server_exports, b as validate_layout_exports, c as validate_page_server_exports, e as validate_page_exports, n as normalize_path, r as resolve, f as decode_pathname, g as validate_server_exports } from "./chunks/exports.js";
-import { b as base64_encode, t as text_decoder, a as text_encoder, g as get_relative_path } from "./chunks/utils.js";
-import { r as readable, w as writable } from "./chunks/index.js";
-import { p as public_env, r as read_implementation, o as options, s as set_private_env, a as set_public_env, g as get_hooks, b as set_read_implementation } from "./chunks/internal.js";
-import { parse, serialize } from "cookie";
-import * as set_cookie_parser from "set-cookie-parser";
-function with_resolvers() {
-  let resolve2;
-  let reject;
-  const promise = new Promise((res, rej) => {
-    resolve2 = res;
-    reject = rej;
-  });
-  return { promise, resolve: resolve2, reject };
-}
-const NULL_BODY_STATUS = [101, 103, 204, 205, 304];
-const IN_WEBCONTAINER = !!globalThis.process?.versions?.webcontainer;
-const SVELTE_KIT_ASSETS = "/_svelte_kit_assets";
-const ENDPOINT_METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS", "HEAD"];
-const PAGE_METHODS = ["GET", "POST", "HEAD"];
-function negotiate(accept, types) {
-  const parts = [];
-  accept.split(",").forEach((str, i) => {
-    const match = /([^/ \t]+)\/([^; \t]+)[ \t]*(?:;[ \t]*q=([0-9.]+))?/.exec(str);
-    if (match) {
-      const [, type, subtype, q = "1"] = match;
-      parts.push({ type, subtype, q: +q, i });
-    }
-  });
-  parts.sort((a, b) => {
-    if (a.q !== b.q) {
-      return b.q - a.q;
-    }
-    if (a.subtype === "*" !== (b.subtype === "*")) {
-      return a.subtype === "*" ? 1 : -1;
-    }
-    if (a.type === "*" !== (b.type === "*")) {
-      return a.type === "*" ? 1 : -1;
-    }
-    return a.i - b.i;
-  });
-  let accepted;
-  let min_priority = Infinity;
-  for (const mimetype of types) {
-    const [type, subtype] = mimetype.split("/");
-    const priority = parts.findIndex(
-      (part) => (part.type === type || part.type === "*") && (part.subtype === subtype || part.subtype === "*")
-    );
-    if (priority !== -1 && priority < min_priority) {
-      accepted = mimetype;
-      min_priority = priority;
-    }
-  }
-  return accepted;
-}
-function is_content_type(request, ...types) {
-  const type = request.headers.get("content-type")?.split(";", 1)[0].trim() ?? "";
-  return types.includes(type.toLowerCase());
-}
-function is_form_content_type(request) {
-  return is_content_type(
-    request,
-    "application/x-www-form-urlencoded",
-    "multipart/form-data",
-    "text/plain",
-    BINARY_FORM_CONTENT_TYPE
-  );
-}
-function coalesce_to_error(err) {
-  return err instanceof Error || err && /** @type {any} */
-  err.name && /** @type {any} */
-  err.message ? (
-    /** @type {Error} */
-    err
-  ) : new Error(JSON.stringify(err));
-}
-function normalize_error(error2) {
-  return (
-    /** @type {import('../exports/internal/index.js').Redirect | HttpError | SvelteKitError | Error} */
-    error2
-  );
-}
-function get_status(error2) {
-  return error2 instanceof HttpError || error2 instanceof SvelteKitError ? error2.status : 500;
-}
-function get_message(error2) {
-  return error2 instanceof SvelteKitError ? error2.text : "Internal Error";
-}
-const escape_html_attr_dict = {
-  "&": "&amp;",
-  '"': "&quot;"
-  // Svelte also escapes < because the escape function could be called inside a `noscript` there
-  // https://github.com/sveltejs/svelte/security/advisories/GHSA-8266-84wp-wv5c
-  // However, that doesn't apply in SvelteKit
-};
-const escape_html_dict = {
-  "&": "&amp;",
-  "<": "&lt;"
-};
-const surrogates = (
-  // high surrogate without paired low surrogate
-  "[\\ud800-\\udbff](?![\\udc00-\\udfff])|[\\ud800-\\udbff][\\udc00-\\udfff]|[\\udc00-\\udfff]"
-);
-const escape_html_attr_regex = new RegExp(
-  `[${Object.keys(escape_html_attr_dict).join("")}]|` + surrogates,
-  "g"
-);
-const escape_html_regex = new RegExp(
-  `[${Object.keys(escape_html_dict).join("")}]|` + surrogates,
-  "g"
-);
-function escape_html(str, is_attr) {
-  const dict = is_attr ? escape_html_attr_dict : escape_html_dict;
-  const escaped_str = str.replace(is_attr ? escape_html_attr_regex : escape_html_regex, (match) => {
-    if (match.length === 2) {
-      return match;
-    }
-    return dict[match] ?? `&#${match.charCodeAt(0)};`;
-  });
-  return escaped_str;
-}
-function method_not_allowed(mod, method) {
-  return text(`${method} method not allowed`, {
-    status: 405,
-    headers: {
-      // https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/405
-      // "The server must generate an Allow header field in a 405 status code response"
-      allow: allowed_methods(mod).join(", ")
-    }
-  });
-}
-function allowed_methods(mod) {
-  const allowed = ENDPOINT_METHODS.filter((method) => method in mod);
-  if ("GET" in mod && !("HEAD" in mod)) {
-    allowed.push("HEAD");
-  }
-  return allowed;
-}
-function get_global_name(options2) {
-  return `__sveltekit_${options2.version_hash}`;
-}
-function static_error_page(options2, status, message) {
-  let page = options2.templates.error({ status, message: escape_html(message) });
-  return text(page, {
-    headers: { "content-type": "text/html; charset=utf-8" },
-    status
-  });
-}
-async function handle_fatal_error(event, state, options2, error2) {
-  error2 = error2 instanceof HttpError ? error2 : coalesce_to_error(error2);
-  const status = get_status(error2);
-  const body2 = await handle_error_and_jsonify(event, state, options2, error2);
-  const type = negotiate(event.request.headers.get("accept") || "text/html", [
-    "application/json",
-    "text/html"
-  ]);
-  if (event.isDataRequest || type === "application/json") {
-    return json(body2, {
-      status
-    });
-  }
-  return static_error_page(options2, status, body2.message);
-}
-async function handle_error_and_jsonify(event, state, options2, error2) {
-  if (error2 instanceof HttpError) {
-    return { message: "Unknown Error", ...error2.body };
-  }
-  const status = get_status(error2);
-  const message = get_message(error2);
-  return await with_request_store(
-    { event, state },
-    () => options2.hooks.handleError({ error: error2, event, status, message })
-  ) ?? { message };
-}
-function redirect_response(status, location) {
-  const response = new Response(void 0, {
-    status,
-    headers: { location }
-  });
-  return response;
-}
-function clarify_devalue_error(event, error2) {
-  if (error2.path) {
-    return `Data returned from \`load\` while rendering ${event.route.id} is not serializable: ${error2.message} (${error2.path}). If you need to serialize/deserialize custom types, use transport hooks: https://svelte.dev/docs/kit/hooks#Universal-hooks-transport.`;
-  }
-  if (error2.path === "") {
-    return `Data returned from \`load\` while rendering ${event.route.id} is not a plain object`;
-  }
-  return error2.message;
-}
-function serialize_uses(node) {
-  const uses = {};
-  if (node.uses && node.uses.dependencies.size > 0) {
-    uses.dependencies = Array.from(node.uses.dependencies);
-  }
-  if (node.uses && node.uses.search_params.size > 0) {
-    uses.search_params = Array.from(node.uses.search_params);
-  }
-  if (node.uses && node.uses.params.size > 0) {
-    uses.params = Array.from(node.uses.params);
-  }
-  if (node.uses?.parent) uses.parent = 1;
-  if (node.uses?.route) uses.route = 1;
-  if (node.uses?.url) uses.url = 1;
-  return uses;
-}
-function has_prerendered_path(manifest, pathname) {
-  return manifest._.prerendered_routes.has(pathname) || pathname.at(-1) === "/" && manifest._.prerendered_routes.has(pathname.slice(0, -1));
-}
-function format_server_error(status, error2, event) {
-  const formatted_text = `
-\x1B[1;31m[${status}] ${event.request.method} ${event.url.pathname}\x1B[0m`;
-  if (status === 404) {
-    return formatted_text;
-  }
-  return `${formatted_text}
-${error2.stack}`;
-}
-function get_node_type(node_id) {
-  const parts = node_id?.split("/");
-  const filename = parts?.at(-1);
-  if (!filename) return "unknown";
-  const dot_parts = filename.split(".");
-  return dot_parts.slice(0, -1).join(".");
-}
-async function render_endpoint(event, event_state, mod, state) {
-  const method = (
-    /** @type {import('types').HttpMethod} */
-    event.request.method
-  );
-  let handler = mod[method] || mod.fallback;
-  if (method === "HEAD" && !mod.HEAD && mod.GET) {
-    handler = mod.GET;
-  }
-  if (!handler) {
-    return method_not_allowed(mod, method);
-  }
-  const prerender = mod.prerender ?? state.prerender_default;
-  if (prerender && (mod.POST || mod.PATCH || mod.PUT || mod.DELETE)) {
-    throw new Error("Cannot prerender endpoints that have mutative methods");
-  }
-  if (state.prerendering && !state.prerendering.inside_reroute && !prerender) {
-    if (state.depth > 0) {
-      throw new Error(`${event.route.id} is not prerenderable`);
-    } else {
-      return new Response(void 0, { status: 204 });
-    }
-  }
-  event_state.is_endpoint_request = true;
-  try {
-    const response = await with_request_store(
-      { event, state: event_state },
-      () => handler(
-        /** @type {import('@sveltejs/kit').RequestEvent<Record<string, any>>} */
-        event
-      )
-    );
-    if (!(response instanceof Response)) {
-      throw new Error(
-        `Invalid response from route ${event.url.pathname}: handler should return a Response object`
-      );
-    }
-    if (state.prerendering && (!state.prerendering.inside_reroute || prerender)) {
-      const cloned = new Response(response.clone().body, {
-        status: response.status,
-        statusText: response.statusText,
-        headers: new Headers(response.headers)
-      });
-      cloned.headers.set("x-sveltekit-prerender", String(prerender));
-      if (state.prerendering.inside_reroute && prerender) {
-        cloned.headers.set(
-          "x-sveltekit-routeid",
-          encodeURI(
-            /** @type {string} */
-            event.route.id
-          )
-        );
-        state.prerendering.dependencies.set(event.url.pathname, { response: cloned, body: null });
-      } else {
-        return cloned;
-      }
-    }
-    return response;
-  } catch (e) {
-    if (e instanceof Redirect) {
-      return new Response(void 0, {
-        status: e.status,
-        headers: { location: e.location }
-      });
-    }
-    throw e;
-  }
-}
-function is_endpoint_request(event) {
-  const { method, headers: headers2 } = event.request;
-  if (ENDPOINT_METHODS.includes(method) && !PAGE_METHODS.includes(method)) {
-    return true;
-  }
-  if (method === "POST" && headers2.get("x-sveltekit-action") === "true") return false;
-  const accept = event.request.headers.get("accept") ?? "*/*";
-  return negotiate(accept, ["*", "text/html"]) !== "text/html";
-}
-function compact(arr) {
-  return arr.filter(
-    /** @returns {val is NonNullable<T>} */
-    (val) => val != null
-  );
-}
-const DATA_SUFFIX = "/__data.json";
-const HTML_DATA_SUFFIX = ".html__data.json";
-function has_data_suffix(pathname) {
-  return pathname.endsWith(DATA_SUFFIX) || pathname.endsWith(HTML_DATA_SUFFIX);
-}
-function add_data_suffix(pathname) {
-  if (pathname.endsWith(".html")) return pathname.replace(/\.html$/, HTML_DATA_SUFFIX);
-  return pathname.replace(/\/$/, "") + DATA_SUFFIX;
-}
-function strip_data_suffix(pathname) {
-  if (pathname.endsWith(HTML_DATA_SUFFIX)) {
-    return pathname.slice(0, -HTML_DATA_SUFFIX.length) + ".html";
-  }
-  return pathname.slice(0, -DATA_SUFFIX.length);
-}
-const ROUTE_SUFFIX = "/__route.js";
-function has_resolution_suffix(pathname) {
-  return pathname.endsWith(ROUTE_SUFFIX);
-}
-function add_resolution_suffix(pathname) {
-  return pathname.replace(/\/$/, "") + ROUTE_SUFFIX;
-}
-function strip_resolution_suffix(pathname) {
-  return pathname.slice(0, -ROUTE_SUFFIX.length);
-}
-const noop_span = {
-  spanContext() {
-    return noop_span_context;
-  },
-  setAttribute() {
-    return this;
-  },
-  setAttributes() {
-    return this;
-  },
-  addEvent() {
-    return this;
-  },
-  setStatus() {
-    return this;
-  },
-  updateName() {
-    return this;
-  },
-  end() {
-    return this;
-  },
-  isRecording() {
-    return false;
-  },
-  recordException() {
-    return this;
-  },
-  addLink() {
-    return this;
-  },
-  addLinks() {
-    return this;
-  }
-};
-const noop_span_context = {
-  traceId: "",
-  spanId: "",
-  traceFlags: 0
-};
-async function record_span({ name, attributes, fn }) {
-  {
-    return fn(noop_span);
-  }
-}
-function is_action_json_request(event) {
-  const accept = negotiate(event.request.headers.get("accept") ?? "*/*", [
-    "application/json",
-    "text/html"
-  ]);
-  return accept === "application/json" && event.request.method === "POST";
-}
-async function handle_action_json_request(event, event_state, options2, server) {
-  const actions = server?.actions;
-  if (!actions) {
-    const no_actions_error = new SvelteKitError(
-      405,
-      "Method Not Allowed",
-      `POST method not allowed. No form actions exist for ${"this page"}`
-    );
-    return action_json(
-      {
-        type: "error",
-        error: await handle_error_and_jsonify(event, event_state, options2, no_actions_error)
-      },
-      {
-        status: no_actions_error.status,
-        headers: {
-          // https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/405
-          // "The server must generate an Allow header field in a 405 status code response"
-          allow: "GET"
-        }
-      }
-    );
-  }
-  check_named_default_separate(actions);
-  try {
-    const data = await call_action(event, event_state, actions);
-    if (BROWSER) ;
-    if (data instanceof ActionFailure) {
-      return action_json({
-        type: "failure",
-        status: data.status,
-        // @ts-expect-error we assign a string to what is supposed to be an object. That's ok
-        // because we don't use the object outside, and this way we have better code navigation
-        // through knowing where the related interface is used.
-        data: stringify_action_response(
-          data.data,
-          /** @type {string} */
-          event.route.id,
-          options2.hooks.transport
-        )
-      });
-    } else {
-      return action_json({
-        type: "success",
-        status: data ? 200 : 204,
-        // @ts-expect-error see comment above
-        data: stringify_action_response(
-          data,
-          /** @type {string} */
-          event.route.id,
-          options2.hooks.transport
-        )
-      });
-    }
-  } catch (e) {
-    const err = normalize_error(e);
-    if (err instanceof Redirect) {
-      return action_json_redirect(err);
-    }
-    return action_json(
-      {
-        type: "error",
-        error: await handle_error_and_jsonify(
-          event,
-          event_state,
-          options2,
-          check_incorrect_fail_use(err)
-        )
-      },
-      {
-        status: get_status(err)
-      }
-    );
-  }
-}
-function check_incorrect_fail_use(error2) {
-  return error2 instanceof ActionFailure ? new Error('Cannot "throw fail()". Use "return fail()"') : error2;
-}
-function action_json_redirect(redirect) {
-  return action_json({
-    type: "redirect",
-    status: redirect.status,
-    location: redirect.location
-  });
-}
-function action_json(data, init2) {
-  return json(data, init2);
-}
-function is_action_request(event) {
-  return event.request.method === "POST";
-}
-async function handle_action_request(event, event_state, server) {
-  const actions = server?.actions;
-  if (!actions) {
-    event.setHeaders({
-      // https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/405
-      // "The server must generate an Allow header field in a 405 status code response"
-      allow: "GET"
-    });
-    return {
-      type: "error",
-      error: new SvelteKitError(
-        405,
-        "Method Not Allowed",
-        `POST method not allowed. No form actions exist for ${"this page"}`
-      )
-    };
-  }
-  check_named_default_separate(actions);
-  try {
-    const data = await call_action(event, event_state, actions);
-    if (BROWSER) ;
-    if (data instanceof ActionFailure) {
-      return {
-        type: "failure",
-        status: data.status,
-        data: data.data
-      };
-    } else {
-      return {
-        type: "success",
-        status: 200,
-        // @ts-expect-error this will be removed upon serialization, so `undefined` is the same as omission
-        data
-      };
-    }
-  } catch (e) {
-    const err = normalize_error(e);
-    if (err instanceof Redirect) {
-      return {
-        type: "redirect",
-        status: err.status,
-        location: err.location
-      };
-    }
-    return {
-      type: "error",
-      error: check_incorrect_fail_use(err)
-    };
-  }
-}
-function check_named_default_separate(actions) {
-  if (actions.default && Object.keys(actions).length > 1) {
-    throw new Error(
-      "When using named actions, the default action cannot be used. See the docs for more info: https://svelte.dev/docs/kit/form-actions#named-actions"
-    );
-  }
-}
-async function call_action(event, event_state, actions) {
-  const url = new URL(event.request.url);
-  let name = "default";
-  for (const param of url.searchParams) {
-    if (param[0].startsWith("/")) {
-      name = param[0].slice(1);
-      if (name === "default") {
-        throw new Error('Cannot use reserved action name "default"');
-      }
-      break;
-    }
-  }
-  const action = actions[name];
-  if (!action) {
-    throw new SvelteKitError(404, "Not Found", `No action with name '${name}' found`);
-  }
-  if (!is_form_content_type(event.request)) {
-    throw new SvelteKitError(
-      415,
-      "Unsupported Media Type",
-      `Form actions expect form-encoded data — received ${event.request.headers.get(
-        "content-type"
-      )}`
-    );
-  }
-  return record_span({
-    name: "sveltekit.form_action",
-    attributes: {
-      "http.route": event.route.id || "unknown"
-    },
-    fn: async (current2) => {
-      const traced_event = merge_tracing(event, current2);
-      const result = await with_request_store(
-        { event: traced_event, state: event_state },
-        () => action(traced_event)
-      );
-      if (result instanceof ActionFailure) {
-        current2.setAttributes({
-          "sveltekit.form_action.result.type": "failure",
-          "sveltekit.form_action.result.status": result.status
-        });
-      }
-      return result;
-    }
-  });
-}
-function validate_action_return(data) {
-  if (data instanceof Redirect) {
-    throw new Error("Cannot `return redirect(...)` — use `redirect(...)` instead");
-  }
-  if (data instanceof HttpError) {
-    throw new Error("Cannot `return error(...)` — use `error(...)` or `return fail(...)` instead");
-  }
-}
-function uneval_action_response(data, route_id, transport) {
-  const replacer = (thing) => {
-    for (const key2 in transport) {
-      const encoded = transport[key2].encode(thing);
-      if (encoded) {
-        return `app.decode('${key2}', ${devalue.uneval(encoded, replacer)})`;
-      }
-    }
-  };
-  return try_serialize(data, (value) => devalue.uneval(value, replacer), route_id);
-}
-function stringify_action_response(data, route_id, transport) {
-  const encoders = Object.fromEntries(
-    Object.entries(transport).map(([key2, value]) => [key2, value.encode])
-  );
-  return try_serialize(data, (value) => devalue.stringify(value, encoders), route_id);
-}
-function try_serialize(data, fn, route_id) {
-  try {
-    return fn(data);
-  } catch (e) {
-    const error2 = (
-      /** @type {any} */
-      e
-    );
-    if (data instanceof Response) {
-      throw new Error(
-        `Data returned from action inside ${route_id} is not serializable. Form actions need to return plain objects or fail(). E.g. return { success: true } or return fail(400, { message: "invalid" });`
-      );
-    }
-    if ("path" in error2) {
-      let message = `Data returned from action inside ${route_id} is not serializable: ${error2.message}`;
-      if (error2.path !== "") message += ` (data.${error2.path})`;
-      throw new Error(message);
-    }
-    throw error2;
-  }
-}
-function create_async_iterator() {
-  let resolved = -1;
-  let returned = -1;
-  const deferred = [];
-  return {
-    iterate: (transform = (x) => x) => {
-      return {
-        [Symbol.asyncIterator]() {
-          return {
-            next: async () => {
-              const next = deferred[++returned];
-              if (!next) return { value: null, done: true };
-              const value = await next.promise;
-              return { value: transform(value), done: false };
-            }
-          };
-        }
-      };
-    },
-    add: (promise) => {
-      deferred.push(with_resolvers());
-      void promise.then((value) => {
-        deferred[++resolved].resolve(value);
-      });
-    }
-  };
-}
-function server_data_serializer(event, event_state, options2) {
-  let promise_id = 1;
-  let max_nodes = -1;
-  const iterator = create_async_iterator();
-  const global = get_global_name(options2);
-  function get_replacer(index) {
-    return function replacer(thing) {
-      if (typeof thing?.then === "function") {
-        const id = promise_id++;
-        const promise = thing.then(
-          /** @param {any} data */
-          (data) => ({ data })
-        ).catch(
-          /** @param {any} error */
-          async (error2) => ({
-            error: await handle_error_and_jsonify(event, event_state, options2, error2)
-          })
-        ).then(
-          /**
-           * @param {{data: any; error: any}} result
-           */
-          async ({ data, error: error2 }) => {
-            let str;
-            try {
-              str = devalue.uneval(error2 ? [, error2] : [data], replacer);
-            } catch {
-              error2 = await handle_error_and_jsonify(
-                event,
-                event_state,
-                options2,
-                new Error(`Failed to serialize promise while rendering ${event.route.id}`)
-              );
-              data = void 0;
-              str = devalue.uneval([, error2], replacer);
-            }
-            return {
-              index,
-              str: `${global}.resolve(${id}, ${str.includes("app.decode") ? `(app) => ${str}` : `() => ${str}`})`
-            };
-          }
-        );
-        iterator.add(promise);
-        return `${global}.defer(${id})`;
-      } else {
-        for (const key2 in options2.hooks.transport) {
-          const encoded = options2.hooks.transport[key2].encode(thing);
-          if (encoded) {
-            return `app.decode('${key2}', ${devalue.uneval(encoded, replacer)})`;
-          }
-        }
-      }
-    };
-  }
-  const strings = (
-    /** @type {string[]} */
-    []
-  );
-  return {
-    set_max_nodes(i) {
-      max_nodes = i;
-    },
-    add_node(i, node) {
-      try {
-        if (!node) {
-          strings[i] = "null";
-          return;
-        }
-        const payload = { type: "data", data: node.data, uses: serialize_uses(node) };
-        if (node.slash) payload.slash = node.slash;
-        strings[i] = devalue.uneval(payload, get_replacer(i));
-      } catch (e) {
-        e.path = e.path.slice(1);
-        throw new Error(clarify_devalue_error(
-          event,
-          /** @type {any} */
-          e
-        ));
-      }
-    },
-    get_data(csp) {
-      const open = `<script${csp.script_needs_nonce ? ` nonce="${csp.nonce}"` : ""}>`;
-      const close = `<\/script>
-`;
-      return {
-        data: `[${compact(max_nodes > -1 ? strings.slice(0, max_nodes) : strings).join(",")}]`,
-        chunks: promise_id > 1 ? iterator.iterate(({ index, str }) => {
-          if (max_nodes > -1 && index >= max_nodes) {
-            return "";
-          }
-          return open + str + close;
-        }) : null
-      };
-    }
-  };
-}
-function server_data_serializer_json(event, event_state, options2) {
-  let promise_id = 1;
-  const iterator = create_async_iterator();
-  const reducers = {
-    ...Object.fromEntries(
-      Object.entries(options2.hooks.transport).map(([key2, value]) => [key2, value.encode])
-    ),
-    /** @param {any} thing */
-    Promise: (thing) => {
-      if (typeof thing?.then !== "function") {
-        return;
-      }
-      const id = promise_id++;
-      let key2 = "data";
-      const promise = thing.catch(
-        /** @param {any} e */
-        async (e) => {
-          key2 = "error";
-          return handle_error_and_jsonify(
-            event,
-            event_state,
-            options2,
-            /** @type {any} */
-            e
-          );
-        }
-      ).then(
-        /** @param {any} value */
-        async (value) => {
-          let str;
-          try {
-            str = devalue.stringify(value, reducers);
-          } catch {
-            const error2 = await handle_error_and_jsonify(
-              event,
-              event_state,
-              options2,
-              new Error(`Failed to serialize promise while rendering ${event.route.id}`)
-            );
-            key2 = "error";
-            str = devalue.stringify(error2, reducers);
-          }
-          return `{"type":"chunk","id":${id},"${key2}":${str}}
-`;
-        }
-      );
-      iterator.add(promise);
-      return id;
-    }
-  };
-  const strings = (
-    /** @type {string[]} */
-    []
-  );
-  return {
-    add_node(i, node) {
-      try {
-        if (!node) {
-          strings[i] = "null";
-          return;
-        }
-        if (node.type === "error" || node.type === "skip") {
-          strings[i] = JSON.stringify(node);
-          return;
-        }
-        strings[i] = `{"type":"data","data":${devalue.stringify(node.data, reducers)},"uses":${JSON.stringify(
-          serialize_uses(node)
-        )}${node.slash ? `,"slash":${JSON.stringify(node.slash)}` : ""}}`;
-      } catch (e) {
-        e.path = "data" + e.path;
-        throw new Error(clarify_devalue_error(
-          event,
-          /** @type {any} */
-          e
-        ));
-      }
-    },
-    get_data() {
-      return {
-        data: `{"type":"data","nodes":[${strings.join(",")}]}
-`,
-        chunks: promise_id > 1 ? iterator.iterate() : null
-      };
-    }
-  };
-}
-async function load_server_data({ event, event_state, state, node, parent }) {
-  if (!node?.server) return null;
-  let is_tracking = true;
-  const uses = {
-    dependencies: /* @__PURE__ */ new Set(),
-    params: /* @__PURE__ */ new Set(),
-    parent: false,
-    route: false,
-    url: false,
-    search_params: /* @__PURE__ */ new Set()
-  };
-  const load = node.server.load;
-  const slash = node.server.trailingSlash;
-  if (!load) {
-    return { type: "data", data: null, uses, slash };
-  }
-  const url = make_trackable(
-    event.url,
-    () => {
-      if (is_tracking) {
-        uses.url = true;
-      }
-    },
-    (param) => {
-      if (is_tracking) {
-        uses.search_params.add(param);
-      }
-    }
-  );
-  if (state.prerendering) {
-    disable_search(url);
-  }
-  const result = await record_span({
-    name: "sveltekit.load",
-    attributes: {
-      "sveltekit.load.node_id": node.server_id || "unknown",
-      "sveltekit.load.node_type": get_node_type(node.server_id),
-      "http.route": event.route.id || "unknown"
-    },
-    fn: async (current2) => {
-      const traced_event = merge_tracing(event, current2);
-      const result2 = await with_request_store(
-        { event: traced_event, state: event_state },
-        () => load.call(null, {
-          ...traced_event,
-          fetch: (info, init2) => {
-            new URL(info instanceof Request ? info.url : info, event.url);
-            return event.fetch(info, init2);
-          },
-          /** @param {string[]} deps */
-          depends: (...deps) => {
-            for (const dep of deps) {
-              const { href } = new URL(dep, event.url);
-              uses.dependencies.add(href);
-            }
-          },
-          params: new Proxy(event.params, {
-            get: (target, key2) => {
-              if (is_tracking) {
-                uses.params.add(key2);
-              }
-              return target[
-                /** @type {string} */
-                key2
-              ];
-            }
-          }),
-          parent: async () => {
-            if (is_tracking) {
-              uses.parent = true;
-            }
-            return parent();
-          },
-          route: new Proxy(event.route, {
-            get: (target, key2) => {
-              if (is_tracking) {
-                uses.route = true;
-              }
-              return target[
-                /** @type {'id'} */
-                key2
-              ];
-            }
-          }),
-          url,
-          untrack(fn) {
-            is_tracking = false;
-            try {
-              return fn();
-            } finally {
-              is_tracking = true;
-            }
-          }
-        })
-      );
-      return result2;
-    }
-  });
-  return {
-    type: "data",
-    data: result ?? null,
-    uses,
-    slash
-  };
-}
-async function load_data({
-  event,
-  event_state,
-  fetched,
-  node,
-  parent,
-  server_data_promise,
-  state,
-  resolve_opts,
-  csr
-}) {
-  const server_data_node = await server_data_promise;
-  const load = node?.universal?.load;
-  if (!load) {
-    return server_data_node?.data ?? null;
-  }
-  const result = await record_span({
-    name: "sveltekit.load",
-    attributes: {
-      "sveltekit.load.node_id": node.universal_id || "unknown",
-      "sveltekit.load.node_type": get_node_type(node.universal_id),
-      "http.route": event.route.id || "unknown"
-    },
-    fn: async (current2) => {
-      const traced_event = merge_tracing(event, current2);
-      return await with_request_store(
-        { event: traced_event, state: event_state },
-        () => load.call(null, {
-          url: event.url,
-          params: event.params,
-          data: server_data_node?.data ?? null,
-          route: event.route,
-          fetch: create_universal_fetch(event, state, fetched, csr, resolve_opts),
-          setHeaders: event.setHeaders,
-          depends: () => {
-          },
-          parent,
-          untrack: (fn) => fn(),
-          tracing: traced_event.tracing
-        })
-      );
-    }
-  });
-  return result ?? null;
-}
-function create_universal_fetch(event, state, fetched, csr, resolve_opts) {
-  const universal_fetch = async (input, init2) => {
-    const cloned_body = input instanceof Request && input.body ? input.clone().body : null;
-    const cloned_headers = input instanceof Request && [...input.headers].length ? new Headers(input.headers) : init2?.headers;
-    let response = await event.fetch(input, init2);
-    const url = new URL(input instanceof Request ? input.url : input, event.url);
-    const same_origin = url.origin === event.url.origin;
-    let dependency;
-    if (same_origin) {
-      if (state.prerendering) {
-        dependency = { response, body: null };
-        state.prerendering.dependencies.set(url.pathname, dependency);
-      }
-    } else if (url.protocol === "https:" || url.protocol === "http:") {
-      const mode = input instanceof Request ? input.mode : init2?.mode ?? "cors";
-      if (mode === "no-cors") {
-        response = new Response("", {
-          status: response.status,
-          statusText: response.statusText,
-          headers: response.headers
-        });
-      } else {
-        const acao = response.headers.get("access-control-allow-origin");
-        if (!acao || acao !== event.url.origin && acao !== "*") {
-          throw new Error(
-            `CORS error: ${acao ? "Incorrect" : "No"} 'Access-Control-Allow-Origin' header is present on the requested resource`
-          );
-        }
-      }
-    }
-    let teed_body;
-    const proxy = new Proxy(response, {
-      get(response2, key2, receiver) {
-        async function push_fetched(body2, is_b64) {
-          const status_number = Number(response2.status);
-          if (isNaN(status_number)) {
-            throw new Error(
-              `response.status is not a number. value: "${response2.status}" type: ${typeof response2.status}`
-            );
-          }
-          fetched.push({
-            url: same_origin ? url.href.slice(event.url.origin.length) : url.href,
-            method: event.request.method,
-            request_body: (
-              /** @type {string | ArrayBufferView | undefined} */
-              input instanceof Request && cloned_body ? await stream_to_string(cloned_body) : init2?.body
-            ),
-            request_headers: cloned_headers,
-            response_body: body2,
-            response: response2,
-            is_b64
-          });
-        }
-        if (key2 === "body") {
-          if (response2.body === null) {
-            return null;
-          }
-          if (teed_body) {
-            return teed_body;
-          }
-          const [a, b] = response2.body.tee();
-          void (async () => {
-            let result = new Uint8Array();
-            for await (const chunk of a) {
-              const combined = new Uint8Array(result.length + chunk.length);
-              combined.set(result, 0);
-              combined.set(chunk, result.length);
-              result = combined;
-            }
-            if (dependency) {
-              dependency.body = new Uint8Array(result);
-            }
-            void push_fetched(base64_encode(result), true);
-          })();
-          return teed_body = b;
-        }
-        if (key2 === "arrayBuffer") {
-          return async () => {
-            const buffer = await response2.arrayBuffer();
-            const bytes = new Uint8Array(buffer);
-            if (dependency) {
-              dependency.body = bytes;
-            }
-            if (buffer instanceof ArrayBuffer) {
-              await push_fetched(base64_encode(bytes), true);
-            }
-            return buffer;
-          };
-        }
-        async function text2() {
-          const body2 = await response2.text();
-          if (body2 === "" && NULL_BODY_STATUS.includes(response2.status)) {
-            await push_fetched(void 0, false);
-            return void 0;
-          }
-          if (!body2 || typeof body2 === "string") {
-            await push_fetched(body2, false);
-          }
-          if (dependency) {
-            dependency.body = body2;
-          }
-          return body2;
-        }
-        if (key2 === "text") {
-          return text2;
-        }
-        if (key2 === "json") {
-          return async () => {
-            const body2 = await text2();
-            return body2 ? JSON.parse(body2) : void 0;
-          };
-        }
-        const value = Reflect.get(response2, key2, response2);
-        if (value instanceof Function) {
-          return Object.defineProperties(
-            /**
-             * @this {any}
-             */
-            function() {
-              return Reflect.apply(value, this === receiver ? response2 : this, arguments);
-            },
-            {
-              name: { value: value.name },
-              length: { value: value.length }
-            }
-          );
-        }
-        return value;
-      }
-    });
-    if (csr) {
-      const get = response.headers.get;
-      response.headers.get = (key2) => {
-        const lower = key2.toLowerCase();
-        const value = get.call(response.headers, lower);
-        if (value && !lower.startsWith("x-sveltekit-")) {
-          const included = resolve_opts.filterSerializedResponseHeaders(lower, value);
-          if (!included) {
-            throw new Error(
-              `Failed to get response header "${lower}" — it must be included by the \`filterSerializedResponseHeaders\` option: https://svelte.dev/docs/kit/hooks#Server-hooks-handle (at ${event.route.id})`
-            );
-          }
-        }
-        return value;
-      };
-    }
-    return proxy;
-  };
-  return (input, init2) => {
-    const response = universal_fetch(input, init2);
-    response.catch(() => {
-    });
-    return response;
-  };
-}
-async function stream_to_string(stream) {
-  let result = "";
-  const reader = stream.getReader();
-  while (true) {
-    const { done, value } = await reader.read();
-    if (done) {
-      break;
-    }
-    result += text_decoder.decode(value);
-  }
-  return result;
-}
-function hash(...values) {
-  let hash2 = 5381;
-  for (const value of values) {
-    if (typeof value === "string") {
-      let i = value.length;
-      while (i) hash2 = hash2 * 33 ^ value.charCodeAt(--i);
-    } else if (ArrayBuffer.isView(value)) {
-      const buffer = new Uint8Array(value.buffer, value.byteOffset, value.byteLength);
-      let i = buffer.length;
-      while (i) hash2 = hash2 * 33 ^ buffer[--i];
-    } else {
-      throw new TypeError("value must be a string or TypedArray");
-    }
-  }
-  return (hash2 >>> 0).toString(36);
-}
-const replacements = {
-  "<": "\\u003C",
-  "\u2028": "\\u2028",
-  "\u2029": "\\u2029"
-};
-const pattern = new RegExp(`[${Object.keys(replacements).join("")}]`, "g");
-function serialize_data(fetched, filter, prerendering = false) {
-  const headers2 = {};
-  let cache_control = null;
-  let age = null;
-  let varyAny = false;
-  for (const [key2, value] of fetched.response.headers) {
-    if (filter(key2, value)) {
-      headers2[key2] = value;
-    }
-    if (key2 === "cache-control") cache_control = value;
-    else if (key2 === "age") age = value;
-    else if (key2 === "vary" && value.trim() === "*") varyAny = true;
-  }
-  const payload = {
-    status: fetched.response.status,
-    statusText: fetched.response.statusText,
-    headers: headers2,
-    body: fetched.response_body
-  };
-  const safe_payload = JSON.stringify(payload).replace(pattern, (match) => replacements[match]);
-  const attrs = [
-    'type="application/json"',
-    "data-sveltekit-fetched",
-    `data-url="${escape_html(fetched.url, true)}"`
-  ];
-  if (fetched.is_b64) {
-    attrs.push("data-b64");
-  }
-  if (fetched.request_headers || fetched.request_body) {
-    const values = [];
-    if (fetched.request_headers) {
-      values.push([...new Headers(fetched.request_headers)].join(","));
-    }
-    if (fetched.request_body) {
-      values.push(fetched.request_body);
-    }
-    attrs.push(`data-hash="${hash(...values)}"`);
-  }
-  if (!prerendering && fetched.method === "GET" && cache_control && !varyAny) {
-    const match = /s-maxage=(\d+)/g.exec(cache_control) ?? /max-age=(\d+)/g.exec(cache_control);
-    if (match) {
-      const ttl = +match[1] - +(age ?? "0");
-      attrs.push(`data-ttl="${ttl}"`);
-    }
-  }
-  return `<script ${attrs.join(" ")}>${safe_payload}<\/script>`;
-}
-const s = JSON.stringify;
-function sha256(data) {
-  if (!key[0]) precompute();
-  const out = init.slice(0);
-  const array2 = encode(data);
-  for (let i = 0; i < array2.length; i += 16) {
-    const w = array2.subarray(i, i + 16);
-    let tmp;
-    let a;
-    let b;
-    let out0 = out[0];
-    let out1 = out[1];
-    let out2 = out[2];
-    let out3 = out[3];
-    let out4 = out[4];
-    let out5 = out[5];
-    let out6 = out[6];
-    let out7 = out[7];
-    for (let i2 = 0; i2 < 64; i2++) {
-      if (i2 < 16) {
-        tmp = w[i2];
-      } else {
-        a = w[i2 + 1 & 15];
-        b = w[i2 + 14 & 15];
-        tmp = w[i2 & 15] = (a >>> 7 ^ a >>> 18 ^ a >>> 3 ^ a << 25 ^ a << 14) + (b >>> 17 ^ b >>> 19 ^ b >>> 10 ^ b << 15 ^ b << 13) + w[i2 & 15] + w[i2 + 9 & 15] | 0;
-      }
-      tmp = tmp + out7 + (out4 >>> 6 ^ out4 >>> 11 ^ out4 >>> 25 ^ out4 << 26 ^ out4 << 21 ^ out4 << 7) + (out6 ^ out4 & (out5 ^ out6)) + key[i2];
-      out7 = out6;
-      out6 = out5;
-      out5 = out4;
-      out4 = out3 + tmp | 0;
-      out3 = out2;
-      out2 = out1;
-      out1 = out0;
-      out0 = tmp + (out1 & out2 ^ out3 & (out1 ^ out2)) + (out1 >>> 2 ^ out1 >>> 13 ^ out1 >>> 22 ^ out1 << 30 ^ out1 << 19 ^ out1 << 10) | 0;
-    }
-    out[0] = out[0] + out0 | 0;
-    out[1] = out[1] + out1 | 0;
-    out[2] = out[2] + out2 | 0;
-    out[3] = out[3] + out3 | 0;
-    out[4] = out[4] + out4 | 0;
-    out[5] = out[5] + out5 | 0;
-    out[6] = out[6] + out6 | 0;
-    out[7] = out[7] + out7 | 0;
-  }
-  const bytes = new Uint8Array(out.buffer);
-  reverse_endianness(bytes);
-  return btoa(String.fromCharCode(...bytes));
-}
-const init = new Uint32Array(8);
-const key = new Uint32Array(64);
-function precompute() {
-  function frac(x) {
-    return (x - Math.floor(x)) * 4294967296;
-  }
-  let prime = 2;
-  for (let i = 0; i < 64; prime++) {
-    let is_prime = true;
-    for (let factor = 2; factor * factor <= prime; factor++) {
-      if (prime % factor === 0) {
-        is_prime = false;
-        break;
-      }
-    }
-    if (is_prime) {
-      if (i < 8) {
-        init[i] = frac(prime ** (1 / 2));
-      }
-      key[i] = frac(prime ** (1 / 3));
-      i++;
-    }
-  }
-}
-function reverse_endianness(bytes) {
-  for (let i = 0; i < bytes.length; i += 4) {
-    const a = bytes[i + 0];
-    const b = bytes[i + 1];
-    const c = bytes[i + 2];
-    const d = bytes[i + 3];
-    bytes[i + 0] = d;
-    bytes[i + 1] = c;
-    bytes[i + 2] = b;
-    bytes[i + 3] = a;
-  }
-}
-function encode(str) {
-  const encoded = text_encoder.encode(str);
-  const length = encoded.length * 8;
-  const size = 512 * Math.ceil((length + 65) / 512);
-  const bytes = new Uint8Array(size / 8);
-  bytes.set(encoded);
-  bytes[encoded.length] = 128;
-  reverse_endianness(bytes);
-  const words = new Uint32Array(bytes.buffer);
-  words[words.length - 2] = Math.floor(length / 4294967296);
-  words[words.length - 1] = length;
-  return words;
-}
-const array = new Uint8Array(16);
-function generate_nonce() {
-  crypto.getRandomValues(array);
-  return btoa(String.fromCharCode(...array));
-}
-const quoted = /* @__PURE__ */ new Set([
-  "self",
-  "unsafe-eval",
-  "unsafe-hashes",
-  "unsafe-inline",
-  "none",
-  "strict-dynamic",
-  "report-sample",
-  "wasm-unsafe-eval",
-  "script"
-]);
-const crypto_pattern = /^(nonce|sha\d\d\d)-/;
-class BaseProvider {
-  /** @type {boolean} */
-  #use_hashes;
-  /** @type {boolean} */
-  #script_needs_csp;
-  /** @type {boolean} */
-  #script_src_needs_csp;
-  /** @type {boolean} */
-  #script_src_elem_needs_csp;
-  /** @type {boolean} */
-  #style_needs_csp;
-  /** @type {boolean} */
-  #style_src_needs_csp;
-  /** @type {boolean} */
-  #style_src_attr_needs_csp;
-  /** @type {boolean} */
-  #style_src_elem_needs_csp;
-  /** @type {import('types').CspDirectives} */
-  #directives;
-  /** @type {import('types').Csp.Source[]} */
-  #script_src;
-  /** @type {import('types').Csp.Source[]} */
-  #script_src_elem;
-  /** @type {import('types').Csp.Source[]} */
-  #style_src;
-  /** @type {import('types').Csp.Source[]} */
-  #style_src_attr;
-  /** @type {import('types').Csp.Source[]} */
-  #style_src_elem;
-  /** @type {string} */
-  #nonce;
-  /**
-   * @param {boolean} use_hashes
-   * @param {import('types').CspDirectives} directives
-   * @param {string} nonce
-   */
-  constructor(use_hashes, directives, nonce) {
-    this.#use_hashes = use_hashes;
-    this.#directives = directives;
-    const d = this.#directives;
-    this.#script_src = [];
-    this.#script_src_elem = [];
-    this.#style_src = [];
-    this.#style_src_attr = [];
-    this.#style_src_elem = [];
-    const effective_script_src = d["script-src"] || d["default-src"];
-    const script_src_elem = d["script-src-elem"];
-    const effective_style_src = d["style-src"] || d["default-src"];
-    const style_src_attr = d["style-src-attr"];
-    const style_src_elem = d["style-src-elem"];
-    const needs_csp = (directive) => !!directive && !directive.some((value) => value === "unsafe-inline");
-    this.#script_src_needs_csp = needs_csp(effective_script_src);
-    this.#script_src_elem_needs_csp = needs_csp(script_src_elem);
-    this.#style_src_needs_csp = needs_csp(effective_style_src);
-    this.#style_src_attr_needs_csp = needs_csp(style_src_attr);
-    this.#style_src_elem_needs_csp = needs_csp(style_src_elem);
-    this.#script_needs_csp = this.#script_src_needs_csp || this.#script_src_elem_needs_csp;
-    this.#style_needs_csp = this.#style_src_needs_csp || this.#style_src_attr_needs_csp || this.#style_src_elem_needs_csp;
-    this.script_needs_nonce = this.#script_needs_csp && !this.#use_hashes;
-    this.style_needs_nonce = this.#style_needs_csp && !this.#use_hashes;
-    this.#nonce = nonce;
-  }
-  /** @param {string} content */
-  add_script(content) {
-    if (!this.#script_needs_csp) return;
-    const source = this.#use_hashes ? `sha256-${sha256(content)}` : `nonce-${this.#nonce}`;
-    if (this.#script_src_needs_csp) {
-      this.#script_src.push(source);
-    }
-    if (this.#script_src_elem_needs_csp) {
-      this.#script_src_elem.push(source);
-    }
-  }
-  /** @param {string} content */
-  add_style(content) {
-    if (!this.#style_needs_csp) return;
-    const source = this.#use_hashes ? `sha256-${sha256(content)}` : `nonce-${this.#nonce}`;
-    if (this.#style_src_needs_csp) {
-      this.#style_src.push(source);
-    }
-    if (this.#style_src_attr_needs_csp) {
-      this.#style_src_attr.push(source);
-    }
-    if (this.#style_src_elem_needs_csp) {
-      const sha256_empty_comment_hash = "sha256-9OlNO0DNEeaVzHL4RZwCLsBHA8WBQ8toBp/4F5XV2nc=";
-      const d = this.#directives;
-      if (d["style-src-elem"] && !d["style-src-elem"].includes(sha256_empty_comment_hash) && !this.#style_src_elem.includes(sha256_empty_comment_hash)) {
-        this.#style_src_elem.push(sha256_empty_comment_hash);
-      }
-      if (source !== sha256_empty_comment_hash) {
-        this.#style_src_elem.push(source);
-      }
-    }
-  }
-  /**
-   * @param {boolean} [is_meta]
-   */
-  get_header(is_meta = false) {
-    const header = [];
-    const directives = { ...this.#directives };
-    if (this.#style_src.length > 0) {
-      directives["style-src"] = [
-        ...directives["style-src"] || directives["default-src"] || [],
-        ...this.#style_src
-      ];
-    }
-    if (this.#style_src_attr.length > 0) {
-      directives["style-src-attr"] = [
-        ...directives["style-src-attr"] || [],
-        ...this.#style_src_attr
-      ];
-    }
-    if (this.#style_src_elem.length > 0) {
-      directives["style-src-elem"] = [
-        ...directives["style-src-elem"] || [],
-        ...this.#style_src_elem
-      ];
-    }
-    if (this.#script_src.length > 0) {
-      directives["script-src"] = [
-        ...directives["script-src"] || directives["default-src"] || [],
-        ...this.#script_src
-      ];
-    }
-    if (this.#script_src_elem.length > 0) {
-      directives["script-src-elem"] = [
-        ...directives["script-src-elem"] || [],
-        ...this.#script_src_elem
-      ];
-    }
-    for (const key2 in directives) {
-      if (is_meta && (key2 === "frame-ancestors" || key2 === "report-uri" || key2 === "sandbox")) {
-        continue;
-      }
-      const value = (
-        /** @type {string[] | true} */
-        directives[key2]
-      );
-      if (!value) continue;
-      const directive = [key2];
-      if (Array.isArray(value)) {
-        value.forEach((value2) => {
-          if (quoted.has(value2) || crypto_pattern.test(value2)) {
-            directive.push(`'${value2}'`);
-          } else {
-            directive.push(value2);
-          }
-        });
-      }
-      header.push(directive.join(" "));
-    }
-    return header.join("; ");
-  }
-}
-class CspProvider extends BaseProvider {
-  get_meta() {
-    const content = this.get_header(true);
-    if (!content) {
-      return;
-    }
-    return `<meta http-equiv="content-security-policy" content="${escape_html(content, true)}">`;
-  }
-}
-class CspReportOnlyProvider extends BaseProvider {
-  /**
-   * @param {boolean} use_hashes
-   * @param {import('types').CspDirectives} directives
-   * @param {string} nonce
-   */
-  constructor(use_hashes, directives, nonce) {
-    super(use_hashes, directives, nonce);
-    if (Object.values(directives).filter((v) => !!v).length > 0) {
-      const has_report_to = directives["report-to"]?.length ?? 0 > 0;
-      const has_report_uri = directives["report-uri"]?.length ?? 0 > 0;
-      if (!has_report_to && !has_report_uri) {
-        throw Error(
-          "`content-security-policy-report-only` must be specified with either the `report-to` or `report-uri` directives, or both"
-        );
-      }
-    }
-  }
-}
-class Csp {
-  /** @readonly */
-  nonce = generate_nonce();
-  /** @type {CspProvider} */
-  csp_provider;
-  /** @type {CspReportOnlyProvider} */
-  report_only_provider;
-  /**
-   * @param {import('./types.js').CspConfig} config
-   * @param {import('./types.js').CspOpts} opts
-   */
-  constructor({ mode, directives, reportOnly }, { prerender }) {
-    const use_hashes = mode === "hash" || mode === "auto" && prerender;
-    this.csp_provider = new CspProvider(use_hashes, directives, this.nonce);
-    this.report_only_provider = new CspReportOnlyProvider(use_hashes, reportOnly, this.nonce);
-  }
-  get script_needs_nonce() {
-    return this.csp_provider.script_needs_nonce || this.report_only_provider.script_needs_nonce;
-  }
-  get style_needs_nonce() {
-    return this.csp_provider.style_needs_nonce || this.report_only_provider.style_needs_nonce;
-  }
-  /** @param {string} content */
-  add_script(content) {
-    this.csp_provider.add_script(content);
-    this.report_only_provider.add_script(content);
-  }
-  /** @param {string} content */
-  add_style(content) {
-    this.csp_provider.add_style(content);
-    this.report_only_provider.add_style(content);
-  }
-}
-function exec(match, params, matchers) {
-  const result = {};
-  const values = match.slice(1);
-  const values_needing_match = values.filter((value) => value !== void 0);
-  let buffered = 0;
-  for (let i = 0; i < params.length; i += 1) {
-    const param = params[i];
-    let value = values[i - buffered];
-    if (param.chained && param.rest && buffered) {
-      value = values.slice(i - buffered, i + 1).filter((s2) => s2).join("/");
-      buffered = 0;
-    }
-    if (value === void 0) {
-      if (param.rest) result[param.name] = "";
-      continue;
-    }
-    if (!param.matcher || matchers[param.matcher](value)) {
-      result[param.name] = value;
-      const next_param = params[i + 1];
-      const next_value = values[i + 1];
-      if (next_param && !next_param.rest && next_param.optional && next_value && param.chained) {
-        buffered = 0;
-      }
-      if (!next_param && !next_value && Object.keys(result).length === values_needing_match.length) {
-        buffered = 0;
-      }
-      continue;
-    }
-    if (param.optional && param.chained) {
-      buffered++;
-      continue;
-    }
-    return;
-  }
-  if (buffered) return;
-  return result;
-}
-function generate_route_object(route, url, manifest) {
-  const { errors, layouts, leaf } = route;
-  const nodes = [...errors, ...layouts.map((l) => l?.[1]), leaf[1]].filter((n) => typeof n === "number").map((n) => `'${n}': () => ${create_client_import(manifest._.client.nodes?.[n], url)}`).join(",\n		");
-  return [
-    `{
-	id: ${s(route.id)}`,
-    `errors: ${s(route.errors)}`,
-    `layouts: ${s(route.layouts)}`,
-    `leaf: ${s(route.leaf)}`,
-    `nodes: {
-		${nodes}
-	}
-}`
-  ].join(",\n	");
-}
-function create_client_import(import_path, url) {
-  if (!import_path) return "Promise.resolve({})";
-  if (import_path[0] === "/") {
-    return `import('${import_path}')`;
-  }
-  if (assets !== "") {
-    return `import('${assets}/${import_path}')`;
-  }
-  let path = get_relative_path(url.pathname, `${base}/${import_path}`);
-  if (path[0] !== ".") path = `./${path}`;
-  return `import('${path}')`;
-}
-async function resolve_route(resolved_path, url, manifest) {
-  if (!manifest._.client.routes) {
-    return text("Server-side route resolution disabled", { status: 400 });
-  }
-  let route = null;
-  let params = {};
-  const matchers = await manifest._.matchers();
-  for (const candidate of manifest._.client.routes) {
-    const match = candidate.pattern.exec(resolved_path);
-    if (!match) continue;
-    const matched = exec(match, candidate.params, matchers);
-    if (matched) {
-      route = candidate;
-      params = decode_params(matched);
-      break;
-    }
-  }
-  return create_server_routing_response(route, params, url, manifest).response;
-}
-function create_server_routing_response(route, params, url, manifest) {
-  const headers2 = new Headers({
-    "content-type": "application/javascript; charset=utf-8"
-  });
-  if (route) {
-    const csr_route = generate_route_object(route, url, manifest);
-    const body2 = `${create_css_import(route, url, manifest)}
-export const route = ${csr_route}; export const params = ${JSON.stringify(params)};`;
-    return { response: text(body2, { headers: headers2 }), body: body2 };
-  } else {
-    return { response: text("", { headers: headers2 }), body: "" };
-  }
-}
-function create_css_import(route, url, manifest) {
-  const { errors, layouts, leaf } = route;
-  let css = "";
-  for (const node of [...errors, ...layouts.map((l) => l?.[1]), leaf[1]]) {
-    if (typeof node !== "number") continue;
-    const node_css = manifest._.client.css?.[node];
-    for (const css_path of node_css ?? []) {
-      css += `'${assets || base}/${css_path}',`;
-    }
-  }
-  if (!css) return "";
-  return `${create_client_import(
-    /** @type {string} */
-    manifest._.client.start,
-    url
-  )}.then(x => x.load_css([${css}]));`;
-}
-const updated = {
-  ...readable(false),
-  check: () => false
-};
-async function render_response({
-  branch,
-  fetched,
-  options: options2,
-  manifest,
-  state,
-  page_config,
-  status,
-  error: error2 = null,
-  event,
-  event_state,
-  resolve_opts,
-  action_result,
-  data_serializer
-}) {
-  if (state.prerendering) {
-    if (options2.csp.mode === "nonce") {
-      throw new Error('Cannot use prerendering if config.kit.csp.mode === "nonce"');
-    }
-    if (options2.app_template_contains_nonce) {
-      throw new Error("Cannot use prerendering if page template contains %sveltekit.nonce%");
-    }
-  }
-  const { client } = manifest._;
-  const modulepreloads = new Set(client.imports);
-  const stylesheets = new Set(client.stylesheets);
-  const fonts = new Set(client.fonts);
-  const link_headers = /* @__PURE__ */ new Set();
-  const link_tags = /* @__PURE__ */ new Set();
-  const inline_styles = /* @__PURE__ */ new Map();
-  let rendered;
-  const form_value = action_result?.type === "success" || action_result?.type === "failure" ? action_result.data ?? null : null;
-  let base$1 = base;
-  let assets$1 = assets;
-  let base_expression = s(base);
-  {
-    if (!state.prerendering?.fallback) {
-      const segments = event.url.pathname.slice(base.length).split("/").slice(2);
-      base$1 = segments.map(() => "..").join("/") || ".";
-      base_expression = `new URL(${s(base$1)}, location).pathname.slice(0, -1)`;
-      if (!assets || assets[0] === "/" && assets !== SVELTE_KIT_ASSETS) {
-        assets$1 = base$1;
-      }
-    } else if (options2.hash_routing) {
-      base_expression = "new URL('.', location).pathname.slice(0, -1)";
-    }
-  }
-  if (page_config.ssr) {
-    const props = {
-      stores: {
-        page: writable(null),
-        navigating: writable(null),
-        updated
-      },
-      constructors: await Promise.all(
-        branch.map(({ node }) => {
-          if (!node.component) {
-            throw new Error(`Missing +page.svelte component for route ${event.route.id}`);
-          }
-          return node.component();
-        })
-      ),
-      form: form_value
-    };
-    let data2 = {};
-    for (let i = 0; i < branch.length; i += 1) {
-      data2 = { ...data2, ...branch[i].data };
-      props[`data_${i}`] = data2;
-    }
-    props.page = {
-      error: error2,
-      params: (
-        /** @type {Record<string, any>} */
-        event.params
-      ),
-      route: event.route,
-      status,
-      url: event.url,
-      data: data2,
-      form: form_value,
-      state: {}
-    };
-    const render_opts = {
-      context: /* @__PURE__ */ new Map([
-        [
-          "__request__",
-          {
-            page: props.page
-          }
-        ]
-      ])
-    };
-    const fetch2 = globalThis.fetch;
-    try {
-      if (BROWSER) ;
-      rendered = await with_request_store({ event, state: event_state }, async () => {
-        if (relative) override({ base: base$1, assets: assets$1 });
-        const maybe_promise = options2.root.render(props, render_opts);
-        const rendered2 = options2.async && "then" in maybe_promise ? (
-          /** @type {ReturnType<typeof options.root.render> & Promise<any>} */
-          maybe_promise.then((r) => r)
-        ) : maybe_promise;
-        if (options2.async) {
-          reset();
-        }
-        const { head: head2, html: html2, css } = options2.async ? await rendered2 : rendered2;
-        return { head: head2, html: html2, css };
-      });
-    } finally {
-      reset();
-    }
-    for (const { node } of branch) {
-      for (const url of node.imports) modulepreloads.add(url);
-      for (const url of node.stylesheets) stylesheets.add(url);
-      for (const url of node.fonts) fonts.add(url);
-      if (node.inline_styles && !client.inline) {
-        Object.entries(await node.inline_styles()).forEach(([k, v]) => inline_styles.set(k, v));
-      }
-    }
-  } else {
-    rendered = { head: "", html: "", css: { code: "", map: null } };
-  }
-  let head = "";
-  let body2 = rendered.html;
-  const csp = new Csp(options2.csp, {
-    prerender: !!state.prerendering
-  });
-  const prefixed = (path) => {
-    if (path.startsWith("/")) {
-      return base + path;
-    }
-    return `${assets$1}/${path}`;
-  };
-  const style = client.inline ? client.inline?.style : Array.from(inline_styles.values()).join("\n");
-  if (style) {
-    const attributes = [];
-    if (csp.style_needs_nonce) attributes.push(` nonce="${csp.nonce}"`);
-    csp.add_style(style);
-    head += `
-	<style${attributes.join("")}>${style}</style>`;
-  }
-  for (const dep of stylesheets) {
-    const path = prefixed(dep);
-    const attributes = ['rel="stylesheet"'];
-    if (inline_styles.has(dep)) {
-      attributes.push("disabled", 'media="(max-width: 0)"');
-    } else {
-      if (resolve_opts.preload({ type: "css", path })) {
-        link_headers.add(`<${encodeURI(path)}>; rel="preload"; as="style"; nopush`);
-      }
-    }
-    head += `
-		<link href="${path}" ${attributes.join(" ")}>`;
-  }
-  for (const dep of fonts) {
-    const path = prefixed(dep);
-    if (resolve_opts.preload({ type: "font", path })) {
-      const ext = dep.slice(dep.lastIndexOf(".") + 1);
-      link_tags.add(`<link rel="preload" as="font" type="font/${ext}" href="${path}" crossorigin>`);
-      link_headers.add(
-        `<${encodeURI(path)}>; rel="preload"; as="font"; type="font/${ext}"; crossorigin; nopush`
-      );
-    }
-  }
-  const global = get_global_name(options2);
-  const { data, chunks } = data_serializer.get_data(csp);
-  if (page_config.ssr && page_config.csr) {
-    body2 += `
-			${fetched.map(
-      (item) => serialize_data(item, resolve_opts.filterSerializedResponseHeaders, !!state.prerendering)
-    ).join("\n			")}`;
-  }
-  if (page_config.csr) {
-    const route = manifest._.client.routes?.find((r) => r.id === event.route.id) ?? null;
-    if (client.uses_env_dynamic_public && state.prerendering) {
-      modulepreloads.add(`${app_dir}/env.js`);
-    }
-    if (!client.inline) {
-      const included_modulepreloads = Array.from(modulepreloads, (dep) => prefixed(dep)).filter(
-        (path) => resolve_opts.preload({ type: "js", path })
-      );
-      for (const path of included_modulepreloads) {
-        link_headers.add(`<${encodeURI(path)}>; rel="modulepreload"; nopush`);
-        if (options2.preload_strategy !== "modulepreload") {
-          head += `
-		<link rel="preload" as="script" crossorigin="anonymous" href="${path}">`;
-        } else {
-          link_tags.add(`<link rel="modulepreload" href="${path}">`);
-        }
-      }
-    }
-    if (state.prerendering && link_tags.size > 0) {
-      head += Array.from(link_tags).map((tag) => `
-		${tag}`).join("");
-    }
-    if (manifest._.client.routes && state.prerendering && !state.prerendering.fallback) {
-      const pathname = add_resolution_suffix(event.url.pathname);
-      state.prerendering.dependencies.set(
-        pathname,
-        create_server_routing_response(route, event.params, new URL(pathname, event.url), manifest)
-      );
-    }
-    const blocks = [];
-    const load_env_eagerly = client.uses_env_dynamic_public && state.prerendering;
-    const properties = [`base: ${base_expression}`];
-    if (assets) {
-      properties.push(`assets: ${s(assets)}`);
-    }
-    if (client.uses_env_dynamic_public) {
-      properties.push(`env: ${load_env_eagerly ? "null" : s(public_env)}`);
-    }
-    if (chunks) {
-      blocks.push("const deferred = new Map();");
-      properties.push(`defer: (id) => new Promise((fulfil, reject) => {
-							deferred.set(id, { fulfil, reject });
-						})`);
-      let app_declaration = "";
-      if (Object.keys(options2.hooks.transport).length > 0) {
-        if (client.inline) {
-          app_declaration = `const app = __sveltekit_${options2.version_hash}.app.app;`;
-        } else if (client.app) {
-          app_declaration = `const app = await import(${s(prefixed(client.app))});`;
-        } else {
-          app_declaration = `const { app } = await import(${s(prefixed(client.start))});`;
-        }
-      }
-      const prelude = app_declaration ? `${app_declaration}
-							const [data, error] = fn(app);` : `const [data, error] = fn();`;
-      properties.push(`resolve: async (id, fn) => {
-							${prelude}
-
-							const try_to_resolve = () => {
-								if (!deferred.has(id)) {
-									setTimeout(try_to_resolve, 0);
-									return;
-								}
-								const { fulfil, reject } = deferred.get(id);
-								deferred.delete(id);
-								if (error) reject(error);
-								else fulfil(data);
-							}
-							try_to_resolve();
-						}`);
-    }
-    blocks.push(`${global} = {
-						${properties.join(",\n						")}
-					};`);
-    const args = ["element"];
-    blocks.push("const element = document.currentScript.parentElement;");
-    if (page_config.ssr) {
-      const serialized = { form: "null", error: "null" };
-      if (form_value) {
-        serialized.form = uneval_action_response(
-          form_value,
-          /** @type {string} */
-          event.route.id,
-          options2.hooks.transport
-        );
-      }
-      if (error2) {
-        serialized.error = devalue.uneval(error2);
-      }
-      const hydrate = [
-        `node_ids: [${branch.map(({ node }) => node.index).join(", ")}]`,
-        `data: ${data}`,
-        `form: ${serialized.form}`,
-        `error: ${serialized.error}`
-      ];
-      if (status !== 200) {
-        hydrate.push(`status: ${status}`);
-      }
-      if (manifest._.client.routes) {
-        if (route) {
-          const stringified = generate_route_object(route, event.url, manifest).replaceAll(
-            "\n",
-            "\n							"
-          );
-          hydrate.push(`params: ${devalue.uneval(event.params)}`, `server_route: ${stringified}`);
-        }
-      } else if (options2.embedded) {
-        hydrate.push(`params: ${devalue.uneval(event.params)}`, `route: ${s(event.route)}`);
-      }
-      const indent = "	".repeat(load_env_eagerly ? 7 : 6);
-      args.push(`{
-${indent}	${hydrate.join(`,
-${indent}	`)}
-${indent}}`);
-    }
-    const { remote_data: remote_cache } = event_state;
-    let serialized_remote_data = "";
-    if (remote_cache) {
-      const remote = {};
-      for (const [info, cache] of remote_cache) {
-        if (!info.id) continue;
-        for (const key2 in cache) {
-          remote[create_remote_key(info.id, key2)] = await cache[key2];
-        }
-      }
-      const replacer = (thing) => {
-        for (const key2 in options2.hooks.transport) {
-          const encoded = options2.hooks.transport[key2].encode(thing);
-          if (encoded) {
-            return `app.decode('${key2}', ${devalue.uneval(encoded, replacer)})`;
-          }
-        }
-      };
-      serialized_remote_data = `${global}.data = ${devalue.uneval(remote, replacer)};
-
-						`;
-    }
-    const boot = client.inline ? `${client.inline.script}
-
-					${serialized_remote_data}${global}.app.start(${args.join(", ")});` : client.app ? `Promise.all([
-						import(${s(prefixed(client.start))}),
-						import(${s(prefixed(client.app))})
-					]).then(([kit, app]) => {
-						${serialized_remote_data}kit.start(app, ${args.join(", ")});
-					});` : `import(${s(prefixed(client.start))}).then((app) => {
-						${serialized_remote_data}app.start(${args.join(", ")})
-					});`;
-    if (load_env_eagerly) {
-      blocks.push(`import(${s(`${base$1}/${app_dir}/env.js`)}).then(({ env }) => {
-						${global}.env = env;
-
-						${boot.replace(/\n/g, "\n	")}
-					});`);
-    } else {
-      blocks.push(boot);
-    }
-    if (options2.service_worker) {
-      let opts = "";
-      if (options2.service_worker_options != null) {
-        const service_worker_options = { ...options2.service_worker_options };
-        opts = `, ${s(service_worker_options)}`;
-      }
-      blocks.push(`if ('serviceWorker' in navigator) {
-						addEventListener('load', function () {
-							navigator.serviceWorker.register('${prefixed("service-worker.js")}'${opts});
-						});
-					}`);
-    }
-    const init_app = `
-				{
-					${blocks.join("\n\n					")}
-				}
-			`;
-    csp.add_script(init_app);
-    body2 += `
-			<script${csp.script_needs_nonce ? ` nonce="${csp.nonce}"` : ""}>${init_app}<\/script>
-		`;
-  }
-  const headers2 = new Headers({
-    "x-sveltekit-page": "true",
-    "content-type": "text/html"
-  });
-  if (state.prerendering) {
-    const http_equiv = [];
-    const csp_headers = csp.csp_provider.get_meta();
-    if (csp_headers) {
-      http_equiv.push(csp_headers);
-    }
-    if (state.prerendering.cache) {
-      http_equiv.push(`<meta http-equiv="cache-control" content="${state.prerendering.cache}">`);
-    }
-    if (http_equiv.length > 0) {
-      head = http_equiv.join("\n") + head;
-    }
-  } else {
-    const csp_header = csp.csp_provider.get_header();
-    if (csp_header) {
-      headers2.set("content-security-policy", csp_header);
-    }
-    const report_only_header = csp.report_only_provider.get_header();
-    if (report_only_header) {
-      headers2.set("content-security-policy-report-only", report_only_header);
-    }
-    if (link_headers.size) {
-      headers2.set("link", Array.from(link_headers).join(", "));
-    }
-  }
-  head += rendered.head;
-  const html = options2.templates.app({
-    head,
-    body: body2,
-    assets: assets$1,
-    nonce: (
-      /** @type {string} */
-      csp.nonce
-    ),
-    env: public_env
-  });
-  const transformed = await resolve_opts.transformPageChunk({
-    html,
-    done: true
-  }) || "";
-  if (!chunks) {
-    headers2.set("etag", `"${hash(transformed)}"`);
-  }
-  return !chunks ? text(transformed, {
-    status,
-    headers: headers2
-  }) : new Response(
-    new ReadableStream({
-      async start(controller) {
-        controller.enqueue(text_encoder.encode(transformed + "\n"));
-        for await (const chunk of chunks) {
-          if (chunk.length) controller.enqueue(text_encoder.encode(chunk));
-        }
-        controller.close();
-      },
-      type: "bytes"
-    }),
-    {
-      headers: headers2
-    }
-  );
-}
-class PageNodes {
-  data;
-  /**
-   * @param {Array<import('types').SSRNode | undefined>} nodes
-   */
-  constructor(nodes) {
-    this.data = nodes;
-  }
-  layouts() {
-    return this.data.slice(0, -1);
-  }
-  page() {
-    return this.data.at(-1);
-  }
-  validate() {
-    for (const layout of this.layouts()) {
-      if (layout) {
-        validate_layout_server_exports(
-          layout.server,
-          /** @type {string} */
-          layout.server_id
-        );
-        validate_layout_exports(
-          layout.universal,
-          /** @type {string} */
-          layout.universal_id
-        );
-      }
-    }
-    const page = this.page();
-    if (page) {
-      validate_page_server_exports(
-        page.server,
-        /** @type {string} */
-        page.server_id
-      );
-      validate_page_exports(
-        page.universal,
-        /** @type {string} */
-        page.universal_id
-      );
-    }
-  }
-  /**
-   * @template {'prerender' | 'ssr' | 'csr' | 'trailingSlash'} Option
-   * @param {Option} option
-   * @returns {Value | undefined}
-   */
-  #get_option(option) {
-    return this.data.reduce(
-      (value, node) => {
-        return node?.universal?.[option] ?? node?.server?.[option] ?? value;
-      },
-      /** @type {Value | undefined} */
-      void 0
-    );
-  }
-  csr() {
-    return this.#get_option("csr") ?? true;
-  }
-  ssr() {
-    return this.#get_option("ssr") ?? true;
-  }
-  prerender() {
-    return this.#get_option("prerender") ?? false;
-  }
-  trailing_slash() {
-    return this.#get_option("trailingSlash") ?? "never";
-  }
-  get_config() {
-    let current2 = {};
-    for (const node of this.data) {
-      if (!node?.universal?.config && !node?.server?.config) continue;
-      current2 = {
-        ...current2,
-        // TODO: should we override the server config value with the universal value similar to other page options?
-        ...node?.universal?.config,
-        ...node?.server?.config
-      };
-    }
-    return Object.keys(current2).length ? current2 : void 0;
-  }
-  should_prerender_data() {
-    return this.data.some(
-      // prerender in case of trailingSlash because the client retrieves that value from the server
-      (node) => node?.server?.load || node?.server?.trailingSlash !== void 0
-    );
-  }
-}
-async function respond_with_error({
-  event,
-  event_state,
-  options: options2,
-  manifest,
-  state,
-  status,
-  error: error2,
-  resolve_opts
-}) {
-  if (event.request.headers.get("x-sveltekit-error")) {
-    return static_error_page(
-      options2,
-      status,
-      /** @type {Error} */
-      error2.message
-    );
-  }
-  const fetched = [];
-  try {
-    const branch = [];
-    const default_layout = await manifest._.nodes[0]();
-    const nodes = new PageNodes([default_layout]);
-    const ssr = nodes.ssr();
-    const csr = nodes.csr();
-    const data_serializer = server_data_serializer(event, event_state, options2);
-    if (ssr) {
-      state.error = true;
-      const server_data_promise = load_server_data({
-        event,
-        event_state,
-        state,
-        node: default_layout,
-        // eslint-disable-next-line @typescript-eslint/require-await
-        parent: async () => ({})
-      });
-      const server_data = await server_data_promise;
-      data_serializer.add_node(0, server_data);
-      const data = await load_data({
-        event,
-        event_state,
-        fetched,
-        node: default_layout,
-        // eslint-disable-next-line @typescript-eslint/require-await
-        parent: async () => ({}),
-        resolve_opts,
-        server_data_promise,
-        state,
-        csr
-      });
-      branch.push(
-        {
-          node: default_layout,
-          server_data,
-          data
-        },
-        {
-          node: await manifest._.nodes[1](),
-          // 1 is always the root error
-          data: null,
-          server_data: null
-        }
-      );
-    }
-    return await render_response({
-      options: options2,
-      manifest,
-      state,
-      page_config: {
-        ssr,
-        csr
-      },
-      status,
-      error: await handle_error_and_jsonify(event, event_state, options2, error2),
-      branch,
-      fetched,
-      event,
-      event_state,
-      resolve_opts,
-      data_serializer
-    });
-  } catch (e) {
-    if (e instanceof Redirect) {
-      return redirect_response(e.status, e.location);
-    }
-    return static_error_page(
-      options2,
-      get_status(e),
-      (await handle_error_and_jsonify(event, event_state, options2, e)).message
-    );
-  }
-}
-async function handle_remote_call(event, state, options2, manifest, id) {
-  return record_span({
-    name: "sveltekit.remote.call",
-    attributes: {},
-    fn: (current2) => {
-      const traced_event = merge_tracing(event, current2);
-      return with_request_store(
-        { event: traced_event, state },
-        () => handle_remote_call_internal(traced_event, state, options2, manifest, id)
-      );
-    }
-  });
-}
-async function handle_remote_call_internal(event, state, options2, manifest, id) {
-  const [hash2, name, additional_args] = id.split("/");
-  const remotes = manifest._.remotes;
-  if (!remotes[hash2]) error(404);
-  const module = await remotes[hash2]();
-  const fn = module.default[name];
-  if (!fn) error(404);
-  const info = fn.__;
-  const transport = options2.hooks.transport;
-  event.tracing.current.setAttributes({
-    "sveltekit.remote.call.type": info.type,
-    "sveltekit.remote.call.name": info.name
-  });
-  let form_client_refreshes;
-  try {
-    if (info.type === "query_batch") {
-      if (event.request.method !== "POST") {
-        throw new SvelteKitError(
-          405,
-          "Method Not Allowed",
-          `\`query.batch\` functions must be invoked via POST request, not ${event.request.method}`
-        );
-      }
-      const { payloads } = await event.request.json();
-      const args = payloads.map((payload2) => parse_remote_arg(payload2, transport));
-      const get_result = await with_request_store({ event, state }, () => info.run(args));
-      const results = await Promise.all(
-        args.map(async (arg, i) => {
-          try {
-            return { type: "result", data: get_result(arg, i) };
-          } catch (error2) {
-            return {
-              type: "error",
-              error: await handle_error_and_jsonify(event, state, options2, error2),
-              status: error2 instanceof HttpError || error2 instanceof SvelteKitError ? error2.status : 500
-            };
-          }
-        })
-      );
-      return json(
-        /** @type {RemoteFunctionResponse} */
-        {
-          type: "result",
-          result: stringify(results, transport)
-        }
-      );
-    }
-    if (info.type === "form") {
-      if (event.request.method !== "POST") {
-        throw new SvelteKitError(
-          405,
-          "Method Not Allowed",
-          `\`form\` functions must be invoked via POST request, not ${event.request.method}`
-        );
-      }
-      if (!is_form_content_type(event.request)) {
-        throw new SvelteKitError(
-          415,
-          "Unsupported Media Type",
-          `\`form\` functions expect form-encoded data — received ${event.request.headers.get(
-            "content-type"
-          )}`
-        );
-      }
-      const { data: data2, meta, form_data } = await deserialize_binary_form(event.request);
-      if (additional_args && !("id" in data2)) {
-        data2.id = JSON.parse(decodeURIComponent(additional_args));
-      }
-      const fn2 = info.fn;
-      const result = await with_request_store({ event, state }, () => fn2(data2, meta, form_data));
-      return json(
-        /** @type {RemoteFunctionResponse} */
-        {
-          type: "result",
-          result: stringify(result, transport),
-          refreshes: result.issues ? void 0 : await serialize_refreshes(meta.remote_refreshes)
-        }
-      );
-    }
-    if (info.type === "command") {
-      const { payload: payload2, refreshes } = await event.request.json();
-      const arg = parse_remote_arg(payload2, transport);
-      const data2 = await with_request_store({ event, state }, () => fn(arg));
-      return json(
-        /** @type {RemoteFunctionResponse} */
-        {
-          type: "result",
-          result: stringify(data2, transport),
-          refreshes: await serialize_refreshes(refreshes)
-        }
-      );
-    }
-    const payload = info.type === "prerender" ? additional_args : (
-      /** @type {string} */
-      // new URL(...) necessary because we're hiding the URL from the user in the event object
-      new URL(event.request.url).searchParams.get("payload")
-    );
-    const data = await with_request_store(
-      { event, state },
-      () => fn(parse_remote_arg(payload, transport))
-    );
-    return json(
-      /** @type {RemoteFunctionResponse} */
-      {
-        type: "result",
-        result: stringify(data, transport)
-      }
-    );
-  } catch (error2) {
-    if (error2 instanceof Redirect) {
-      return json(
-        /** @type {RemoteFunctionResponse} */
-        {
-          type: "redirect",
-          location: error2.location,
-          refreshes: await serialize_refreshes(form_client_refreshes)
-        }
-      );
-    }
-    const status = error2 instanceof HttpError || error2 instanceof SvelteKitError ? error2.status : 500;
-    return json(
-      /** @type {RemoteFunctionResponse} */
-      {
-        type: "error",
-        error: await handle_error_and_jsonify(event, state, options2, error2),
-        status
-      },
-      {
-        // By setting a non-200 during prerendering we fail the prerender process (unless handleHttpError handles it).
-        // Errors at runtime will be passed to the client and are handled there
-        status: state.prerendering ? status : void 0,
-        headers: {
-          "cache-control": "private, no-store"
-        }
-      }
-    );
-  }
-  async function serialize_refreshes(client_refreshes) {
-    const refreshes = state.refreshes ?? {};
-    if (client_refreshes) {
-      for (const key2 of client_refreshes) {
-        if (refreshes[key2] !== void 0) continue;
-        const [hash3, name2, payload] = key2.split("/");
-        const loader = manifest._.remotes[hash3];
-        const fn2 = (await loader?.())?.default?.[name2];
-        if (!fn2) error(400, "Bad Request");
-        refreshes[key2] = with_request_store(
-          { event, state },
-          () => fn2(parse_remote_arg(payload, transport))
-        );
-      }
-    }
-    if (Object.keys(refreshes).length === 0) {
-      return void 0;
-    }
-    return stringify(
-      Object.fromEntries(
-        await Promise.all(
-          Object.entries(refreshes).map(async ([key2, promise]) => [key2, await promise])
-        )
-      ),
-      transport
-    );
-  }
-}
-async function handle_remote_form_post(event, state, manifest, id) {
-  return record_span({
-    name: "sveltekit.remote.form.post",
-    attributes: {},
-    fn: (current2) => {
-      const traced_event = merge_tracing(event, current2);
-      return with_request_store(
-        { event: traced_event, state },
-        () => handle_remote_form_post_internal(traced_event, state, manifest, id)
-      );
-    }
-  });
-}
-async function handle_remote_form_post_internal(event, state, manifest, id) {
-  const [hash2, name, action_id] = id.split("/");
-  const remotes = manifest._.remotes;
-  const module = await remotes[hash2]?.();
-  let form = (
-    /** @type {RemoteForm<any, any>} */
-    module?.default[name]
-  );
-  if (!form) {
-    event.setHeaders({
-      // https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/405
-      // "The server must generate an Allow header field in a 405 status code response"
-      allow: "GET"
-    });
-    return {
-      type: "error",
-      error: new SvelteKitError(
-        405,
-        "Method Not Allowed",
-        `POST method not allowed. No form actions exist for ${"this page"}`
-      )
-    };
-  }
-  if (action_id) {
-    form = with_request_store({ event, state }, () => form.for(JSON.parse(action_id)));
-  }
-  try {
-    const fn = (
-      /** @type {RemoteInfo & { type: 'form' }} */
-      /** @type {any} */
-      form.__.fn
-    );
-    const { data, meta, form_data } = await deserialize_binary_form(event.request);
-    if (action_id && !("id" in data)) {
-      data.id = JSON.parse(decodeURIComponent(action_id));
-    }
-    await with_request_store({ event, state }, () => fn(data, meta, form_data));
-    return {
-      type: "success",
-      status: 200
-    };
-  } catch (e) {
-    const err = normalize_error(e);
-    if (err instanceof Redirect) {
-      return {
-        type: "redirect",
-        status: err.status,
-        location: err.location
-      };
-    }
-    return {
-      type: "error",
-      error: check_incorrect_fail_use(err)
-    };
-  }
-}
-function get_remote_id(url) {
-  return url.pathname.startsWith(`${base}/${app_dir}/remote/`) && url.pathname.replace(`${base}/${app_dir}/remote/`, "");
-}
-function get_remote_action(url) {
-  return url.searchParams.get("/remote");
-}
-const MAX_DEPTH = 10;
-async function render_page(event, event_state, page, options2, manifest, state, nodes, resolve_opts) {
-  if (state.depth > MAX_DEPTH) {
-    return text(`Not found: ${event.url.pathname}`, {
-      status: 404
-      // TODO in some cases this should be 500. not sure how to differentiate
-    });
-  }
-  if (is_action_json_request(event)) {
-    const node = await manifest._.nodes[page.leaf]();
-    return handle_action_json_request(event, event_state, options2, node?.server);
-  }
-  try {
-    const leaf_node = (
-      /** @type {import('types').SSRNode} */
-      nodes.page()
-    );
-    let status = 200;
-    let action_result = void 0;
-    if (is_action_request(event)) {
-      const remote_id = get_remote_action(event.url);
-      if (remote_id) {
-        action_result = await handle_remote_form_post(event, event_state, manifest, remote_id);
-      } else {
-        action_result = await handle_action_request(event, event_state, leaf_node.server);
-      }
-      if (action_result?.type === "redirect") {
-        return redirect_response(action_result.status, action_result.location);
-      }
-      if (action_result?.type === "error") {
-        status = get_status(action_result.error);
-      }
-      if (action_result?.type === "failure") {
-        status = action_result.status;
-      }
-    }
-    const should_prerender = nodes.prerender();
-    if (should_prerender) {
-      const mod = leaf_node.server;
-      if (mod?.actions) {
-        throw new Error("Cannot prerender pages with actions");
-      }
-    } else if (state.prerendering) {
-      return new Response(void 0, {
-        status: 204
-      });
-    }
-    state.prerender_default = should_prerender;
-    const should_prerender_data = nodes.should_prerender_data();
-    const data_pathname = add_data_suffix(event.url.pathname);
-    const fetched = [];
-    const ssr = nodes.ssr();
-    const csr = nodes.csr();
-    if (ssr === false && !(state.prerendering && should_prerender_data)) {
-      if (BROWSER && action_result && !event.request.headers.has("x-sveltekit-action")) ;
-      return await render_response({
-        branch: [],
-        fetched,
-        page_config: {
-          ssr: false,
-          csr
-        },
-        status,
-        error: null,
-        event,
-        event_state,
-        options: options2,
-        manifest,
-        state,
-        resolve_opts,
-        data_serializer: server_data_serializer(event, event_state, options2)
-      });
-    }
-    const branch = [];
-    let load_error = null;
-    const data_serializer = server_data_serializer(event, event_state, options2);
-    const data_serializer_json = state.prerendering && should_prerender_data ? server_data_serializer_json(event, event_state, options2) : null;
-    const server_promises = nodes.data.map((node, i) => {
-      if (load_error) {
-        throw load_error;
-      }
-      return Promise.resolve().then(async () => {
-        try {
-          if (node === leaf_node && action_result?.type === "error") {
-            throw action_result.error;
-          }
-          const server_data = await load_server_data({
-            event,
-            event_state,
-            state,
-            node,
-            parent: async () => {
-              const data = {};
-              for (let j = 0; j < i; j += 1) {
-                const parent = await server_promises[j];
-                if (parent) Object.assign(data, parent.data);
-              }
-              return data;
-            }
-          });
-          if (node) {
-            data_serializer.add_node(i, server_data);
-          }
-          data_serializer_json?.add_node(i, server_data);
-          return server_data;
-        } catch (e) {
-          load_error = /** @type {Error} */
-          e;
-          throw load_error;
-        }
-      });
-    });
-    const load_promises = nodes.data.map((node, i) => {
-      if (load_error) throw load_error;
-      return Promise.resolve().then(async () => {
-        try {
-          return await load_data({
-            event,
-            event_state,
-            fetched,
-            node,
-            parent: async () => {
-              const data = {};
-              for (let j = 0; j < i; j += 1) {
-                Object.assign(data, await load_promises[j]);
-              }
-              return data;
-            },
-            resolve_opts,
-            server_data_promise: server_promises[i],
-            state,
-            csr
-          });
-        } catch (e) {
-          load_error = /** @type {Error} */
-          e;
-          throw load_error;
-        }
-      });
-    });
-    for (const p of server_promises) p.catch(() => {
-    });
-    for (const p of load_promises) p.catch(() => {
-    });
-    for (let i = 0; i < nodes.data.length; i += 1) {
-      const node = nodes.data[i];
-      if (node) {
-        try {
-          const server_data = await server_promises[i];
-          const data = await load_promises[i];
-          branch.push({ node, server_data, data });
-        } catch (e) {
-          const err = normalize_error(e);
-          if (err instanceof Redirect) {
-            if (state.prerendering && should_prerender_data) {
-              const body2 = JSON.stringify({
-                type: "redirect",
-                location: err.location
-              });
-              state.prerendering.dependencies.set(data_pathname, {
-                response: text(body2),
-                body: body2
-              });
-            }
-            return redirect_response(err.status, err.location);
-          }
-          const status2 = get_status(err);
-          const error2 = await handle_error_and_jsonify(event, event_state, options2, err);
-          while (i--) {
-            if (page.errors[i]) {
-              const index = (
-                /** @type {number} */
-                page.errors[i]
-              );
-              const node2 = await manifest._.nodes[index]();
-              let j = i;
-              while (!branch[j]) j -= 1;
-              data_serializer.set_max_nodes(j + 1);
-              const layouts = compact(branch.slice(0, j + 1));
-              const nodes2 = new PageNodes(layouts.map((layout) => layout.node));
-              return await render_response({
-                event,
-                event_state,
-                options: options2,
-                manifest,
-                state,
-                resolve_opts,
-                page_config: {
-                  ssr: nodes2.ssr(),
-                  csr: nodes2.csr()
-                },
-                status: status2,
-                error: error2,
-                branch: layouts.concat({
-                  node: node2,
-                  data: null,
-                  server_data: null
-                }),
-                fetched,
-                data_serializer
-              });
-            }
-          }
-          return static_error_page(options2, status2, error2.message);
-        }
-      } else {
-        branch.push(null);
-      }
-    }
-    if (state.prerendering && data_serializer_json) {
-      let { data, chunks } = data_serializer_json.get_data();
-      if (chunks) {
-        for await (const chunk of chunks) {
-          data += chunk;
-        }
-      }
-      state.prerendering.dependencies.set(data_pathname, {
-        response: text(data),
-        body: data
-      });
-    }
-    return await render_response({
-      event,
-      event_state,
-      options: options2,
-      manifest,
-      state,
-      resolve_opts,
-      page_config: {
-        csr,
-        ssr
-      },
-      status,
-      error: null,
-      branch: ssr === false ? [] : compact(branch),
-      action_result,
-      fetched,
-      data_serializer: ssr === false ? server_data_serializer(event, event_state, options2) : data_serializer
-    });
-  } catch (e) {
-    return await respond_with_error({
-      event,
-      event_state,
-      options: options2,
-      manifest,
-      state,
-      status: 500,
-      error: e,
-      resolve_opts
-    });
-  }
-}
-function once(fn) {
-  let done = false;
-  let result;
-  return () => {
-    if (done) return result;
-    done = true;
-    return result = fn();
-  };
-}
-async function render_data(event, event_state, route, options2, manifest, state, invalidated_data_nodes, trailing_slash) {
-  if (!route.page) {
-    return new Response(void 0, {
-      status: 404
-    });
-  }
-  try {
-    const node_ids = [...route.page.layouts, route.page.leaf];
-    const invalidated = invalidated_data_nodes ?? node_ids.map(() => true);
-    let aborted = false;
-    const url = new URL(event.url);
-    url.pathname = normalize_path(url.pathname, trailing_slash);
-    const new_event = { ...event, url };
-    const functions = node_ids.map((n, i) => {
-      return once(async () => {
-        try {
-          if (aborted) {
-            return (
-              /** @type {import('types').ServerDataSkippedNode} */
-              {
-                type: "skip"
-              }
-            );
-          }
-          const node = n == void 0 ? n : await manifest._.nodes[n]();
-          return load_server_data({
-            event: new_event,
-            event_state,
-            state,
-            node,
-            parent: async () => {
-              const data2 = {};
-              for (let j = 0; j < i; j += 1) {
-                const parent = (
-                  /** @type {import('types').ServerDataNode | null} */
-                  await functions[j]()
-                );
-                if (parent) {
-                  Object.assign(data2, parent.data);
-                }
-              }
-              return data2;
-            }
-          });
-        } catch (e) {
-          aborted = true;
-          throw e;
-        }
-      });
-    });
-    const promises = functions.map(async (fn, i) => {
-      if (!invalidated[i]) {
-        return (
-          /** @type {import('types').ServerDataSkippedNode} */
-          {
-            type: "skip"
-          }
-        );
-      }
-      return fn();
-    });
-    let length = promises.length;
-    const nodes = await Promise.all(
-      promises.map(
-        (p, i) => p.catch(async (error2) => {
-          if (error2 instanceof Redirect) {
-            throw error2;
-          }
-          length = Math.min(length, i + 1);
-          return (
-            /** @type {import('types').ServerErrorNode} */
-            {
-              type: "error",
-              error: await handle_error_and_jsonify(event, event_state, options2, error2),
-              status: error2 instanceof HttpError || error2 instanceof SvelteKitError ? error2.status : void 0
-            }
-          );
-        })
-      )
-    );
-    const data_serializer = server_data_serializer_json(event, event_state, options2);
-    for (let i = 0; i < nodes.length; i++) data_serializer.add_node(i, nodes[i]);
-    const { data, chunks } = data_serializer.get_data();
-    if (!chunks) {
-      return json_response(data);
-    }
-    return new Response(
-      new ReadableStream({
-        async start(controller) {
-          controller.enqueue(text_encoder.encode(data));
-          for await (const chunk of chunks) {
-            controller.enqueue(text_encoder.encode(chunk));
-          }
-          controller.close();
-        },
-        type: "bytes"
-      }),
-      {
-        headers: {
-          // we use a proprietary content type to prevent buffering.
-          // the `text` prefix makes it inspectable
-          "content-type": "text/sveltekit-data",
-          "cache-control": "private, no-store"
-        }
-      }
-    );
-  } catch (e) {
-    const error2 = normalize_error(e);
-    if (error2 instanceof Redirect) {
-      return redirect_json_response(error2);
-    } else {
-      return json_response(await handle_error_and_jsonify(event, event_state, options2, error2), 500);
-    }
-  }
-}
-function json_response(json2, status = 200) {
-  return text(typeof json2 === "string" ? json2 : JSON.stringify(json2), {
-    status,
-    headers: {
-      "content-type": "application/json",
-      "cache-control": "private, no-store"
-    }
-  });
-}
-function redirect_json_response(redirect) {
-  return json_response(
-    /** @type {import('types').ServerRedirectNode} */
-    {
-      type: "redirect",
-      location: redirect.location
-    }
-  );
-}
-const INVALID_COOKIE_CHARACTER_REGEX = /[\x00-\x1F\x7F()<>@,;:"/[\]?={} \t]/;
-function validate_options(options2) {
-  if (options2?.path === void 0) {
-    throw new Error("You must specify a `path` when setting, deleting or serializing cookies");
-  }
-}
-function generate_cookie_key(domain, path, name) {
-  return `${domain || ""}${path}?${encodeURIComponent(name)}`;
-}
-function get_cookies(request, url) {
-  const header = request.headers.get("cookie") ?? "";
-  const initial_cookies = parse(header, { decode: (value) => value });
-  let normalized_url;
-  const new_cookies = /* @__PURE__ */ new Map();
-  const defaults = {
-    httpOnly: true,
-    sameSite: "lax",
-    secure: url.hostname === "localhost" && url.protocol === "http:" ? false : true
-  };
-  const cookies = {
-    // The JSDoc param annotations appearing below for get, set and delete
-    // are necessary to expose the `cookie` library types to
-    // typescript users. `@type {import('@sveltejs/kit').Cookies}` above is not
-    // sufficient to do so.
-    /**
-     * @param {string} name
-     * @param {import('cookie').CookieParseOptions} [opts]
-     */
-    get(name, opts) {
-      const best_match = Array.from(new_cookies.values()).filter((c) => {
-        return c.name === name && domain_matches(url.hostname, c.options.domain) && path_matches(url.pathname, c.options.path);
-      }).sort((a, b) => b.options.path.length - a.options.path.length)[0];
-      if (best_match) {
-        return best_match.options.maxAge === 0 ? void 0 : best_match.value;
-      }
-      const req_cookies = parse(header, { decode: opts?.decode });
-      const cookie = req_cookies[name];
-      return cookie;
-    },
-    /**
-     * @param {import('cookie').CookieParseOptions} [opts]
-     */
-    getAll(opts) {
-      const cookies2 = parse(header, { decode: opts?.decode });
-      const lookup = /* @__PURE__ */ new Map();
-      for (const c of new_cookies.values()) {
-        if (domain_matches(url.hostname, c.options.domain) && path_matches(url.pathname, c.options.path)) {
-          const existing = lookup.get(c.name);
-          if (!existing || c.options.path.length > existing.options.path.length) {
-            lookup.set(c.name, c);
-          }
-        }
-      }
-      for (const c of lookup.values()) {
-        cookies2[c.name] = c.value;
-      }
-      return Object.entries(cookies2).map(([name, value]) => ({ name, value }));
-    },
-    /**
-     * @param {string} name
-     * @param {string} value
-     * @param {import('./page/types.js').Cookie['options']} options
-     */
-    set(name, value, options2) {
-      const illegal_characters = name.match(INVALID_COOKIE_CHARACTER_REGEX);
-      if (illegal_characters) {
-        console.warn(
-          `The cookie name "${name}" will be invalid in SvelteKit 3.0 as it contains ${illegal_characters.join(
-            " and "
-          )}. See RFC 2616 for more details https://datatracker.ietf.org/doc/html/rfc2616#section-2.2`
-        );
-      }
-      validate_options(options2);
-      set_internal(name, value, { ...defaults, ...options2 });
-    },
-    /**
-     * @param {string} name
-     *  @param {import('./page/types.js').Cookie['options']} options
-     */
-    delete(name, options2) {
-      validate_options(options2);
-      cookies.set(name, "", { ...options2, maxAge: 0 });
-    },
-    /**
-     * @param {string} name
-     * @param {string} value
-     *  @param {import('./page/types.js').Cookie['options']} options
-     */
-    serialize(name, value, options2) {
-      validate_options(options2);
-      let path = options2.path;
-      if (!options2.domain || options2.domain === url.hostname) {
-        if (!normalized_url) {
-          throw new Error("Cannot serialize cookies until after the route is determined");
-        }
-        path = resolve(normalized_url, path);
-      }
-      return serialize(name, value, { ...defaults, ...options2, path });
-    }
-  };
-  function get_cookie_header(destination, header2) {
-    const combined_cookies = {
-      // cookies sent by the user agent have lowest precedence
-      ...initial_cookies
-    };
-    for (const cookie of new_cookies.values()) {
-      if (!domain_matches(destination.hostname, cookie.options.domain)) continue;
-      if (!path_matches(destination.pathname, cookie.options.path)) continue;
-      const encoder = cookie.options.encode || encodeURIComponent;
-      combined_cookies[cookie.name] = encoder(cookie.value);
-    }
-    if (header2) {
-      const parsed = parse(header2, { decode: (value) => value });
-      for (const name in parsed) {
-        combined_cookies[name] = parsed[name];
-      }
-    }
-    return Object.entries(combined_cookies).map(([name, value]) => `${name}=${value}`).join("; ");
-  }
-  const internal_queue = [];
-  function set_internal(name, value, options2) {
-    if (!normalized_url) {
-      internal_queue.push(() => set_internal(name, value, options2));
-      return;
-    }
-    let path = options2.path;
-    if (!options2.domain || options2.domain === url.hostname) {
-      path = resolve(normalized_url, path);
-    }
-    const cookie_key = generate_cookie_key(options2.domain, path, name);
-    const cookie = { name, value, options: { ...options2, path } };
-    new_cookies.set(cookie_key, cookie);
-  }
-  function set_trailing_slash(trailing_slash) {
-    normalized_url = normalize_path(url.pathname, trailing_slash);
-    internal_queue.forEach((fn) => fn());
-  }
-  return { cookies, new_cookies, get_cookie_header, set_internal, set_trailing_slash };
-}
-function domain_matches(hostname, constraint) {
-  if (!constraint) return true;
-  const normalized = constraint[0] === "." ? constraint.slice(1) : constraint;
-  if (hostname === normalized) return true;
-  return hostname.endsWith("." + normalized);
-}
-function path_matches(path, constraint) {
-  if (!constraint) return true;
-  const normalized = constraint.endsWith("/") ? constraint.slice(0, -1) : constraint;
-  if (path === normalized) return true;
-  return path.startsWith(normalized + "/");
-}
-function add_cookies_to_headers(headers2, cookies) {
-  for (const new_cookie of cookies) {
-    const { name, value, options: options2 } = new_cookie;
-    headers2.append("set-cookie", serialize(name, value, options2));
-    if (options2.path.endsWith(".html")) {
-      const path = add_data_suffix(options2.path);
-      headers2.append("set-cookie", serialize(name, value, { ...options2, path }));
-    }
-  }
-}
-function create_fetch({ event, options: options2, manifest, state, get_cookie_header, set_internal }) {
-  const server_fetch = async (info, init2) => {
-    const original_request = normalize_fetch_input(info, init2, event.url);
-    let mode = (info instanceof Request ? info.mode : init2?.mode) ?? "cors";
-    let credentials = (info instanceof Request ? info.credentials : init2?.credentials) ?? "same-origin";
-    return options2.hooks.handleFetch({
-      event,
-      request: original_request,
-      fetch: async (info2, init3) => {
-        const request = normalize_fetch_input(info2, init3, event.url);
-        const url = new URL(request.url);
-        if (!request.headers.has("origin")) {
-          request.headers.set("origin", event.url.origin);
-        }
-        if (info2 !== original_request) {
-          mode = (info2 instanceof Request ? info2.mode : init3?.mode) ?? "cors";
-          credentials = (info2 instanceof Request ? info2.credentials : init3?.credentials) ?? "same-origin";
-        }
-        if ((request.method === "GET" || request.method === "HEAD") && (mode === "no-cors" && url.origin !== event.url.origin || url.origin === event.url.origin)) {
-          request.headers.delete("origin");
-        }
-        if (url.origin !== event.url.origin) {
-          if (`.${url.hostname}`.endsWith(`.${event.url.hostname}`) && credentials !== "omit") {
-            const cookie = get_cookie_header(url, request.headers.get("cookie"));
-            if (cookie) request.headers.set("cookie", cookie);
-          }
-          return fetch(request);
-        }
-        const prefix = assets || base;
-        const decoded = decodeURIComponent(url.pathname);
-        const filename = (decoded.startsWith(prefix) ? decoded.slice(prefix.length) : decoded).slice(1);
-        const filename_html = `${filename}/index.html`;
-        const is_asset = manifest.assets.has(filename) || filename in manifest._.server_assets;
-        const is_asset_html = manifest.assets.has(filename_html) || filename_html in manifest._.server_assets;
-        if (is_asset || is_asset_html) {
-          const file = is_asset ? filename : filename_html;
-          if (state.read) {
-            const type = is_asset ? manifest.mimeTypes[filename.slice(filename.lastIndexOf("."))] : "text/html";
-            return new Response(state.read(file), {
-              headers: type ? { "content-type": type } : {}
-            });
-          } else if (read_implementation && file in manifest._.server_assets) {
-            const length = manifest._.server_assets[file];
-            const type = manifest.mimeTypes[file.slice(file.lastIndexOf("."))];
-            return new Response(read_implementation(file), {
-              headers: {
-                "Content-Length": "" + length,
-                "Content-Type": type
-              }
-            });
-          }
-          return await fetch(request);
-        }
-        if (has_prerendered_path(manifest, base + decoded)) {
-          return await fetch(request);
-        }
-        if (credentials !== "omit") {
-          const cookie = get_cookie_header(url, request.headers.get("cookie"));
-          if (cookie) {
-            request.headers.set("cookie", cookie);
-          }
-          const authorization = event.request.headers.get("authorization");
-          if (authorization && !request.headers.has("authorization")) {
-            request.headers.set("authorization", authorization);
-          }
-        }
-        if (!request.headers.has("accept")) {
-          request.headers.set("accept", "*/*");
-        }
-        if (!request.headers.has("accept-language")) {
-          request.headers.set(
-            "accept-language",
-            /** @type {string} */
-            event.request.headers.get("accept-language")
-          );
-        }
-        const response = await internal_fetch(request, options2, manifest, state);
-        const set_cookie = response.headers.get("set-cookie");
-        if (set_cookie) {
-          for (const str of set_cookie_parser.splitCookiesString(set_cookie)) {
-            const { name, value, ...options3 } = set_cookie_parser.parseString(str, {
-              decodeValues: false
-            });
-            const path = options3.path ?? (url.pathname.split("/").slice(0, -1).join("/") || "/");
-            set_internal(name, value, {
-              path,
-              encode: (value2) => value2,
-              .../** @type {import('cookie').CookieSerializeOptions} */
-              options3
-            });
-          }
-        }
-        return response;
-      }
-    });
-  };
-  return (input, init2) => {
-    const response = server_fetch(input, init2);
-    response.catch(() => {
-    });
-    return response;
-  };
-}
-function normalize_fetch_input(info, init2, url) {
-  if (info instanceof Request) {
-    return info;
-  }
-  return new Request(typeof info === "string" ? new URL(info, url) : info, init2);
-}
-async function internal_fetch(request, options2, manifest, state) {
-  if (request.signal) {
-    if (request.signal.aborted) {
-      throw new DOMException("The operation was aborted.", "AbortError");
-    }
-    let remove_abort_listener = () => {
-    };
-    const abort_promise = new Promise((_, reject) => {
-      const on_abort = () => {
-        reject(new DOMException("The operation was aborted.", "AbortError"));
-      };
-      request.signal.addEventListener("abort", on_abort, { once: true });
-      remove_abort_listener = () => request.signal.removeEventListener("abort", on_abort);
-    });
-    const result = await Promise.race([
-      respond(request, options2, manifest, {
-        ...state,
-        depth: state.depth + 1
-      }),
-      abort_promise
-    ]);
-    remove_abort_listener();
-    return result;
-  } else {
-    return await respond(request, options2, manifest, {
-      ...state,
-      depth: state.depth + 1
-    });
-  }
-}
-let body;
-let etag;
-let headers;
-function get_public_env(request) {
-  body ??= `export const env=${JSON.stringify(public_env)}`;
-  etag ??= `W/${Date.now()}`;
-  headers ??= new Headers({
-    "content-type": "application/javascript; charset=utf-8",
-    etag
-  });
-  if (request.headers.get("if-none-match") === etag) {
-    return new Response(void 0, { status: 304, headers });
-  }
-  return new Response(body, { headers });
-}
-const default_transform = ({ html }) => html;
-const default_filter = () => false;
-const default_preload = ({ type }) => type === "js" || type === "css";
-const page_methods = /* @__PURE__ */ new Set(["GET", "HEAD", "POST"]);
-const allowed_page_methods = /* @__PURE__ */ new Set(["GET", "HEAD", "OPTIONS"]);
-let warned_on_devtools_json_request = false;
-const respond = propagate_context(internal_respond);
-async function internal_respond(request, options2, manifest, state) {
-  const url = new URL(request.url);
-  const is_route_resolution_request = has_resolution_suffix(url.pathname);
-  const is_data_request = has_data_suffix(url.pathname);
-  const remote_id = get_remote_id(url);
-  {
-    const request_origin = request.headers.get("origin");
-    if (remote_id) {
-      if (request.method !== "GET" && request_origin !== url.origin) {
-        const message = "Cross-site remote requests are forbidden";
-        return json({ message }, { status: 403 });
-      }
-    } else if (options2.csrf_check_origin) {
-      const forbidden = is_form_content_type(request) && (request.method === "POST" || request.method === "PUT" || request.method === "PATCH" || request.method === "DELETE") && request_origin !== url.origin && (!request_origin || !options2.csrf_trusted_origins.includes(request_origin));
-      if (forbidden) {
-        const message = `Cross-site ${request.method} form submissions are forbidden`;
-        const opts = { status: 403 };
-        if (request.headers.get("accept") === "application/json") {
-          return json({ message }, opts);
-        }
-        return text(message, opts);
-      }
-    }
-  }
-  if (options2.hash_routing && url.pathname !== base + "/" && url.pathname !== "/[fallback]") {
-    return text("Not found", { status: 404 });
-  }
-  let invalidated_data_nodes;
-  if (is_route_resolution_request) {
-    url.pathname = strip_resolution_suffix(url.pathname);
-  } else if (is_data_request) {
-    url.pathname = strip_data_suffix(url.pathname) + (url.searchParams.get(TRAILING_SLASH_PARAM) === "1" ? "/" : "") || "/";
-    url.searchParams.delete(TRAILING_SLASH_PARAM);
-    invalidated_data_nodes = url.searchParams.get(INVALIDATED_PARAM)?.split("").map((node) => node === "1");
-    url.searchParams.delete(INVALIDATED_PARAM);
-  } else if (remote_id) {
-    url.pathname = request.headers.get("x-sveltekit-pathname") ?? base;
-    url.search = request.headers.get("x-sveltekit-search") ?? "";
-  }
-  const headers2 = {};
-  const { cookies, new_cookies, get_cookie_header, set_internal, set_trailing_slash } = get_cookies(
-    request,
-    url
-  );
-  const event_state = {
-    prerendering: state.prerendering,
-    transport: options2.hooks.transport,
-    handleValidationError: options2.hooks.handleValidationError,
-    tracing: {
-      record_span
-    },
-    is_in_remote_function: false
-  };
-  const event = {
-    cookies,
-    // @ts-expect-error `fetch` needs to be created after the `event` itself
-    fetch: null,
-    getClientAddress: state.getClientAddress || (() => {
-      throw new Error(
-        `${"@sveltejs/adapter-static"} does not specify getClientAddress. Please raise an issue`
-      );
-    }),
-    locals: {},
-    params: {},
-    platform: state.platform,
-    request,
-    route: { id: null },
-    setHeaders: (new_headers) => {
-      for (const key2 in new_headers) {
-        const lower = key2.toLowerCase();
-        const value = new_headers[key2];
-        if (lower === "set-cookie") {
-          throw new Error(
-            "Use `event.cookies.set(name, value, options)` instead of `event.setHeaders` to set cookies"
-          );
-        } else if (lower in headers2) {
-          if (lower === "server-timing") {
-            headers2[lower] += ", " + value;
-          } else {
-            throw new Error(`"${key2}" header is already set`);
-          }
-        } else {
-          headers2[lower] = value;
-          if (state.prerendering && lower === "cache-control") {
-            state.prerendering.cache = /** @type {string} */
-            value;
-          }
-        }
-      }
-    },
-    url,
-    isDataRequest: is_data_request,
-    isSubRequest: state.depth > 0,
-    isRemoteRequest: !!remote_id
-  };
-  event.fetch = create_fetch({
-    event,
-    options: options2,
-    manifest,
-    state,
-    get_cookie_header,
-    set_internal
-  });
-  if (state.emulator?.platform) {
-    event.platform = await state.emulator.platform({
-      config: {},
-      prerender: !!state.prerendering?.fallback
-    });
-  }
-  let resolved_path = url.pathname;
-  if (!remote_id) {
-    const prerendering_reroute_state = state.prerendering?.inside_reroute;
-    try {
-      if (state.prerendering) state.prerendering.inside_reroute = true;
-      resolved_path = await options2.hooks.reroute({ url: new URL(url), fetch: event.fetch }) ?? url.pathname;
-    } catch {
-      return text("Internal Server Error", {
-        status: 500
-      });
-    } finally {
-      if (state.prerendering) state.prerendering.inside_reroute = prerendering_reroute_state;
-    }
-  }
-  try {
-    resolved_path = decode_pathname(resolved_path);
-  } catch {
-    return text("Malformed URI", { status: 400 });
-  }
-  if (
-    // the resolved path has been decoded so it should be compared to the decoded url pathname
-    resolved_path !== decode_pathname(url.pathname) && !state.prerendering?.fallback && has_prerendered_path(manifest, resolved_path)
-  ) {
-    const url2 = new URL(request.url);
-    url2.pathname = is_data_request ? add_data_suffix(resolved_path) : is_route_resolution_request ? add_resolution_suffix(resolved_path) : resolved_path;
-    try {
-      const response = await fetch(url2, request);
-      const headers22 = new Headers(response.headers);
-      if (headers22.has("content-encoding")) {
-        headers22.delete("content-encoding");
-        headers22.delete("content-length");
-      }
-      return new Response(response.body, {
-        headers: headers22,
-        status: response.status,
-        statusText: response.statusText
-      });
-    } catch (error2) {
-      return await handle_fatal_error(event, event_state, options2, error2);
-    }
-  }
-  let route = null;
-  if (base && !state.prerendering?.fallback) {
-    if (!resolved_path.startsWith(base)) {
-      return text("Not found", { status: 404 });
-    }
-    resolved_path = resolved_path.slice(base.length) || "/";
-  }
-  if (is_route_resolution_request) {
-    return resolve_route(resolved_path, new URL(request.url), manifest);
-  }
-  if (resolved_path === `/${app_dir}/env.js`) {
-    return get_public_env(request);
-  }
-  if (!remote_id && resolved_path.startsWith(`/${app_dir}`)) {
-    const headers22 = new Headers();
-    headers22.set("cache-control", "public, max-age=0, must-revalidate");
-    return text("Not found", { status: 404, headers: headers22 });
-  }
-  if (!state.prerendering?.fallback) {
-    const matchers = await manifest._.matchers();
-    for (const candidate of manifest._.routes) {
-      const match = candidate.pattern.exec(resolved_path);
-      if (!match) continue;
-      const matched = exec(match, candidate.params, matchers);
-      if (matched) {
-        route = candidate;
-        event.route = { id: route.id };
-        event.params = decode_params(matched);
-        break;
-      }
-    }
-  }
-  let resolve_opts = {
-    transformPageChunk: default_transform,
-    filterSerializedResponseHeaders: default_filter,
-    preload: default_preload
-  };
-  let trailing_slash = "never";
-  try {
-    const page_nodes = route?.page ? new PageNodes(await load_page_nodes(route.page, manifest)) : void 0;
-    if (route && !remote_id) {
-      if (url.pathname === base || url.pathname === base + "/") {
-        trailing_slash = "always";
-      } else if (page_nodes) {
-        if (BROWSER) ;
-        trailing_slash = page_nodes.trailing_slash();
-      } else if (route.endpoint) {
-        const node = await route.endpoint();
-        trailing_slash = node.trailingSlash ?? "never";
-        if (BROWSER) ;
-      }
-      if (!is_data_request) {
-        const normalized = normalize_path(url.pathname, trailing_slash);
-        if (normalized !== url.pathname && !state.prerendering?.fallback) {
-          return new Response(void 0, {
-            status: 308,
-            headers: {
-              "x-sveltekit-normalize": "1",
-              location: (
-                // ensure paths starting with '//' are not treated as protocol-relative
-                (normalized.startsWith("//") ? url.origin + normalized : normalized) + (url.search === "?" ? "" : url.search)
-              )
-            }
-          });
-        }
-      }
-      if (state.before_handle || state.emulator?.platform) {
-        let config = {};
-        let prerender = false;
-        if (route.endpoint) {
-          const node = await route.endpoint();
-          config = node.config ?? config;
-          prerender = node.prerender ?? prerender;
-        } else if (page_nodes) {
-          config = page_nodes.get_config() ?? config;
-          prerender = page_nodes.prerender();
-        }
-        if (state.before_handle) {
-          state.before_handle(event, config, prerender);
-        }
-        if (state.emulator?.platform) {
-          event.platform = await state.emulator.platform({ config, prerender });
-        }
-      }
-    }
-    set_trailing_slash(trailing_slash);
-    if (state.prerendering && !state.prerendering.fallback && !state.prerendering.inside_reroute) {
-      disable_search(url);
-    }
-    const response = await record_span({
-      name: "sveltekit.handle.root",
-      attributes: {
-        "http.route": event.route.id || "unknown",
-        "http.method": event.request.method,
-        "http.url": event.url.href,
-        "sveltekit.is_data_request": is_data_request,
-        "sveltekit.is_sub_request": event.isSubRequest
-      },
-      fn: async (root_span) => {
-        const traced_event = {
-          ...event,
-          tracing: {
-            enabled: false,
-            root: root_span,
-            current: root_span
-          }
-        };
-        return await with_request_store(
-          { event: traced_event, state: event_state },
-          () => options2.hooks.handle({
-            event: traced_event,
-            resolve: (event2, opts) => {
-              return record_span({
-                name: "sveltekit.resolve",
-                attributes: {
-                  "http.route": event2.route.id || "unknown"
-                },
-                fn: (resolve_span) => {
-                  return with_request_store(
-                    null,
-                    () => resolve2(merge_tracing(event2, resolve_span), page_nodes, opts).then(
-                      (response2) => {
-                        for (const key2 in headers2) {
-                          const value = headers2[key2];
-                          response2.headers.set(
-                            key2,
-                            /** @type {string} */
-                            value
-                          );
-                        }
-                        add_cookies_to_headers(response2.headers, new_cookies.values());
-                        if (state.prerendering && event2.route.id !== null) {
-                          response2.headers.set("x-sveltekit-routeid", encodeURI(event2.route.id));
-                        }
-                        resolve_span.setAttributes({
-                          "http.response.status_code": response2.status,
-                          "http.response.body.size": response2.headers.get("content-length") || "unknown"
-                        });
-                        return response2;
-                      }
-                    )
-                  );
-                }
-              });
-            }
-          })
-        );
-      }
-    });
-    if (response.status === 200 && response.headers.has("etag")) {
-      let if_none_match_value = request.headers.get("if-none-match");
-      if (if_none_match_value?.startsWith('W/"')) {
-        if_none_match_value = if_none_match_value.substring(2);
-      }
-      const etag2 = (
-        /** @type {string} */
-        response.headers.get("etag")
-      );
-      if (if_none_match_value === etag2) {
-        const headers22 = new Headers({ etag: etag2 });
-        for (const key2 of [
-          "cache-control",
-          "content-location",
-          "date",
-          "expires",
-          "vary",
-          "set-cookie"
-        ]) {
-          const value = response.headers.get(key2);
-          if (value) headers22.set(key2, value);
-        }
-        return new Response(void 0, {
-          status: 304,
-          headers: headers22
-        });
-      }
-    }
-    if (is_data_request && response.status >= 300 && response.status <= 308) {
-      const location = response.headers.get("location");
-      if (location) {
-        return redirect_json_response(new Redirect(
-          /** @type {any} */
-          response.status,
-          location
-        ));
-      }
-    }
-    return response;
-  } catch (e) {
-    if (e instanceof Redirect) {
-      const response = is_data_request || remote_id ? redirect_json_response(e) : route?.page && is_action_json_request(event) ? action_json_redirect(e) : redirect_response(e.status, e.location);
-      add_cookies_to_headers(response.headers, new_cookies.values());
-      return response;
-    }
-    return await handle_fatal_error(event, event_state, options2, e);
-  }
-  async function resolve2(event2, page_nodes, opts) {
-    try {
-      if (opts) {
-        resolve_opts = {
-          transformPageChunk: opts.transformPageChunk || default_transform,
-          filterSerializedResponseHeaders: opts.filterSerializedResponseHeaders || default_filter,
-          preload: opts.preload || default_preload
-        };
-      }
-      if (options2.hash_routing || state.prerendering?.fallback) {
-        return await render_response({
-          event: event2,
-          event_state,
-          options: options2,
-          manifest,
-          state,
-          page_config: { ssr: false, csr: true },
-          status: 200,
-          error: null,
-          branch: [],
-          fetched: [],
-          resolve_opts,
-          data_serializer: server_data_serializer(event2, event_state, options2)
-        });
-      }
-      if (remote_id) {
-        return await handle_remote_call(event2, event_state, options2, manifest, remote_id);
-      }
-      if (route) {
-        const method = (
-          /** @type {import('types').HttpMethod} */
-          event2.request.method
-        );
-        let response2;
-        if (is_data_request) {
-          response2 = await render_data(
-            event2,
-            event_state,
-            route,
-            options2,
-            manifest,
-            state,
-            invalidated_data_nodes,
-            trailing_slash
-          );
-        } else if (route.endpoint && (!route.page || is_endpoint_request(event2))) {
-          response2 = await render_endpoint(event2, event_state, await route.endpoint(), state);
-        } else if (route.page) {
-          if (!page_nodes) {
-            throw new Error("page_nodes not found. This should never happen");
-          } else if (page_methods.has(method)) {
-            response2 = await render_page(
-              event2,
-              event_state,
-              route.page,
-              options2,
-              manifest,
-              state,
-              page_nodes,
-              resolve_opts
-            );
-          } else {
-            const allowed_methods2 = new Set(allowed_page_methods);
-            const node = await manifest._.nodes[route.page.leaf]();
-            if (node?.server?.actions) {
-              allowed_methods2.add("POST");
-            }
-            if (method === "OPTIONS") {
-              response2 = new Response(null, {
-                status: 204,
-                headers: {
-                  allow: Array.from(allowed_methods2.values()).join(", ")
-                }
-              });
-            } else {
-              const mod = [...allowed_methods2].reduce(
-                (acc, curr) => {
-                  acc[curr] = true;
-                  return acc;
-                },
-                /** @type {Record<string, any>} */
-                {}
-              );
-              response2 = method_not_allowed(mod, method);
-            }
-          }
-        } else {
-          throw new Error("Route is neither page nor endpoint. This should never happen");
-        }
-        if (request.method === "GET" && route.page && route.endpoint) {
-          const vary = response2.headers.get("vary")?.split(",")?.map((v) => v.trim().toLowerCase());
-          if (!(vary?.includes("accept") || vary?.includes("*"))) {
-            response2 = new Response(response2.body, {
-              status: response2.status,
-              statusText: response2.statusText,
-              headers: new Headers(response2.headers)
-            });
-            response2.headers.append("Vary", "Accept");
-          }
-        }
-        return response2;
-      }
-      if (state.error && event2.isSubRequest) {
-        const headers22 = new Headers(request.headers);
-        headers22.set("x-sveltekit-error", "true");
-        return await fetch(request, { headers: headers22 });
-      }
-      if (state.error) {
-        return text("Internal Server Error", {
-          status: 500
-        });
-      }
-      if (state.depth === 0) {
-        if (BROWSER && event2.url.pathname === "/.well-known/appspecific/com.chrome.devtools.json") ;
-        return await respond_with_error({
-          event: event2,
-          event_state,
-          options: options2,
-          manifest,
-          state,
-          status: 404,
-          error: new SvelteKitError(404, "Not Found", `Not found: ${event2.url.pathname}`),
-          resolve_opts
-        });
-      }
-      if (state.prerendering) {
-        return text("not found", { status: 404 });
-      }
-      const response = await fetch(request);
-      return new Response(response.body, response);
-    } catch (e) {
-      return await handle_fatal_error(event2, event_state, options2, e);
-    } finally {
-      event2.cookies.set = () => {
-        throw new Error("Cannot use `cookies.set(...)` after the response has been generated");
-      };
-      event2.setHeaders = () => {
-        throw new Error("Cannot use `setHeaders(...)` after the response has been generated");
-      };
-    }
-  }
-}
-function load_page_nodes(page, manifest) {
-  return Promise.all([
-    // we use == here rather than === because [undefined] serializes as "[null]"
-    ...page.layouts.map((n) => n == void 0 ? n : manifest._.nodes[n]()),
-    manifest._.nodes[page.leaf]()
-  ]);
-}
-function propagate_context(fn) {
-  return async (req, ...rest) => {
-    {
-      return fn(req, ...rest);
-    }
-  };
-}
-function filter_env(env, allowed, disallowed) {
-  return Object.fromEntries(
-    Object.entries(env).filter(
-      ([k]) => k.startsWith(allowed) && (disallowed === "" || !k.startsWith(disallowed))
-    )
-  );
-}
-function set_app(value) {
-}
-let init_promise;
-let current = null;
-class Server {
-  /** @type {import('types').SSROptions} */
-  #options;
-  /** @type {import('@sveltejs/kit').SSRManifest} */
-  #manifest;
-  /** @param {import('@sveltejs/kit').SSRManifest} manifest */
-  constructor(manifest) {
-    this.#options = options;
-    this.#manifest = manifest;
-    if (IN_WEBCONTAINER) {
-      const respond2 = this.respond.bind(this);
-      this.respond = async (...args) => {
-        const { promise, resolve: resolve2 } = (
-          /** @type {PromiseWithResolvers<void>} */
-          with_resolvers()
-        );
-        const previous = current;
-        current = promise;
-        await previous;
-        return respond2(...args).finally(resolve2);
-      };
-    }
-  }
-  /**
-   * @param {import('@sveltejs/kit').ServerInitOptions} opts
-   */
-  async init({ env, read }) {
-    const { env_public_prefix, env_private_prefix } = this.#options;
-    set_private_env(filter_env(env, env_private_prefix, env_public_prefix));
-    set_public_env(filter_env(env, env_public_prefix, env_private_prefix));
-    if (read) {
-      const wrapped_read = (file) => {
-        const result = read(file);
-        if (result instanceof ReadableStream) {
-          return result;
-        } else {
-          return new ReadableStream({
-            async start(controller) {
-              try {
-                const stream = await Promise.resolve(result);
-                if (!stream) {
-                  controller.close();
-                  return;
-                }
-                const reader = stream.getReader();
-                while (true) {
-                  const { done, value } = await reader.read();
-                  if (done) break;
-                  controller.enqueue(value);
-                }
-                controller.close();
-              } catch (error2) {
-                controller.error(error2);
-              }
-            }
-          });
-        }
-      };
-      set_read_implementation(wrapped_read);
-    }
-    await (init_promise ??= (async () => {
-      try {
-        const module = await get_hooks();
-        this.#options.hooks = {
-          handle: module.handle || (({ event, resolve: resolve2 }) => resolve2(event)),
-          handleError: module.handleError || (({ status, error: error2, event }) => {
-            const error_message = format_server_error(
-              status,
-              /** @type {Error} */
-              error2,
-              event
-            );
-            console.error(error_message);
-          }),
-          handleFetch: module.handleFetch || (({ request, fetch: fetch2 }) => fetch2(request)),
-          handleValidationError: module.handleValidationError || (({ issues }) => {
-            console.error("Remote function schema validation failed:", issues);
-            return { message: "Bad Request" };
-          }),
-          reroute: module.reroute || (() => {
-          }),
-          transport: module.transport || {}
-        };
-        set_app({
-          decoders: module.transport ? Object.fromEntries(Object.entries(module.transport).map(([k, v]) => [k, v.decode])) : {}
-        });
-        if (module.init) {
-          await module.init();
-        }
-      } catch (e) {
-        {
-          throw e;
-        }
-      }
-    })());
-  }
-  /**
-   * @param {Request} request
-   * @param {import('types').RequestOptions} options
-   */
-  async respond(request, options2) {
-    return respond(request, this.#options, this.#manifest, {
-      ...options2,
-      error: false,
-      depth: 0
-    });
-  }
-}
-export {
-  Server
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/internal.js b/ModeTemplate/frontend/.svelte-kit/output/server/internal.js
deleted file mode 100644
index a129741..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/internal.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { g, o, c, s, a, b } from "./chunks/internal.js";
-import { s as s2, e, f } from "./chunks/environment.js";
-export {
-  g as get_hooks,
-  o as options,
-  s2 as set_assets,
-  e as set_building,
-  c as set_manifest,
-  f as set_prerendering,
-  s as set_private_env,
-  a as set_public_env,
-  b as set_read_implementation
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/manifest-full.js b/ModeTemplate/frontend/.svelte-kit/output/server/manifest-full.js
deleted file mode 100644
index 9e9eda3..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/manifest-full.js
+++ /dev/null
@@ -1,47 +0,0 @@
-export const manifest = (() => {
-function __memo(fn) {
-	let value;
-	return () => value ??= (value = fn());
-}
-
-return {
-	appDir: "_app",
-	appPath: "_app",
-	assets: new Set([".gitkeep"]),
-	mimeTypes: {},
-	_: {
-		client: {start:"_app/immutable/entry/start.JQZ0kVpy.js",app:"_app/immutable/entry/app.B9iOASPK.js",imports:["_app/immutable/entry/start.JQZ0kVpy.js","_app/immutable/chunks/CuIyQV9Z.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/Bgo_ZO3W.js","_app/immutable/chunks/BtkHyJOA.js","_app/immutable/entry/app.B9iOASPK.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/DZNd3jEa.js","_app/immutable/chunks/BtkHyJOA.js","_app/immutable/chunks/fsu08h6h.js","_app/immutable/chunks/hV77cT_P.js","_app/immutable/chunks/Bgo_ZO3W.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
-		nodes: [
-			__memo(() => import('./nodes/0.js')),
-			__memo(() => import('./nodes/1.js')),
-			__memo(() => import('./nodes/2.js')),
-			__memo(() => import('./nodes/3.js'))
-		],
-		remotes: {
-			
-		},
-		routes: [
-			{
-				id: "/",
-				pattern: /^\/$/,
-				params: [],
-				page: { layouts: [0,], errors: [1,], leaf: 2 },
-				endpoint: null
-			},
-			{
-				id: "/callback",
-				pattern: /^\/callback\/?$/,
-				params: [],
-				page: { layouts: [0,], errors: [1,], leaf: 3 },
-				endpoint: null
-			}
-		],
-		prerendered_routes: new Set([]),
-		matchers: async () => {
-			
-			return {  };
-		},
-		server_assets: {}
-	}
-}
-})();
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/manifest.js b/ModeTemplate/frontend/.svelte-kit/output/server/manifest.js
deleted file mode 100644
index 9e9eda3..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/manifest.js
+++ /dev/null
@@ -1,47 +0,0 @@
-export const manifest = (() => {
-function __memo(fn) {
-	let value;
-	return () => value ??= (value = fn());
-}
-
-return {
-	appDir: "_app",
-	appPath: "_app",
-	assets: new Set([".gitkeep"]),
-	mimeTypes: {},
-	_: {
-		client: {start:"_app/immutable/entry/start.JQZ0kVpy.js",app:"_app/immutable/entry/app.B9iOASPK.js",imports:["_app/immutable/entry/start.JQZ0kVpy.js","_app/immutable/chunks/CuIyQV9Z.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/Bgo_ZO3W.js","_app/immutable/chunks/BtkHyJOA.js","_app/immutable/entry/app.B9iOASPK.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/DZNd3jEa.js","_app/immutable/chunks/BtkHyJOA.js","_app/immutable/chunks/fsu08h6h.js","_app/immutable/chunks/hV77cT_P.js","_app/immutable/chunks/Bgo_ZO3W.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
-		nodes: [
-			__memo(() => import('./nodes/0.js')),
-			__memo(() => import('./nodes/1.js')),
-			__memo(() => import('./nodes/2.js')),
-			__memo(() => import('./nodes/3.js'))
-		],
-		remotes: {
-			
-		},
-		routes: [
-			{
-				id: "/",
-				pattern: /^\/$/,
-				params: [],
-				page: { layouts: [0,], errors: [1,], leaf: 2 },
-				endpoint: null
-			},
-			{
-				id: "/callback",
-				pattern: /^\/callback\/?$/,
-				params: [],
-				page: { layouts: [0,], errors: [1,], leaf: 3 },
-				endpoint: null
-			}
-		],
-		prerendered_routes: new Set([]),
-		matchers: async () => {
-			
-			return {  };
-		},
-		server_assets: {}
-	}
-}
-})();
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/0.js b/ModeTemplate/frontend/.svelte-kit/output/server/nodes/0.js
deleted file mode 100644
index 2f4b38a..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/0.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-export const index = 0;
-let component_cache;
-export const component = async () => component_cache ??= (await import('../entries/pages/_layout.svelte.js')).default;
-export const imports = ["_app/immutable/nodes/0.C7lVdKJN.js","_app/immutable/chunks/DZNd3jEa.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/BtkHyJOA.js","_app/immutable/chunks/fsu08h6h.js","_app/immutable/chunks/BRRLaaPq.js"];
-export const stylesheets = ["_app/immutable/assets/0.r7T8fV5B.css"];
-export const fonts = [];
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/1.js b/ModeTemplate/frontend/.svelte-kit/output/server/nodes/1.js
deleted file mode 100644
index 077c1c9..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/1.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-export const index = 1;
-let component_cache;
-export const component = async () => component_cache ??= (await import('../entries/fallbacks/error.svelte.js')).default;
-export const imports = ["_app/immutable/nodes/1.DhhPkK36.js","_app/immutable/chunks/DZNd3jEa.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/974AMC2H.js","_app/immutable/chunks/CuIyQV9Z.js","_app/immutable/chunks/Bgo_ZO3W.js","_app/immutable/chunks/BtkHyJOA.js"];
-export const stylesheets = [];
-export const fonts = [];
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/2.js b/ModeTemplate/frontend/.svelte-kit/output/server/nodes/2.js
deleted file mode 100644
index 9dfa32e..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/2.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-export const index = 2;
-let component_cache;
-export const component = async () => component_cache ??= (await import('../entries/pages/_page.svelte.js')).default;
-export const imports = ["_app/immutable/nodes/2.MK_aCw-P.js","_app/immutable/chunks/DZNd3jEa.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/974AMC2H.js","_app/immutable/chunks/fsu08h6h.js","_app/immutable/chunks/BRRLaaPq.js"];
-export const stylesheets = [];
-export const fonts = [];
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/3.js b/ModeTemplate/frontend/.svelte-kit/output/server/nodes/3.js
deleted file mode 100644
index 2336e94..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/nodes/3.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-export const index = 3;
-let component_cache;
-export const component = async () => component_cache ??= (await import('../entries/pages/callback/_page.svelte.js')).default;
-export const imports = ["_app/immutable/nodes/3.DVfrbbic.js","_app/immutable/chunks/DZNd3jEa.js","_app/immutable/chunks/CqqhLxdp.js","_app/immutable/chunks/BtkHyJOA.js","_app/immutable/chunks/fsu08h6h.js","_app/immutable/chunks/hV77cT_P.js","_app/immutable/chunks/Bgo_ZO3W.js","_app/immutable/chunks/CuIyQV9Z.js","_app/immutable/chunks/BRRLaaPq.js"];
-export const stylesheets = [];
-export const fonts = [];
diff --git a/ModeTemplate/frontend/.svelte-kit/output/server/remote-entry.js b/ModeTemplate/frontend/.svelte-kit/output/server/remote-entry.js
deleted file mode 100644
index f000575..0000000
--- a/ModeTemplate/frontend/.svelte-kit/output/server/remote-entry.js
+++ /dev/null
@@ -1,540 +0,0 @@
-import { get_request_store, with_request_store } from "@sveltejs/kit/internal/server";
-import { parse } from "devalue";
-import { error, json } from "@sveltejs/kit";
-import { a as stringify_remote_arg, f as flatten_issues, b as create_field_proxy, n as normalize_issue, e as set_nested_value, g as deep_set, s as stringify, c as create_remote_key } from "./chunks/shared.js";
-import { ValidationError } from "@sveltejs/kit/internal";
-import { b as base, c as app_dir, B as BROWSER, p as prerendering } from "./chunks/environment.js";
-function create_validator(validate_or_fn, maybe_fn) {
-  if (!maybe_fn) {
-    return (arg) => {
-      if (arg !== void 0) {
-        error(400, "Bad Request");
-      }
-    };
-  }
-  if (validate_or_fn === "unchecked") {
-    return (arg) => arg;
-  }
-  if ("~standard" in validate_or_fn) {
-    return async (arg) => {
-      const { event, state } = get_request_store();
-      const result = await validate_or_fn["~standard"].validate(arg);
-      if (result.issues) {
-        error(
-          400,
-          await state.handleValidationError({
-            issues: result.issues,
-            event
-          })
-        );
-      }
-      return result.value;
-    };
-  }
-  throw new Error(
-    'Invalid validator passed to remote function. Expected "unchecked" or a Standard Schema (https://standardschema.dev)'
-  );
-}
-async function get_response(info, arg, state, get_result) {
-  await 0;
-  const cache = get_cache(info, state);
-  return cache[stringify_remote_arg(arg, state.transport)] ??= get_result();
-}
-function parse_remote_response(data, transport) {
-  const revivers = {};
-  for (const key in transport) {
-    revivers[key] = transport[key].decode;
-  }
-  return parse(data, revivers);
-}
-async function run_remote_function(event, state, allow_cookies, arg, validate, fn) {
-  const store = {
-    event: {
-      ...event,
-      setHeaders: () => {
-        throw new Error("setHeaders is not allowed in remote functions");
-      },
-      cookies: {
-        ...event.cookies,
-        set: (name, value, opts) => {
-          if (!allow_cookies) {
-            throw new Error("Cannot set cookies in `query` or `prerender` functions");
-          }
-          if (opts.path && !opts.path.startsWith("/")) {
-            throw new Error("Cookies set in remote functions must have an absolute path");
-          }
-          return event.cookies.set(name, value, opts);
-        },
-        delete: (name, opts) => {
-          if (!allow_cookies) {
-            throw new Error("Cannot delete cookies in `query` or `prerender` functions");
-          }
-          if (opts.path && !opts.path.startsWith("/")) {
-            throw new Error("Cookies deleted in remote functions must have an absolute path");
-          }
-          return event.cookies.delete(name, opts);
-        }
-      }
-    },
-    state: {
-      ...state,
-      is_in_remote_function: true
-    }
-  };
-  const validated = await with_request_store(store, () => validate(arg));
-  return with_request_store(store, () => fn(validated));
-}
-function get_cache(info, state = get_request_store().state) {
-  let cache = state.remote_data?.get(info);
-  if (cache === void 0) {
-    cache = {};
-    (state.remote_data ??= /* @__PURE__ */ new Map()).set(info, cache);
-  }
-  return cache;
-}
-// @__NO_SIDE_EFFECTS__
-function command(validate_or_fn, maybe_fn) {
-  const fn = maybe_fn ?? validate_or_fn;
-  const validate = create_validator(validate_or_fn, maybe_fn);
-  const __ = { type: "command", id: "", name: "" };
-  const wrapper = (arg) => {
-    const { event, state } = get_request_store();
-    if (state.is_endpoint_request) {
-      if (!["POST", "PUT", "PATCH", "DELETE"].includes(event.request.method)) {
-        throw new Error(
-          `Cannot call a command (\`${__.name}(${maybe_fn ? "..." : ""})\`) from a ${event.request.method} handler`
-        );
-      }
-    } else if (!event.isRemoteRequest) {
-      throw new Error(
-        `Cannot call a command (\`${__.name}(${maybe_fn ? "..." : ""})\`) during server-side rendering`
-      );
-    }
-    state.refreshes ??= {};
-    const promise = Promise.resolve(run_remote_function(event, state, true, arg, validate, fn));
-    promise.updates = () => {
-      throw new Error(`Cannot call '${__.name}(...).updates(...)' on the server`);
-    };
-    return (
-      /** @type {ReturnType<RemoteCommand<Input, Output>>} */
-      promise
-    );
-  };
-  Object.defineProperty(wrapper, "__", { value: __ });
-  Object.defineProperty(wrapper, "pending", {
-    get: () => 0
-  });
-  return wrapper;
-}
-// @__NO_SIDE_EFFECTS__
-function form(validate_or_fn, maybe_fn) {
-  const fn = maybe_fn ?? validate_or_fn;
-  const schema = !maybe_fn || validate_or_fn === "unchecked" ? null : (
-    /** @type {any} */
-    validate_or_fn
-  );
-  function create_instance(key) {
-    const instance = {};
-    instance.method = "POST";
-    Object.defineProperty(instance, "enhance", {
-      value: () => {
-        return { action: instance.action, method: instance.method };
-      }
-    });
-    const __ = {
-      type: "form",
-      name: "",
-      id: "",
-      fn: async (data, meta, form_data) => {
-        const output = {};
-        output.submission = true;
-        const { event, state } = get_request_store();
-        const validated = await schema?.["~standard"].validate(data);
-        if (meta.validate_only) {
-          return validated?.issues?.map((issue) => normalize_issue(issue, true)) ?? [];
-        }
-        if (validated?.issues !== void 0) {
-          handle_issues(output, validated.issues, form_data);
-        } else {
-          if (validated !== void 0) {
-            data = validated.value;
-          }
-          state.refreshes ??= {};
-          const issue = create_issues();
-          try {
-            output.result = await run_remote_function(
-              event,
-              state,
-              true,
-              data,
-              (d) => d,
-              (data2) => !maybe_fn ? fn() : fn(data2, issue)
-            );
-          } catch (e) {
-            if (e instanceof ValidationError) {
-              handle_issues(output, e.issues, form_data);
-            } else {
-              throw e;
-            }
-          }
-        }
-        if (!event.isRemoteRequest) {
-          get_cache(__, state)[""] ??= output;
-        }
-        return output;
-      }
-    };
-    Object.defineProperty(instance, "__", { value: __ });
-    Object.defineProperty(instance, "action", {
-      get: () => `?/remote=${__.id}`,
-      enumerable: true
-    });
-    Object.defineProperty(instance, "fields", {
-      get() {
-        const data = get_cache(__)?.[""];
-        const issues = flatten_issues(data?.issues ?? []);
-        return create_field_proxy(
-          {},
-          () => data?.input ?? {},
-          (path, value) => {
-            if (data?.submission) {
-              return;
-            }
-            const input = path.length === 0 ? value : deep_set(data?.input ?? {}, path.map(String), value);
-            (get_cache(__)[""] ??= {}).input = input;
-          },
-          () => issues
-        );
-      }
-    });
-    Object.defineProperty(instance, "result", {
-      get() {
-        try {
-          return get_cache(__)?.[""]?.result;
-        } catch {
-          return void 0;
-        }
-      }
-    });
-    Object.defineProperty(instance, "pending", {
-      get: () => 0
-    });
-    Object.defineProperty(instance, "preflight", {
-      // preflight is a noop on the server
-      value: () => instance
-    });
-    Object.defineProperty(instance, "validate", {
-      value: () => {
-        throw new Error("Cannot call validate() on the server");
-      }
-    });
-    if (key == void 0) {
-      Object.defineProperty(instance, "for", {
-        /** @type {RemoteForm<any, any>['for']} */
-        value: (key2) => {
-          const { state } = get_request_store();
-          const cache_key = __.id + "|" + JSON.stringify(key2);
-          let instance2 = (state.form_instances ??= /* @__PURE__ */ new Map()).get(cache_key);
-          if (!instance2) {
-            instance2 = create_instance(key2);
-            instance2.__.id = `${__.id}/${encodeURIComponent(JSON.stringify(key2))}`;
-            instance2.__.name = __.name;
-            state.form_instances.set(cache_key, instance2);
-          }
-          return instance2;
-        }
-      });
-    }
-    return instance;
-  }
-  return create_instance();
-}
-function handle_issues(output, issues, form_data) {
-  output.issues = issues.map((issue) => normalize_issue(issue, true));
-  if (form_data) {
-    output.input = {};
-    for (let key of form_data.keys()) {
-      if (/^[.\]]?_/.test(key)) continue;
-      const is_array = key.endsWith("[]");
-      const values = form_data.getAll(key).filter((value) => typeof value === "string");
-      if (is_array) key = key.slice(0, -2);
-      set_nested_value(
-        /** @type {Record<string, any>} */
-        output.input,
-        key,
-        is_array ? values : values[0]
-      );
-    }
-  }
-}
-function create_issues() {
-  return (
-    /** @type {InvalidField<any>} */
-    new Proxy(
-      /** @param {string} message */
-      (message) => {
-        if (typeof message !== "string") {
-          throw new Error(
-            "`invalid` should now be imported from `@sveltejs/kit` to throw validation issues. The second parameter provided to the form function (renamed to `issue`) is still used to construct issues, e.g. `invalid(issue.field('message'))`. For more info see https://github.com/sveltejs/kit/pulls/14768"
-          );
-        }
-        return create_issue(message);
-      },
-      {
-        get(target, prop) {
-          if (typeof prop === "symbol") return (
-            /** @type {any} */
-            target[prop]
-          );
-          return create_issue_proxy(prop, []);
-        }
-      }
-    )
-  );
-  function create_issue(message, path = []) {
-    return {
-      message,
-      path
-    };
-  }
-  function create_issue_proxy(key, path) {
-    const new_path = [...path, key];
-    const issue_func = (message) => create_issue(message, new_path);
-    return new Proxy(issue_func, {
-      get(target, prop) {
-        if (typeof prop === "symbol") return (
-          /** @type {any} */
-          target[prop]
-        );
-        if (/^\d+$/.test(prop)) {
-          return create_issue_proxy(parseInt(prop, 10), new_path);
-        }
-        return create_issue_proxy(prop, new_path);
-      }
-    });
-  }
-}
-// @__NO_SIDE_EFFECTS__
-function prerender(validate_or_fn, fn_or_options, maybe_options) {
-  const maybe_fn = typeof fn_or_options === "function" ? fn_or_options : void 0;
-  const options = maybe_options ?? (maybe_fn ? void 0 : fn_or_options);
-  const fn = maybe_fn ?? validate_or_fn;
-  const validate = create_validator(validate_or_fn, maybe_fn);
-  const __ = {
-    type: "prerender",
-    id: "",
-    name: "",
-    has_arg: !!maybe_fn,
-    inputs: options?.inputs,
-    dynamic: options?.dynamic
-  };
-  const wrapper = (arg) => {
-    const promise = (async () => {
-      const { event, state } = get_request_store();
-      const payload = stringify_remote_arg(arg, state.transport);
-      const id = __.id;
-      const url = `${base}/${app_dir}/remote/${id}${payload ? `/${payload}` : ""}`;
-      if (!state.prerendering && !BROWSER && !event.isRemoteRequest) {
-        try {
-          return await get_response(__, arg, state, async () => {
-            const key = stringify_remote_arg(arg, state.transport);
-            const cache = get_cache(__, state);
-            const promise3 = cache[key] ??= fetch(new URL(url, event.url.origin).href).then(
-              async (response) => {
-                if (!response.ok) {
-                  throw new Error("Prerendered response not found");
-                }
-                const prerendered = await response.json();
-                if (prerendered.type === "error") {
-                  error(prerendered.status, prerendered.error);
-                }
-                return prerendered.result;
-              }
-            );
-            return parse_remote_response(await promise3, state.transport);
-          });
-        } catch {
-        }
-      }
-      if (state.prerendering?.remote_responses.has(url)) {
-        return (
-          /** @type {Promise<any>} */
-          state.prerendering.remote_responses.get(url)
-        );
-      }
-      const promise2 = get_response(
-        __,
-        arg,
-        state,
-        () => run_remote_function(event, state, false, arg, validate, fn)
-      );
-      if (state.prerendering) {
-        state.prerendering.remote_responses.set(url, promise2);
-      }
-      const result = await promise2;
-      if (state.prerendering) {
-        const body = { type: "result", result: stringify(result, state.transport) };
-        state.prerendering.dependencies.set(url, {
-          body: JSON.stringify(body),
-          response: json(body)
-        });
-      }
-      return result;
-    })();
-    promise.catch(() => {
-    });
-    return (
-      /** @type {RemoteResource<Output>} */
-      promise
-    );
-  };
-  Object.defineProperty(wrapper, "__", { value: __ });
-  return wrapper;
-}
-// @__NO_SIDE_EFFECTS__
-function query(validate_or_fn, maybe_fn) {
-  const fn = maybe_fn ?? validate_or_fn;
-  const validate = create_validator(validate_or_fn, maybe_fn);
-  const __ = { type: "query", id: "", name: "" };
-  const wrapper = (arg) => {
-    if (prerendering) {
-      throw new Error(
-        `Cannot call query '${__.name}' while prerendering, as prerendered pages need static data. Use 'prerender' from $app/server instead`
-      );
-    }
-    const { event, state } = get_request_store();
-    const get_remote_function_result = () => run_remote_function(event, state, false, arg, validate, fn);
-    const promise = get_response(__, arg, state, get_remote_function_result);
-    promise.catch(() => {
-    });
-    promise.set = (value) => update_refresh_value(get_refresh_context(__, "set", arg), value);
-    promise.refresh = () => {
-      const refresh_context = get_refresh_context(__, "refresh", arg);
-      const is_immediate_refresh = !refresh_context.cache[refresh_context.cache_key];
-      const value = is_immediate_refresh ? promise : get_remote_function_result();
-      return update_refresh_value(refresh_context, value, is_immediate_refresh);
-    };
-    promise.withOverride = () => {
-      throw new Error(`Cannot call '${__.name}.withOverride()' on the server`);
-    };
-    return (
-      /** @type {RemoteQuery<Output>} */
-      promise
-    );
-  };
-  Object.defineProperty(wrapper, "__", { value: __ });
-  return wrapper;
-}
-// @__NO_SIDE_EFFECTS__
-function batch(validate_or_fn, maybe_fn) {
-  const fn = maybe_fn ?? validate_or_fn;
-  const validate = create_validator(validate_or_fn, maybe_fn);
-  const __ = {
-    type: "query_batch",
-    id: "",
-    name: "",
-    run: (args) => {
-      const { event, state } = get_request_store();
-      return run_remote_function(
-        event,
-        state,
-        false,
-        args,
-        (array) => Promise.all(array.map(validate)),
-        fn
-      );
-    }
-  };
-  let batching = { args: [], resolvers: [] };
-  const wrapper = (arg) => {
-    if (prerendering) {
-      throw new Error(
-        `Cannot call query.batch '${__.name}' while prerendering, as prerendered pages need static data. Use 'prerender' from $app/server instead`
-      );
-    }
-    const { event, state } = get_request_store();
-    const get_remote_function_result = () => {
-      return new Promise((resolve, reject) => {
-        batching.args.push(arg);
-        batching.resolvers.push({ resolve, reject });
-        if (batching.args.length > 1) return;
-        setTimeout(async () => {
-          const batched = batching;
-          batching = { args: [], resolvers: [] };
-          try {
-            const get_result = await run_remote_function(
-              event,
-              state,
-              false,
-              batched.args,
-              (array) => Promise.all(array.map(validate)),
-              fn
-            );
-            for (let i = 0; i < batched.resolvers.length; i++) {
-              try {
-                batched.resolvers[i].resolve(get_result(batched.args[i], i));
-              } catch (error2) {
-                batched.resolvers[i].reject(error2);
-              }
-            }
-          } catch (error2) {
-            for (const resolver of batched.resolvers) {
-              resolver.reject(error2);
-            }
-          }
-        }, 0);
-      });
-    };
-    const promise = get_response(__, arg, state, get_remote_function_result);
-    promise.catch(() => {
-    });
-    promise.set = (value) => update_refresh_value(get_refresh_context(__, "set", arg), value);
-    promise.refresh = () => {
-      const refresh_context = get_refresh_context(__, "refresh", arg);
-      const is_immediate_refresh = !refresh_context.cache[refresh_context.cache_key];
-      const value = is_immediate_refresh ? promise : get_remote_function_result();
-      return update_refresh_value(refresh_context, value, is_immediate_refresh);
-    };
-    promise.withOverride = () => {
-      throw new Error(`Cannot call '${__.name}.withOverride()' on the server`);
-    };
-    return (
-      /** @type {RemoteQuery<Output>} */
-      promise
-    );
-  };
-  Object.defineProperty(wrapper, "__", { value: __ });
-  return wrapper;
-}
-Object.defineProperty(query, "batch", { value: batch, enumerable: true });
-function get_refresh_context(__, action, arg) {
-  const { state } = get_request_store();
-  const { refreshes } = state;
-  if (!refreshes) {
-    const name = __.type === "query_batch" ? `query.batch '${__.name}'` : `query '${__.name}'`;
-    throw new Error(
-      `Cannot call ${action} on ${name} because it is not executed in the context of a command/form remote function`
-    );
-  }
-  const cache = get_cache(__, state);
-  const cache_key = stringify_remote_arg(arg, state.transport);
-  const refreshes_key = create_remote_key(__.id, cache_key);
-  return { __, state, refreshes, refreshes_key, cache, cache_key };
-}
-function update_refresh_value({ __, refreshes, refreshes_key, cache, cache_key }, value, is_immediate_refresh = false) {
-  const promise = Promise.resolve(value);
-  if (!is_immediate_refresh) {
-    cache[cache_key] = promise;
-  }
-  if (__.id) {
-    refreshes[refreshes_key] = promise;
-  }
-  return promise.then(() => {
-  });
-}
-export {
-  command,
-  form,
-  prerender,
-  query
-};
diff --git a/ModeTemplate/frontend/.svelte-kit/tsconfig.json b/ModeTemplate/frontend/.svelte-kit/tsconfig.json
deleted file mode 100644
index 008be1a..0000000
--- a/ModeTemplate/frontend/.svelte-kit/tsconfig.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-	"compilerOptions": {
-		"paths": {
-			"$lib": [
-				"../src/lib"
-			],
-			"$lib/*": [
-				"../src/lib/*"
-			],
-			"$types": [
-				"../../types"
-			],
-			"$types/*": [
-				"../../types/*"
-			],
-			"$app/types": [
-				"./types/index.d.ts"
-			]
-		},
-		"rootDirs": [
-			"..",
-			"./types"
-		],
-		"verbatimModuleSyntax": true,
-		"isolatedModules": true,
-		"lib": [
-			"esnext",
-			"DOM",
-			"DOM.Iterable"
-		],
-		"moduleResolution": "bundler",
-		"module": "esnext",
-		"noEmit": true,
-		"target": "esnext"
-	},
-	"include": [
-		"ambient.d.ts",
-		"non-ambient.d.ts",
-		"./types/**/$types.d.ts",
-		"../vite.config.js",
-		"../vite.config.ts",
-		"../src/**/*.js",
-		"../src/**/*.ts",
-		"../src/**/*.svelte",
-		"../tests/**/*.js",
-		"../tests/**/*.ts",
-		"../tests/**/*.svelte"
-	],
-	"exclude": [
-		"../node_modules/**",
-		"../src/service-worker.js",
-		"../src/service-worker/**/*.js",
-		"../src/service-worker.ts",
-		"../src/service-worker/**/*.ts",
-		"../src/service-worker.d.ts",
-		"../src/service-worker/**/*.d.ts"
-	]
-}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/types/route_meta_data.json b/ModeTemplate/frontend/.svelte-kit/types/route_meta_data.json
deleted file mode 100644
index b99632f..0000000
--- a/ModeTemplate/frontend/.svelte-kit/types/route_meta_data.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-	"/": [],
-	"/callback": []
-}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/types/src/routes/$types.d.ts b/ModeTemplate/frontend/.svelte-kit/types/src/routes/$types.d.ts
deleted file mode 100644
index 2b8e2aa..0000000
--- a/ModeTemplate/frontend/.svelte-kit/types/src/routes/$types.d.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import type * as Kit from '@sveltejs/kit';
-
-type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
-// @ts-ignore
-type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
-type RouteParams = {  };
-type RouteId = '/';
-type MaybeWithVoid<T> = {} extends T ? T | void : T;
-export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
-type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
-type EnsureDefined<T> = T extends null | undefined ? {} : T;
-type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
-export type Snapshot<T = any> = Kit.Snapshot<T>;
-type PageParentData = EnsureDefined<LayoutData>;
-type LayoutRouteId = RouteId | "/" | "/callback" | null
-type LayoutParams = RouteParams & {  }
-type LayoutParentData = EnsureDefined<{}>;
-
-export type PageServerData = null;
-export type PageData = Expand<PageParentData>;
-export type PageProps = { params: RouteParams; data: PageData }
-export type LayoutServerData = null;
-export type LayoutData = Expand<LayoutParentData>;
-export type LayoutProps = { params: LayoutParams; data: LayoutData; children: import("svelte").Snippet }
\ No newline at end of file
diff --git a/ModeTemplate/frontend/.svelte-kit/types/src/routes/callback/$types.d.ts b/ModeTemplate/frontend/.svelte-kit/types/src/routes/callback/$types.d.ts
deleted file mode 100644
index 9fa1aea..0000000
--- a/ModeTemplate/frontend/.svelte-kit/types/src/routes/callback/$types.d.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type * as Kit from '@sveltejs/kit';
-
-type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
-// @ts-ignore
-type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
-type RouteParams = {  };
-type RouteId = '/callback';
-type MaybeWithVoid<T> = {} extends T ? T | void : T;
-export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
-type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
-type EnsureDefined<T> = T extends null | undefined ? {} : T;
-type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
-export type Snapshot<T = any> = Kit.Snapshot<T>;
-type PageParentData = EnsureDefined<import('../$types.js').LayoutData>;
-
-export type PageServerData = null;
-export type PageData = Expand<PageParentData>;
-export type PageProps = { params: RouteParams; data: PageData }
\ No newline at end of file
diff --git a/ModeTemplate/frontend/build/.gitkeep b/ModeTemplate/frontend/build/.gitkeep
deleted file mode 100644
index e12d700..0000000
--- a/ModeTemplate/frontend/build/.gitkeep
+++ /dev/null
@@ -1 +0,0 @@
-/* Empty file - SvelteKit requires this */
diff --git a/ModeTemplate/frontend/build/_app/env.js b/ModeTemplate/frontend/build/_app/env.js
deleted file mode 100644
index f5427da..0000000
--- a/ModeTemplate/frontend/build/_app/env.js
+++ /dev/null
@@ -1 +0,0 @@
-export const env={}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/build/_app/immutable/assets/0.r7T8fV5B.css b/ModeTemplate/frontend/build/_app/immutable/assets/0.r7T8fV5B.css
deleted file mode 100644
index 5c42dbb..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/assets/0.r7T8fV5B.css
+++ /dev/null
@@ -1 +0,0 @@
-.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}header.svelte-12qhfyh{padding:1rem;background:#f5f5f5;border-bottom:1px solid #ddd}nav.svelte-12qhfyh{display:flex;gap:1rem;align-items:center}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){text-decoration:none;color:#333}main.svelte-12qhfyh{flex:1;padding:1rem}button.svelte-12qhfyh{padding:.5rem 1rem;cursor:pointer}
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/974AMC2H.js b/ModeTemplate/frontend/build/_app/immutable/chunks/974AMC2H.js
deleted file mode 100644
index 86271a4..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/974AMC2H.js
+++ /dev/null
@@ -1 +0,0 @@
-import{i as g,j as d,k as c,l as m,o as i,q as b,g as p,v,w as k,x as h}from"./CqqhLxdp.js";function y(n=!1){const s=g,e=s.l.u;if(!e)return;let f=()=>v(s.s);if(n){let o=0,t={};const _=k(()=>{let l=!1;const r=s.s;for(const a in r)r[a]!==t[a]&&(t[a]=r[a],l=!0);return l&&o++,o});f=()=>p(_)}e.b.length&&d(()=>{u(s,f),i(e.b)}),c(()=>{const o=m(()=>e.m.map(b));return()=>{for(const t of o)typeof t=="function"&&t()}}),e.a.length&&c(()=>{u(s,f),i(e.a)})}function u(n,s){if(n.l.s)for(const e of n.l.s)p(e);s()}h();export{y as i};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/BRRLaaPq.js b/ModeTemplate/frontend/build/_app/immutable/chunks/BRRLaaPq.js
deleted file mode 100644
index e2fa7d4..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/BRRLaaPq.js
+++ /dev/null
@@ -1 +0,0 @@
-var S=t=>{throw TypeError(t)};var c=(t,e,i)=>e.has(t)||S("Cannot "+i);var s=(t,e,i)=>(c(t,e,"read from private field"),i?i.call(t):e.get(t)),n=(t,e,i)=>e.has(t)?S("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i);import{h as d,g,e as h,u as _}from"./CqqhLxdp.js";const o={PB_TOKEN:"pb_token",SESSION:"auth_session"};var a,r,l,u;class f{constructor(){n(this,a,d(null));n(this,r,d(!0));n(this,l,_(()=>this._session!==null));n(this,u,_(()=>this._session?{email:this._session.email,displayName:this._session.displayName}:null))}get _session(){return g(s(this,a))}set _session(e){h(s(this,a),e,!0)}get _loading(){return g(s(this,r))}set _loading(e){h(s(this,r),e,!0)}get isAuthenticated(){return g(s(this,l))}set isAuthenticated(e){h(s(this,l),e)}get session(){return this._session}get loading(){return this._loading}get user(){return g(s(this,u))}set user(e){h(s(this,u),e)}hydrate(){if(typeof localStorage>"u")return;const e=localStorage.getItem(o.SESSION);if(e)try{this._session=JSON.parse(e)}catch{localStorage.removeItem(o.SESSION),localStorage.removeItem(o.PB_TOKEN)}this._loading=!1}login(e){typeof localStorage<"u"&&(localStorage.setItem(o.SESSION,JSON.stringify(e)),localStorage.setItem(o.PB_TOKEN,e.pbToken)),this._session=e,this._loading=!1}logout(){typeof localStorage<"u"&&(localStorage.removeItem(o.SESSION),localStorage.removeItem(o.PB_TOKEN)),this._session=null}redirectToLogin(){typeof window<"u"&&(window.location.href="/auth/login")}}a=new WeakMap,r=new WeakMap,l=new WeakMap,u=new WeakMap;const I=new f;export{I as a};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/Bgo_ZO3W.js b/ModeTemplate/frontend/build/_app/immutable/chunks/Bgo_ZO3W.js
deleted file mode 100644
index 5f7272a..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/Bgo_ZO3W.js
+++ /dev/null
@@ -1 +0,0 @@
-import{n as o,l as a,z as d}from"./CqqhLxdp.js";function p(s,u,e){if(s==null)return u(void 0),o;const t=a(()=>s.subscribe(u,e));return t.unsubscribe?()=>t.unsubscribe():t}const i=[];function _(s,u=o){let e=null;const t=new Set;function c(r){if(d(s,r)&&(s=r,e)){const b=!i.length;for(const n of t)n[1](),i.push(n,s);if(b){for(let n=0;n<i.length;n+=2)i[n][0](i[n+1]);i.length=0}}}function f(r){c(r(s))}function l(r,b=o){const n=[r,b];return t.add(n),t.size===1&&(e=u(c,f)||o),r(s),()=>{t.delete(n),t.size===0&&e&&(e(),e=null)}}return{set:c,update:f,subscribe:l}}function h(s){let u;return p(s,e=>u=e)(),u}export{h as g,p as s,_ as w};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/BtkHyJOA.js b/ModeTemplate/frontend/build/_app/immutable/chunks/BtkHyJOA.js
deleted file mode 100644
index 7cb1533..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/BtkHyJOA.js
+++ /dev/null
@@ -1 +0,0 @@
-import{k as o,i as t,A as c,l}from"./CqqhLxdp.js";function u(n){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function r(n){t===null&&u(),c&&t.l!==null?a(t).m.push(n):o(()=>{const e=l(n);if(typeof e=="function")return e})}function a(n){var e=n.l;return e.u??(e.u={a:[],b:[],m:[]})}export{r as o};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/CqqhLxdp.js b/ModeTemplate/frontend/build/_app/immutable/chunks/CqqhLxdp.js
deleted file mode 100644
index 7f6543b..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/CqqhLxdp.js
+++ /dev/null
@@ -1 +0,0 @@
-var nn=Object.defineProperty;var ct=e=>{throw TypeError(e)};var rn=(e,t,n)=>t in e?nn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var B=(e,t,n)=>rn(e,typeof t!="symbol"?t+"":t,n),Ge=(e,t,n)=>t.has(e)||ct("Cannot "+n);var y=(e,t,n)=>(Ge(e,t,"read from private field"),n?n.call(e):t.get(e)),L=(e,t,n)=>t.has(e)?ct("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),oe=(e,t,n,r)=>(Ge(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n),W=(e,t,n)=>(Ge(e,t,"access private method"),n);var sn=Array.isArray,fn=Array.prototype.indexOf,Kn=Array.from,zn=Object.defineProperty,me=Object.getOwnPropertyDescriptor,ln=Object.getOwnPropertyDescriptors,an=Object.prototype,un=Array.prototype,wt=Object.getPrototypeOf,_t=Object.isExtensible;const $n=()=>{};function Zn(e){return e()}function on(e){for(var t=0;t<e.length;t++)e[t]()}function Et(){var e,t,n=new Promise((r,s)=>{e=r,t=s});return{promise:n,resolve:e,reject:t}}const T=2,Ie=4,xe=8,gt=1<<24,Y=16,U=32,ue=64,mt=128,N=512,A=1024,k=2048,$=4096,M=8192,V=16384,tt=32768,Fe=65536,vt=1<<17,Tt=1<<18,Oe=1<<19,At=1<<20,se=32768,ze=1<<21,nt=1<<22,G=1<<23,Te=Symbol("$state"),Jn=Symbol("legacy props"),ce=new class extends Error{constructor(){super(...arguments);B(this,"name","StaleReactionError");B(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},rt=3,Rt=8;function cn(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function _n(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function vn(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function dn(e){throw new Error("https://svelte.dev/e/effect_orphan")}function pn(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Xn(){throw new Error("https://svelte.dev/e/hydration_failed")}function Qn(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function hn(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function yn(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function wn(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function er(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const tr=1,nr=2,rr=4,sr=8,fr=16,ir=1,lr=2,En="[",gn="[!",mn="]",st={},E=Symbol();function ft(e){console.warn("https://svelte.dev/e/hydration_mismatch")}function ar(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}let fe=!1;function ur(e){fe=e}let g;function he(e){if(e===null)throw ft(),st;return g=e}function or(){return he(Z(g))}function cr(e){if(fe){if(Z(g)!==null)throw ft(),st;g=e}}function _r(e=1){if(fe){for(var t=e,n=g;t--;)n=Z(n);g=n}}function vr(e=!0){for(var t=0,n=g;;){if(n.nodeType===Rt){var r=n.data;if(r===mn){if(t===0)return n;t-=1}else(r===En||r===gn)&&(t+=1)}var s=Z(n);e&&n.remove(),n=s}}function dr(e){if(!e||e.nodeType!==Rt)throw ft(),st;return e.data}function bt(e){return e===this.v}function Tn(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function St(e){return!Tn(e,this.v)}let Be=!1;function pr(){Be=!0}let S=null;function Ce(e){S=e}function hr(e,t=!1,n){S={p:S,i:!1,c:null,e:null,s:e,x:null,l:Be&&!t?{s:null,u:null,$:[]}:null}}function yr(e){var t=S,n=t.e;if(n!==null){t.e=null;for(var r of n)Ht(r)}return t.i=!0,S=t.p,{}}function ke(){return!Be||S!==null&&S.l===null}let Q=[];function xt(){var e=Q;Q=[],on(e)}function An(e){if(Q.length===0&&!Ae){var t=Q;queueMicrotask(()=>{t===Q&&xt()})}Q.push(e)}function Rn(){for(;Q.length>0;)xt()}function bn(e){var t=h;if(t===null)return _.f|=G,e;if(t.f&tt)Me(e,t);else{if(!(t.f&mt))throw e;t.b.error(e)}}function Me(e,t){for(;t!==null;){if(t.f&mt)try{t.b.error(e);return}catch(n){e=n}t=t.parent}throw e}const Sn=-7169;function R(e,t){e.f=e.f&Sn|t}function it(e){e.f&N||e.deps===null?R(e,A):R(e,$)}function Ot(e){if(e!==null)for(const t of e)!(t.f&T)||!(t.f&se)||(t.f^=se,Ot(t.deps))}function xn(e,t,n){e.f&k?t.add(e):e.f&$&&n.add(e),Ot(e.deps),R(e,A)}const Ne=new Set;let p=null,m=null,P=[],He=null,$e=!1,Ae=!1;var _e,ve,ee,te,Se,de,pe,I,Ze,Je,kt,Dt;const Ue=class Ue{constructor(){L(this,I);B(this,"committed",!1);B(this,"current",new Map);B(this,"previous",new Map);L(this,_e,new Set);L(this,ve,new Set);L(this,ee,0);L(this,te,0);L(this,Se,null);L(this,de,new Set);L(this,pe,new Set);B(this,"skipped_effects",new Set);B(this,"is_fork",!1)}is_deferred(){return this.is_fork||y(this,te)>0}process(t){var s;P=[],this.apply();var n=[],r=[];for(const f of t)W(this,I,Ze).call(this,f,n,r);this.is_fork||W(this,I,kt).call(this),this.is_deferred()?(W(this,I,Je).call(this,r),W(this,I,Je).call(this,n)):(p=null,dt(r),dt(n),(s=y(this,Se))==null||s.resolve()),m=null}capture(t,n){n!==E&&!this.previous.has(t)&&this.previous.set(t,n),t.f&G||(this.current.set(t,t.v),m==null||m.set(t,t.v))}activate(){p=this,this.apply()}deactivate(){p===this&&(p=null,m=null)}flush(){if(this.activate(),P.length>0){if(Pt(),p!==null&&p!==this)return}else y(this,ee)===0&&this.process([]);this.deactivate()}discard(){for(const t of y(this,ve))t(this);y(this,ve).clear()}increment(t){oe(this,ee,y(this,ee)+1),t&&oe(this,te,y(this,te)+1)}decrement(t){oe(this,ee,y(this,ee)-1),t&&oe(this,te,y(this,te)-1),this.revive()}revive(){for(const t of y(this,de))y(this,pe).delete(t),R(t,k),ie(t);for(const t of y(this,pe))R(t,$),ie(t);this.flush()}oncommit(t){y(this,_e).add(t)}ondiscard(t){y(this,ve).add(t)}settled(){return(y(this,Se)??oe(this,Se,Et())).promise}static ensure(){if(p===null){const t=p=new Ue;Ne.add(p),Ae||Ue.enqueue(()=>{p===t&&t.flush()})}return p}static enqueue(t){An(t)}apply(){}};_e=new WeakMap,ve=new WeakMap,ee=new WeakMap,te=new WeakMap,Se=new WeakMap,de=new WeakMap,pe=new WeakMap,I=new WeakSet,Ze=function(t,n,r){t.f^=A;for(var s=t.first,f=null;s!==null;){var i=s.f,u=(i&(U|ue))!==0,l=u&&(i&A)!==0,a=l||(i&M)!==0||this.skipped_effects.has(s);if(!a&&s.fn!==null){u?s.f^=A:f!==null&&i&(Ie|xe|gt)?f.b.defer_effect(s):i&Ie?n.push(s):De(s)&&(i&Y&&y(this,de).add(s),be(s));var o=s.first;if(o!==null){s=o;continue}}var c=s.parent;for(s=s.next;s===null&&c!==null;)c===f&&(f=null),s=c.next,c=c.parent}},Je=function(t){for(var n=0;n<t.length;n+=1)xn(t[n],y(this,de),y(this,pe))},kt=function(){if(y(this,te)===0){for(const t of y(this,_e))t();y(this,_e).clear()}y(this,ee)===0&&W(this,I,Dt).call(this)},Dt=function(){var s;if(Ne.size>1){this.previous.clear();var t=m,n=!0;for(const f of Ne){if(f===this){n=!1;continue}const i=[];for(const[l,a]of this.current){if(f.current.has(l))if(n&&a!==f.current.get(l))f.current.set(l,a);else continue;i.push(l)}if(i.length===0)continue;const u=[...f.current.keys()].filter(l=>!this.current.has(l));if(u.length>0){var r=P;P=[];const l=new Set,a=new Map;for(const o of i)Nt(o,u,l,a);if(P.length>0){p=f,f.apply();for(const o of P)W(s=f,I,Ze).call(s,o,[],[]);f.deactivate()}P=r}}p=null,m=t}this.committed=!0,Ne.delete(this)};let ye=Ue;function On(e){var t=Ae;Ae=!0;try{for(var n;;){if(Rn(),P.length===0&&(p==null||p.flush(),P.length===0))return He=null,n;Pt()}}finally{Ae=t}}function Pt(){var e=ne;$e=!0;var t=null;try{var n=0;for(Le(!0);P.length>0;){var r=ye.ensure();if(n++>1e3){var s,f;kn()}r.process(P),K.clear()}}finally{$e=!1,Le(e),He=null}}function kn(){try{pn()}catch(e){Me(e,He)}}let F=null;function dt(e){var t=e.length;if(t!==0){for(var n=0;n<t;){var r=e[n++];if(!(r.f&(V|M))&&De(r)&&(F=new Set,be(r),r.deps===null&&r.first===null&&r.nodes===null&&(r.teardown===null&&r.ac===null?Kt(r):r.fn=null),(F==null?void 0:F.size)>0)){K.clear();for(const s of F){if(s.f&(V|M))continue;const f=[s];let i=s.parent;for(;i!==null;)F.has(i)&&(F.delete(i),f.push(i)),i=i.parent;for(let u=f.length-1;u>=0;u--){const l=f[u];l.f&(V|M)||be(l)}}F.clear()}}F=null}}function Nt(e,t,n,r){if(!n.has(e)&&(n.add(e),e.reactions!==null))for(const s of e.reactions){const f=s.f;f&T?Nt(s,t,n,r):f&(nt|Y)&&!(f&k)&&It(s,t,r)&&(R(s,k),ie(s))}}function It(e,t,n){const r=n.get(e);if(r!==void 0)return r;if(e.deps!==null)for(const s of e.deps){if(t.includes(s))return!0;if(s.f&T&&It(s,t,n))return n.set(s,!0),!0}return n.set(e,!1),!1}function ie(e){for(var t=He=e;t.parent!==null;){t=t.parent;var n=t.f;if($e&&t===h&&n&Y&&!(n&Tt))return;if(n&(ue|U)){if(!(n&A))return;t.f^=A}}P.push(t)}function Dn(e,t,n,r){const s=ke()?lt:In;if(n.length===0&&e.length===0){r(t.map(s));return}var f=p,i=h,u=Pn();function l(){Promise.all(n.map(a=>Nn(a))).then(a=>{u();try{r([...t.map(s),...a])}catch(o){i.f&V||Me(o,i)}f==null||f.deactivate(),je()}).catch(a=>{Me(a,i)})}e.length>0?Promise.all(e).then(()=>{u();try{return l()}finally{f==null||f.deactivate(),je()}}):l()}function Pn(){var e=h,t=_,n=S,r=p;return function(f=!0){we(e),z(t),Ce(n),f&&(r==null||r.activate())}}function je(){we(null),z(null),Ce(null)}function lt(e){var t=T|k,n=_!==null&&_.f&T?_:null;return h!==null&&(h.f|=Oe),{ctx:S,deps:null,effects:null,equals:bt,f:t,fn:e,reactions:null,rv:0,v:E,wv:0,parent:n??h,ac:null}}function Nn(e,t,n){let r=h;r===null&&cn();var s=r.b,f=void 0,i=ut(E),u=!_,l=new Map;return Ln(()=>{var d;var a=Et();f=a.promise;try{Promise.resolve(e()).then(a.resolve,a.reject).then(()=>{o===p&&o.committed&&o.deactivate(),je()})}catch(w){a.reject(w),je()}var o=p;if(u){var c=s.is_rendered();s.update_pending_count(1),o.increment(c),(d=l.get(o))==null||d.reject(ce),l.delete(o),l.set(o,a)}const v=(w,q=void 0)=>{if(o.activate(),q)q!==ce&&(i.f|=G,Xe(i,q));else{i.f&G&&(i.f^=G),Xe(i,w);for(const[J,Pe]of l){if(l.delete(J),J===o)break;Pe.reject(ce)}}u&&(s.update_pending_count(-1),o.decrement(c))};a.promise.then(v,w=>v(null,w||"unknown"))}),qn(()=>{for(const a of l.values())a.reject(ce)}),new Promise(a=>{function o(c){function v(){c===f?a(i):o(f)}c.then(v,v)}o(f)})}function wr(e){const t=lt(e);return Zt(t),t}function In(e){const t=lt(e);return t.equals=St,t}function Ft(e){var t=e.effects;if(t!==null){e.effects=null;for(var n=0;n<t.length;n+=1)le(t[n])}}function Fn(e){for(var t=e.parent;t!==null;){if(!(t.f&T))return t.f&V?null:t;t=t.parent}return null}function at(e){var t,n=h;we(Fn(e));try{e.f&=~se,Ft(e),t=Qt(e)}finally{we(n)}return t}function Ct(e){var t=at(e);if(!e.equals(t)&&(e.wv=Wt(),(!(p!=null&&p.is_fork)||e.deps===null)&&(e.v=t,e.deps===null))){R(e,A);return}ae||(m!==null?(Bt()||p!=null&&p.is_fork)&&m.set(e,t):it(e))}let We=new Set;const K=new Map;let Mt=!1;function ut(e,t){var n={f:0,v:e,reactions:null,equals:bt,rv:0,wv:0};return n}function H(e,t){const n=ut(e);return Zt(n),n}function Er(e,t=!1,n=!0){var s;const r=ut(e);return t||(r.equals=St),Be&&n&&S!==null&&S.l!==null&&((s=S.l).s??(s.s=[])).push(r),r}function X(e,t,n=!1){_!==null&&(!C||_.f&vt)&&ke()&&_.f&(T|Y|nt|vt)&&!(x!=null&&x.includes(e))&&wn();let r=n?Ee(t):t;return Xe(e,r)}function Xe(e,t){if(!e.equals(t)){var n=e.v;ae?K.set(e,t):K.set(e,n),e.v=t;var r=ye.ensure();if(r.capture(e,n),e.f&T){const s=e;e.f&k&&at(s),it(s)}e.wv=Wt(),jt(e,k),ke()&&h!==null&&h.f&A&&!(h.f&(U|ue))&&(D===null?Hn([e]):D.push(e)),!r.is_fork&&We.size>0&&!Mt&&Cn()}return t}function Cn(){Mt=!1;var e=ne;Le(!0);const t=Array.from(We);try{for(const n of t)n.f&A&&R(n,$),De(n)&&be(n)}finally{Le(e)}We.clear()}function Ke(e){X(e,e.v+1)}function jt(e,t){var n=e.reactions;if(n!==null)for(var r=ke(),s=n.length,f=0;f<s;f++){var i=n[f],u=i.f;if(!(!r&&i===h)){var l=(u&k)===0;if(l&&R(i,t),u&T){var a=i;m==null||m.delete(a),u&se||(u&N&&(i.f|=se),jt(a,$))}else l&&(u&Y&&F!==null&&F.add(i),ie(i))}}}function Ee(e){if(typeof e!="object"||e===null||Te in e)return e;const t=wt(e);if(t!==an&&t!==un)return e;var n=new Map,r=sn(e),s=H(0),f=re,i=u=>{if(re===f)return u();var l=_,a=re;z(null),yt(f);var o=u();return z(l),yt(a),o};return r&&n.set("length",H(e.length)),new Proxy(e,{defineProperty(u,l,a){(!("value"in a)||a.configurable===!1||a.enumerable===!1||a.writable===!1)&&hn();var o=n.get(l);return o===void 0?o=i(()=>{var c=H(a.value);return n.set(l,c),c}):X(o,a.value,!0),!0},deleteProperty(u,l){var a=n.get(l);if(a===void 0){if(l in u){const o=i(()=>H(E));n.set(l,o),Ke(s)}}else X(a,E),Ke(s);return!0},get(u,l,a){var d;if(l===Te)return e;var o=n.get(l),c=l in u;if(o===void 0&&(!c||(d=me(u,l))!=null&&d.writable)&&(o=i(()=>{var w=Ee(c?u[l]:E),q=H(w);return q}),n.set(l,o)),o!==void 0){var v=ge(o);return v===E?void 0:v}return Reflect.get(u,l,a)},getOwnPropertyDescriptor(u,l){var a=Reflect.getOwnPropertyDescriptor(u,l);if(a&&"value"in a){var o=n.get(l);o&&(a.value=ge(o))}else if(a===void 0){var c=n.get(l),v=c==null?void 0:c.v;if(c!==void 0&&v!==E)return{enumerable:!0,configurable:!0,value:v,writable:!0}}return a},has(u,l){var v;if(l===Te)return!0;var a=n.get(l),o=a!==void 0&&a.v!==E||Reflect.has(u,l);if(a!==void 0||h!==null&&(!o||(v=me(u,l))!=null&&v.writable)){a===void 0&&(a=i(()=>{var d=o?Ee(u[l]):E,w=H(d);return w}),n.set(l,a));var c=ge(a);if(c===E)return!1}return o},set(u,l,a,o){var ot;var c=n.get(l),v=l in u;if(r&&l==="length")for(var d=a;d<c.v;d+=1){var w=n.get(d+"");w!==void 0?X(w,E):d in u&&(w=i(()=>H(E)),n.set(d+"",w))}if(c===void 0)(!v||(ot=me(u,l))!=null&&ot.writable)&&(c=i(()=>H(void 0)),X(c,Ee(a)),n.set(l,c));else{v=c.v!==E;var q=i(()=>Ee(a));X(c,q)}var J=Reflect.getOwnPropertyDescriptor(u,l);if(J!=null&&J.set&&J.set.call(o,a),!v){if(r&&typeof l=="string"){var Pe=n.get("length"),Ve=Number(l);Number.isInteger(Ve)&&Ve>=Pe.v&&X(Pe,Ve+1)}Ke(s)}return!0},ownKeys(u){ge(s);var l=Reflect.ownKeys(u).filter(c=>{var v=n.get(c);return v===void 0||v.v!==E});for(var[a,o]of n)o.v!==E&&!(a in u)&&l.push(a);return l},setPrototypeOf(){yn()}})}var pt,Mn,qt,Lt;function gr(){if(pt===void 0){pt=window,Mn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;qt=me(t,"firstChild").get,Lt=me(t,"nextSibling").get,_t(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),_t(n)&&(n.__t=void 0)}}function qe(e=""){return document.createTextNode(e)}function Qe(e){return qt.call(e)}function Z(e){return Lt.call(e)}function mr(e,t){if(!fe)return Qe(e);var n=Qe(g);if(n===null)n=g.appendChild(qe());else if(t&&n.nodeType!==rt){var r=qe();return n==null||n.before(r),he(r),r}return he(n),n}function Tr(e,t=!1){if(!fe){var n=Qe(e);return n instanceof Comment&&n.data===""?Z(n):n}if(t&&(g==null?void 0:g.nodeType)!==rt){var r=qe();return g==null||g.before(r),he(r),r}return g}function Ar(e,t=1,n=!1){let r=fe?g:e;for(var s;t--;)s=r,r=Z(r);if(!fe)return r;if(n&&(r==null?void 0:r.nodeType)!==rt){var f=qe();return r===null?s==null||s.after(f):r.before(f),he(f),f}return he(r),r}function Rr(e){e.textContent=""}function br(){return!1}function Yt(e){var t=_,n=h;z(null),we(null);try{return e()}finally{z(t),we(n)}}function Ut(e){h===null&&(_===null&&dn(),vn()),ae&&_n()}function jn(e,t){var n=t.last;n===null?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}function j(e,t,n){var r=h;r!==null&&r.f&M&&(e|=M);var s={ctx:S,deps:null,nodes:null,f:e|k|N,first:null,fn:t,last:null,next:null,parent:r,b:r&&r.b,prev:null,teardown:null,wv:0,ac:null};if(n)try{be(s),s.f|=tt}catch(u){throw le(s),u}else t!==null&&ie(s);var f=s;if(n&&f.deps===null&&f.teardown===null&&f.nodes===null&&f.first===f.last&&!(f.f&Oe)&&(f=f.first,e&Y&&e&Fe&&f!==null&&(f.f|=Fe)),f!==null&&(f.parent=r,r!==null&&jn(f,r),_!==null&&_.f&T&&!(e&ue))){var i=_;(i.effects??(i.effects=[])).push(f)}return s}function Bt(){return _!==null&&!C}function qn(e){const t=j(xe,null,!1);return R(t,A),t.teardown=e,t}function Sr(e){Ut();var t=h.f,n=!_&&(t&U)!==0&&(t&tt)===0;if(n){var r=S;(r.e??(r.e=[])).push(e)}else return Ht(e)}function Ht(e){return j(Ie|At,e,!1)}function xr(e){return Ut(),j(xe|At,e,!0)}function Or(e){ye.ensure();const t=j(ue|Oe,e,!0);return(n={})=>new Promise(r=>{n.outro?Bn(t,()=>{le(t),r(void 0)}):(le(t),r(void 0))})}function kr(e){return j(Ie,e,!1)}function Ln(e){return j(nt|Oe,e,!0)}function Dr(e,t=0){return j(xe|t,e,!0)}function Pr(e,t=[],n=[],r=[]){Dn(r,t,n,s=>{j(xe,()=>e(...s.map(ge)),!0)})}function Nr(e,t=0){var n=j(Y|t,e,!0);return n}function Ir(e){return j(U|Oe,e,!0)}function Vt(e){var t=e.teardown;if(t!==null){const n=ae,r=_;ht(!0),z(null);try{t.call(null)}finally{ht(n),z(r)}}}function Gt(e,t=!1){var n=e.first;for(e.first=e.last=null;n!==null;){const s=n.ac;s!==null&&Yt(()=>{s.abort(ce)});var r=n.next;n.f&ue?n.parent=null:le(n,t),n=r}}function Yn(e){for(var t=e.first;t!==null;){var n=t.next;t.f&U||le(t),t=n}}function le(e,t=!0){var n=!1;(t||e.f&Tt)&&e.nodes!==null&&e.nodes.end!==null&&(Un(e.nodes.start,e.nodes.end),n=!0),Gt(e,t&&!n),Ye(e,0),R(e,V);var r=e.nodes&&e.nodes.t;if(r!==null)for(const f of r)f.stop();Vt(e);var s=e.parent;s!==null&&s.first!==null&&Kt(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=null}function Un(e,t){for(;e!==null;){var n=e===t?null:Z(e);e.remove(),e=n}}function Kt(e){var t=e.parent,n=e.prev,r=e.next;n!==null&&(n.next=r),r!==null&&(r.prev=n),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function Bn(e,t,n=!0){var r=[];zt(e,r,!0);var s=()=>{n&&le(e),t&&t()},f=r.length;if(f>0){var i=()=>--f||s();for(var u of r)u.out(i)}else s()}function zt(e,t,n){if(!(e.f&M)){e.f^=M;var r=e.nodes&&e.nodes.t;if(r!==null)for(const u of r)(u.is_global||n)&&t.push(u);for(var s=e.first;s!==null;){var f=s.next,i=(s.f&Fe)!==0||(s.f&U)!==0&&(e.f&Y)!==0;zt(s,t,i?n:!1),s=f}}}function Fr(e){$t(e,!0)}function $t(e,t){if(e.f&M){e.f^=M,e.f&A||(R(e,k),ie(e));for(var n=e.first;n!==null;){var r=n.next,s=(n.f&Fe)!==0||(n.f&U)!==0;$t(n,s?t:!1),n=r}var f=e.nodes&&e.nodes.t;if(f!==null)for(const i of f)(i.is_global||t)&&i.in()}}function Cr(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;n!==null;){var s=n===r?null:Z(n);t.append(n),n=s}}let ne=!1;function Le(e){ne=e}let ae=!1;function ht(e){ae=e}let _=null,C=!1;function z(e){_=e}let h=null;function we(e){h=e}let x=null;function Zt(e){_!==null&&(x===null?x=[e]:x.push(e))}let b=null,O=0,D=null;function Hn(e){D=e}let Jt=1,Re=0,re=Re;function yt(e){re=e}function Wt(){return++Jt}function De(e){var t=e.f;if(t&k)return!0;if(t&T&&(e.f&=~se),t&$){for(var n=e.deps,r=n.length,s=0;s<r;s++){var f=n[s];if(De(f)&&Ct(f),f.wv>e.wv)return!0}t&N&&m===null&&R(e,A)}return!1}function Xt(e,t,n=!0){var r=e.reactions;if(r!==null&&!(x!=null&&x.includes(e)))for(var s=0;s<r.length;s++){var f=r[s];f.f&T?Xt(f,t,!1):t===f&&(n?R(f,k):f.f&A&&R(f,$),ie(f))}}function Qt(e){var w;var t=b,n=O,r=D,s=_,f=x,i=S,u=C,l=re,a=e.f;b=null,O=0,D=null,_=a&(U|ue)?null:e,x=null,Ce(e.ctx),C=!1,re=++Re,e.ac!==null&&(Yt(()=>{e.ac.abort(ce)}),e.ac=null);try{e.f|=ze;var o=e.fn,c=o(),v=e.deps;if(b!==null){var d;if(Ye(e,O),v!==null&&O>0)for(v.length=O+b.length,d=0;d<b.length;d++)v[O+d]=b[d];else e.deps=v=b;if(Bt()&&e.f&N)for(d=O;d<v.length;d++)((w=v[d]).reactions??(w.reactions=[])).push(e)}else v!==null&&O<v.length&&(Ye(e,O),v.length=O);if(ke()&&D!==null&&!C&&v!==null&&!(e.f&(T|$|k)))for(d=0;d<D.length;d++)Xt(D[d],e);return s!==null&&s!==e&&(Re++,D!==null&&(r===null?r=D:r.push(...D))),e.f&G&&(e.f^=G),c}catch(q){return bn(q)}finally{e.f^=ze,b=t,O=n,D=r,_=s,x=f,Ce(i),C=u,re=l}}function Vn(e,t){let n=t.reactions;if(n!==null){var r=fn.call(n,e);if(r!==-1){var s=n.length-1;s===0?n=t.reactions=null:(n[r]=n[s],n.pop())}}if(n===null&&t.f&T&&(b===null||!b.includes(t))){var f=t;f.f&N&&(f.f^=N,f.f&=~se),it(f),Ft(f),Ye(f,0)}}function Ye(e,t){var n=e.deps;if(n!==null)for(var r=t;r<n.length;r++)Vn(e,n[r])}function be(e){var t=e.f;if(!(t&V)){R(e,A);var n=h,r=ne;h=e,ne=!0;try{t&(Y|gt)?Yn(e):Gt(e),Vt(e);var s=Qt(e);e.teardown=typeof s=="function"?s:null,e.wv=Jt;var f}finally{ne=r,h=n}}}async function Mr(){await Promise.resolve(),On()}function jr(){return ye.ensure().settled()}function ge(e){var t=e.f,n=(t&T)!==0;if(_!==null&&!C){var r=h!==null&&(h.f&V)!==0;if(!r&&!(x!=null&&x.includes(e))){var s=_.deps;if(_.f&ze)e.rv<Re&&(e.rv=Re,b===null&&s!==null&&s[O]===e?O++:b===null?b=[e]:b.includes(e)||b.push(e));else{(_.deps??(_.deps=[])).push(e);var f=e.reactions;f===null?e.reactions=[_]:f.includes(_)||f.push(_)}}}if(ae&&K.has(e))return K.get(e);if(n){var i=e;if(ae){var u=i.v;return(!(i.f&A)&&i.reactions!==null||tn(i))&&(u=at(i)),K.set(i,u),u}var l=(i.f&N)===0&&!C&&_!==null&&(ne||(_.f&N)!==0),a=i.deps===null;De(i)&&(l&&(i.f|=N),Ct(i)),l&&!a&&en(i)}if(m!=null&&m.has(e))return m.get(e);if(e.f&G)throw e.v;return e.v}function en(e){if(e.deps!==null){e.f|=N;for(const t of e.deps)(t.reactions??(t.reactions=[])).push(e),t.f&T&&!(t.f&N)&&en(t)}}function tn(e){if(e.v===E)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(K.has(t)||t.f&T&&tn(t))return!0;return!1}function qr(e){var t=C;try{return C=!0,e()}finally{C=t}}function Lr(e){if(!(typeof e!="object"||!e||e instanceof EventTarget)){if(Te in e)et(e);else if(!Array.isArray(e))for(let t in e){const n=e[t];typeof n=="object"&&n&&Te in n&&et(n)}}}function et(e,t=new Set){if(typeof e=="object"&&e!==null&&!(e instanceof EventTarget)&&!t.has(e)){t.add(e),e instanceof Date&&e.getTime();for(let r in e)try{et(e[r],t)}catch{}const n=wt(e);if(n!==Object.prototype&&n!==Array.prototype&&n!==Map.prototype&&n!==Set.prototype&&n!==Date.prototype){const r=ln(n);for(let s in r){const f=r[s].get;if(f)try{f.call(e)}catch{}}}}}export{me as $,Be as A,p as B,Fr as C,le as D,Bn as E,qe as F,Ir as G,fe as H,g as I,Cr as J,br as K,Nr as L,or as M,Fe as N,dr as O,gn as P,vr as Q,he as R,ur as S,Tt as T,Qe as U,Rt as V,Z as W,kr as X,Dr as Y,An as Z,Te as _,yr as a,Qn as a0,rr as a1,In as a2,Ee as a3,ae as a4,h as a5,V as a6,sr as a7,nr as a8,tr as a9,lr as aA,tt as aB,rt as aC,gr as aD,En as aE,st as aF,Xn as aG,Rr as aH,Kn as aI,Or as aJ,mn as aK,ft as aL,jr as aM,fr as aa,Jn as ab,On as ac,Mr as ad,Bt as ae,ut as af,Ke as ag,ye as ah,xn as ai,we as aj,z as ak,Ce as al,bn as am,_ as an,R as ao,k as ap,ie as aq,$ as ar,Xe as as,Me as at,er as au,Oe as av,mt as aw,ar as ax,Mn as ay,ir as az,qn as b,mr as c,zn as d,X as e,Tr as f,ge as g,H as h,S as i,xr as j,Sr as k,qr as l,Er as m,$n as n,on as o,hr as p,Zn as q,cr as r,Ar as s,Pr as t,wr as u,Lr as v,lt as w,pr as x,_r as y,Tn as z};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/CuIyQV9Z.js b/ModeTemplate/frontend/build/_app/immutable/chunks/CuIyQV9Z.js
deleted file mode 100644
index 6bdbe0d..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/CuIyQV9Z.js
+++ /dev/null
@@ -1 +0,0 @@
-var Xt=t=>{throw TypeError(t)};var Oe=(t,e,n)=>e.has(t)||Xt("Cannot "+n);var w=(t,e,n)=>(Oe(t,e,"read from private field"),n?n.call(t):e.get(t)),A=(t,e,n)=>e.has(t)?Xt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n);import{h as T,g as I,e as O,ad as ht,aM as Pe}from"./CqqhLxdp.js";import{w as jt}from"./Bgo_ZO3W.js";import{o as Qt}from"./BtkHyJOA.js";class Nt{constructor(e,n){this.status=e,typeof n=="string"?this.body={message:n}:n?this.body=n:this.body={message:`Error: ${e}`}}toString(){return JSON.stringify(this.body)}}class Dt{constructor(e,n){this.status=e,this.location=n}}class Vt extends Error{constructor(e,n,r){super(r),this.status=e,this.text=n}}new URL("sveltekit-internal://");function Ce(t,e){return t==="/"||e==="ignore"?t:e==="never"?t.endsWith("/")?t.slice(0,-1):t:e==="always"&&!t.endsWith("/")?t+"/":t}function $e(t){return t.split("%25").map(decodeURI).join("%25")}function je(t){for(const e in t)t[e]=decodeURIComponent(t[e]);return t}function Lt({href:t}){return t.split("#")[0]}function Ne(...t){let e=5381;for(const n of t)if(typeof n=="string"){let r=n.length;for(;r;)e=e*33^n.charCodeAt(--r)}else if(ArrayBuffer.isView(n)){const r=new Uint8Array(n.buffer,n.byteOffset,n.byteLength);let a=r.length;for(;a;)e=e*33^r[--a]}else throw new TypeError("value must be a string or TypedArray");return(e>>>0).toString(36)}new TextEncoder;new TextDecoder;function De(t){const e=atob(t),n=new Uint8Array(e.length);for(let r=0;r<e.length;r++)n[r]=e.charCodeAt(r);return n}const Ve=window.fetch;window.fetch=(t,e)=>((t instanceof Request?t.method:(e==null?void 0:e.method)||"GET")!=="GET"&&Y.delete(qt(t)),Ve(t,e));const Y=new Map;function qe(t,e){const n=qt(t,e),r=document.querySelector(n);if(r!=null&&r.textContent){r.remove();let{body:a,...s}=JSON.parse(r.textContent);const o=r.getAttribute("data-ttl");return o&&Y.set(n,{body:a,init:s,ttl:1e3*Number(o)}),r.getAttribute("data-b64")!==null&&(a=De(a)),Promise.resolve(new Response(a,s))}return window.fetch(t,e)}function Be(t,e,n){if(Y.size>0){const r=qt(t,n),a=Y.get(r);if(a){if(performance.now()<a.ttl&&["default","force-cache","only-if-cached",void 0].includes(n==null?void 0:n.cache))return new Response(a.body,a.init);Y.delete(r)}}return window.fetch(e,n)}function qt(t,e){let r=`script[data-sveltekit-fetched][data-url=${JSON.stringify(t instanceof Request?t.url:t)}]`;if(e!=null&&e.headers||e!=null&&e.body){const a=[];e.headers&&a.push([...new Headers(e.headers)].join(",")),e.body&&(typeof e.body=="string"||ArrayBuffer.isView(e.body))&&a.push(e.body),r+=`[data-hash="${Ne(...a)}"]`}return r}const Ke=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function Me(t){const e=[];return{pattern:t==="/"?/^\/$/:new RegExp(`^${Ge(t).map(r=>{const a=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(r);if(a)return e.push({name:a[1],matcher:a[2],optional:!1,rest:!0,chained:!0}),"(?:/([^]*))?";const s=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(r);if(s)return e.push({name:s[1],matcher:s[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!r)return;const o=r.split(/\[(.+?)\](?!\])/);return"/"+o.map((c,l)=>{if(l%2){if(c.startsWith("x+"))return Ut(String.fromCharCode(parseInt(c.slice(2),16)));if(c.startsWith("u+"))return Ut(String.fromCharCode(...c.slice(2).split("-").map(_=>parseInt(_,16))));const d=Ke.exec(c),[,u,y,f,h]=d;return e.push({name:f,matcher:h,optional:!!u,rest:!!y,chained:y?l===1&&o[0]==="":!1}),y?"([^]*?)":u?"([^/]*)?":"([^/]+?)"}return Ut(c)}).join("")}).join("")}/?$`),params:e}}function Fe(t){return t!==""&&!/^\([^)]+\)$/.test(t)}function Ge(t){return t.slice(1).split("/").filter(Fe)}function We(t,e,n){const r={},a=t.slice(1),s=a.filter(i=>i!==void 0);let o=0;for(let i=0;i<e.length;i+=1){const c=e[i];let l=a[i-o];if(c.chained&&c.rest&&o&&(l=a.slice(i-o,i+1).filter(d=>d).join("/"),o=0),l===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||n[c.matcher](l)){r[c.name]=l;const d=e[i+1],u=a[i+1];d&&!d.rest&&d.optional&&u&&c.chained&&(o=0),!d&&!u&&Object.keys(r).length===s.length&&(o=0);continue}if(c.optional&&c.chained){o++;continue}return}if(!o)return r}function Ut(t){return t.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function Ye({nodes:t,server_loads:e,dictionary:n,matchers:r}){const a=new Set(e);return Object.entries(n).map(([i,[c,l,d]])=>{const{pattern:u,params:y}=Me(i),f={id:i,exec:h=>{const _=u.exec(h);if(_)return We(_,y,r)},errors:[1,...d||[]].map(h=>t[h]),layouts:[0,...l||[]].map(o),leaf:s(c)};return f.errors.length=f.layouts.length=Math.max(f.errors.length,f.layouts.length),f});function s(i){const c=i<0;return c&&(i=~i),[c,t[i]]}function o(i){return i===void 0?i:[a.has(i),t[i]]}}function ue(t,e=JSON.parse){try{return e(sessionStorage[t])}catch{}}function Zt(t,e,n=JSON.stringify){const r=n(e);try{sessionStorage[t]=r}catch{}}var se;const U=((se=globalThis.__sveltekit_1u12ak4)==null?void 0:se.base)??"";var ie;const ze=((ie=globalThis.__sveltekit_1u12ak4)==null?void 0:ie.assets)??U??"",He="1768972126462",de="sveltekit:snapshot",he="sveltekit:scroll",pe="sveltekit:states",Je="sveltekit:pageurl",F="sveltekit:history",H="sveltekit:navigation",D={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},kt=location.origin;function Bt(t){if(t instanceof URL)return t;let e=document.baseURI;if(!e){const n=document.getElementsByTagName("base");e=n.length?n[0].href:document.URL}return new URL(t,e)}function Et(){return{x:pageXOffset,y:pageYOffset}}function M(t,e){return t.getAttribute(`data-sveltekit-${e}`)}const te={...D,"":D.hover};function ge(t){let e=t.assignedSlot??t.parentNode;return(e==null?void 0:e.nodeType)===11&&(e=e.host),e}function me(t,e){for(;t&&t!==e;){if(t.nodeName.toUpperCase()==="A"&&t.hasAttribute("href"))return t;t=ge(t)}}function It(t,e,n){let r;try{if(r=new URL(t instanceof SVGAElement?t.href.baseVal:t.href,document.baseURI),n&&r.hash.match(/^#[^/]/)){const i=location.hash.split("#")[1]||"/";r.hash=`#${i}${r.hash}`}}catch{}const a=t instanceof SVGAElement?t.target.baseVal:t.target,s=!r||!!a||St(r,e,n)||(t.getAttribute("rel")||"").split(/\s+/).includes("external"),o=(r==null?void 0:r.origin)===kt&&t.hasAttribute("download");return{url:r,external:s,target:a,download:o}}function pt(t){let e=null,n=null,r=null,a=null,s=null,o=null,i=t;for(;i&&i!==document.documentElement;)r===null&&(r=M(i,"preload-code")),a===null&&(a=M(i,"preload-data")),e===null&&(e=M(i,"keepfocus")),n===null&&(n=M(i,"noscroll")),s===null&&(s=M(i,"reload")),o===null&&(o=M(i,"replacestate")),i=ge(i);function c(l){switch(l){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:te[r??"off"],preload_data:te[a??"off"],keepfocus:c(e),noscroll:c(n),reload:c(s),replace_state:c(o)}}function ee(t){const e=jt(t);let n=!0;function r(){n=!0,e.update(o=>o)}function a(o){n=!1,e.set(o)}function s(o){let i;return e.subscribe(c=>{(i===void 0||n&&c!==i)&&o(i=c)})}return{notify:r,set:a,subscribe:s}}const _e={v:()=>{}};function Xe(){const{set:t,subscribe:e}=jt(!1);let n;async function r(){clearTimeout(n);try{const a=await fetch(`${ze}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const o=(await a.json()).version!==He;return o&&(t(!0),_e.v(),clearTimeout(n)),o}catch{return!1}}return{subscribe:e,check:r}}function St(t,e,n){return t.origin!==kt||!t.pathname.startsWith(e)?!0:n?t.pathname!==location.pathname:!1}function Ln(t){}const we=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...we];const Qe=new Set([...we]);[...Qe];function Ze(t){return t.filter(e=>e!=null)}function Kt(t){return t instanceof Nt||t instanceof Vt?t.status:500}function tn(t){return t instanceof Vt?t.text:"Internal Error"}let R,J,At;const en=Qt.toString().includes("$$")||/function \w+\(\) \{\}/.test(Qt.toString());var et,nt,at,rt,ot,st,it,ct,ce,lt,le,ft,fe;en?(R={data:{},form:null,error:null,params:{},route:{id:null},state:{},status:-1,url:new URL("https://example.com")},J={current:null},At={current:!1}):(R=new(ce=class{constructor(){A(this,et,T({}));A(this,nt,T(null));A(this,at,T(null));A(this,rt,T({}));A(this,ot,T({id:null}));A(this,st,T({}));A(this,it,T(-1));A(this,ct,T(new URL("https://example.com")))}get data(){return I(w(this,et))}set data(e){O(w(this,et),e)}get form(){return I(w(this,nt))}set form(e){O(w(this,nt),e)}get error(){return I(w(this,at))}set error(e){O(w(this,at),e)}get params(){return I(w(this,rt))}set params(e){O(w(this,rt),e)}get route(){return I(w(this,ot))}set route(e){O(w(this,ot),e)}get state(){return I(w(this,st))}set state(e){O(w(this,st),e)}get status(){return I(w(this,it))}set status(e){O(w(this,it),e)}get url(){return I(w(this,ct))}set url(e){O(w(this,ct),e)}},et=new WeakMap,nt=new WeakMap,at=new WeakMap,rt=new WeakMap,ot=new WeakMap,st=new WeakMap,it=new WeakMap,ct=new WeakMap,ce),J=new(le=class{constructor(){A(this,lt,T(null))}get current(){return I(w(this,lt))}set current(e){O(w(this,lt),e)}},lt=new WeakMap,le),At=new(fe=class{constructor(){A(this,ft,T(!1))}get current(){return I(w(this,ft))}set current(e){O(w(this,ft),e)}},ft=new WeakMap,fe),_e.v=()=>At.current=!0);function nn(t){Object.assign(R,t)}const an=new Set(["icon","shortcut icon","apple-touch-icon"]),q=ue(he)??{},X=ue(de)??{},N={url:ee({}),page:ee({}),navigating:jt(null),updated:Xe()};function Mt(t){q[t]=Et()}function rn(t,e){let n=t+1;for(;q[n];)delete q[n],n+=1;for(n=e+1;X[n];)delete X[n],n+=1}function Q(t,e=!1){return e?location.replace(t.href):location.href=t.href,new Promise(()=>{})}async function ve(){if("serviceWorker"in navigator){const t=await navigator.serviceWorker.getRegistration(U||"/");t&&await t.update()}}function ne(){}let Ft,Ot,gt,C,Pt,b;const mt=[],_t=[];let v=null;function Ct(){var t;(t=v==null?void 0:v.fork)==null||t.then(e=>e==null?void 0:e.discard()),v=null}const dt=new Map,ye=new Set,on=new Set,z=new Set;let m={branch:[],error:null,url:null},be=!1,wt=!1,ae=!0,Z=!1,W=!1,ke=!1,Gt=!1,Ee,E,L,V;const vt=new Set,re=new Map;async function In(t,e,n){var s,o,i,c,l;(s=globalThis.__sveltekit_1u12ak4)!=null&&s.data&&globalThis.__sveltekit_1u12ak4.data,document.URL!==location.href&&(location.href=location.href),b=t,await((i=(o=t.hooks).init)==null?void 0:i.call(o)),Ft=Ye(t),C=document.documentElement,Pt=e,Ot=t.nodes[0],gt=t.nodes[1],Ot(),gt(),E=(c=history.state)==null?void 0:c[F],L=(l=history.state)==null?void 0:l[H],E||(E=L=Date.now(),history.replaceState({...history.state,[F]:E,[H]:L},""));const r=q[E];function a(){r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y))}n?(a(),await vn(Pt,n)):(await G({type:"enter",url:Bt(b.hash?kn(new URL(location.href)):location.href),replace_state:!0}),a()),wn()}function sn(){mt.length=0,Gt=!1}function Se(t){_t.some(e=>e==null?void 0:e.snapshot)&&(X[t]=_t.map(e=>{var n;return(n=e==null?void 0:e.snapshot)==null?void 0:n.capture()}))}function Re(t){var e;(e=X[t])==null||e.forEach((n,r)=>{var a,s;(s=(a=_t[r])==null?void 0:a.snapshot)==null||s.restore(n)})}function oe(){Mt(E),Zt(he,q),Se(L),Zt(de,X)}async function xe(t,e,n,r){let a;e.invalidateAll&&Ct(),await G({type:"goto",url:Bt(t),keepfocus:e.keepFocus,noscroll:e.noScroll,replace_state:e.replaceState,state:e.state,redirect_count:n,nav_token:r,accept:()=>{e.invalidateAll&&(Gt=!0,a=[...re.keys()]),e.invalidate&&e.invalidate.forEach(_n)}}),e.invalidateAll&&ht().then(ht).then(()=>{re.forEach(({resource:s},o)=>{var i;a!=null&&a.includes(o)&&((i=s.refresh)==null||i.call(s))})})}async function cn(t){if(t.id!==(v==null?void 0:v.id)){Ct();const e={};vt.add(e),v={id:t.id,token:e,promise:Ue({...t,preload:e}).then(n=>(vt.delete(e),n.type==="loaded"&&n.state.error&&Ct(),n)),fork:null}}return v.promise}async function Tt(t){var n;const e=(n=await Rt(t,!1))==null?void 0:n.route;e&&await Promise.all([...e.layouts,e.leaf].map(r=>r==null?void 0:r[1]()))}async function Le(t,e,n){var a;m=t.state;const r=document.querySelector("style[data-sveltekit]");if(r&&r.remove(),Object.assign(R,t.props.page),Ee=new b.root({target:e,props:{...t.props,stores:N,components:_t},hydrate:n,sync:!1}),await Promise.resolve(),Re(L),n){const s={from:null,to:{params:m.params,route:{id:((a=m.route)==null?void 0:a.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter",complete:Promise.resolve()};z.forEach(o=>o(s))}wt=!0}function yt({url:t,params:e,branch:n,status:r,error:a,route:s,form:o}){let i="never";if(U&&(t.pathname===U||t.pathname===U+"/"))i="always";else for(const f of n)(f==null?void 0:f.slash)!==void 0&&(i=f.slash);t.pathname=Ce(t.pathname,i),t.search=t.search;const c={type:"loaded",state:{url:t,params:e,branch:n,error:a,route:s},props:{constructors:Ze(n).map(f=>f.node.component),page:Jt(R)}};o!==void 0&&(c.props.form=o);let l={},d=!R,u=0;for(let f=0;f<Math.max(n.length,m.branch.length);f+=1){const h=n[f],_=m.branch[f];(h==null?void 0:h.data)!==(_==null?void 0:_.data)&&(d=!0),h&&(l={...l,...h.data},d&&(c.props[`data_${u}`]=l),u+=1)}return(!m.url||t.href!==m.url.href||m.error!==a||o!==void 0&&o!==R.form||d)&&(c.props.page={error:a,params:e,route:{id:(s==null?void 0:s.id)??null},state:{},status:r,url:new URL(t),form:o??null,data:d?l:R.data}),c}async function Wt({loader:t,parent:e,url:n,params:r,route:a,server_data_node:s}){var l,d;let o=null;const i={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1,search_params:new Set},c=await t();return{node:c,loader:t,server:s,universal:(l=c.universal)!=null&&l.load?{type:"data",data:o,uses:i}:null,data:o??(s==null?void 0:s.data)??null,slash:((d=c.universal)==null?void 0:d.trailingSlash)??(s==null?void 0:s.slash)}}function ln(t,e,n){let r=t instanceof Request?t.url:t;const a=new URL(r,n);a.origin===n.origin&&(r=a.href.slice(n.origin.length));const s=wt?Be(r,a.href,e):qe(r,e);return{resolved:a,promise:s}}function fn(t,e,n,r,a,s){if(Gt)return!0;if(!a)return!1;if(a.parent&&t||a.route&&e||a.url&&n)return!0;for(const o of a.search_params)if(r.has(o))return!0;for(const o of a.params)if(s[o]!==m.params[o])return!0;for(const o of a.dependencies)if(mt.some(i=>i(new URL(o))))return!0;return!1}function Yt(t,e){return(t==null?void 0:t.type)==="data"?t:(t==null?void 0:t.type)==="skip"?e??null:null}function un(t,e){if(!t)return new Set(e.searchParams.keys());const n=new Set([...t.searchParams.keys(),...e.searchParams.keys()]);for(const r of n){const a=t.searchParams.getAll(r),s=e.searchParams.getAll(r);a.every(o=>s.includes(o))&&s.every(o=>a.includes(o))&&n.delete(r)}return n}function dn({error:t,url:e,route:n,params:r}){return{type:"loaded",state:{error:t,url:e,route:n,params:r,branch:[]},props:{page:Jt(R),constructors:[]}}}async function Ue({id:t,invalidating:e,url:n,params:r,route:a,preload:s}){if((v==null?void 0:v.id)===t)return vt.delete(v.token),v.promise;const{errors:o,layouts:i,leaf:c}=a,l=[...i,c];o.forEach(g=>g==null?void 0:g().catch(()=>{})),l.forEach(g=>g==null?void 0:g[1]().catch(()=>{}));const d=m.url?t!==bt(m.url):!1,u=m.route?a.id!==m.route.id:!1,y=un(m.url,n);let f=!1;const h=l.map(async(g,p)=>{var $;if(!g)return;const k=m.branch[p];return g[1]===(k==null?void 0:k.loader)&&!fn(f,u,d,y,($=k.universal)==null?void 0:$.uses,r)?k:(f=!0,Wt({loader:g[1],url:n,params:r,route:a,parent:async()=>{var ut;const P={};for(let B=0;B<p;B+=1)Object.assign(P,(ut=await h[B])==null?void 0:ut.data);return P},server_data_node:Yt(g[0]?{type:"skip"}:null,g[0]?k==null?void 0:k.server:void 0)}))});for(const g of h)g.catch(()=>{});const _=[];for(let g=0;g<l.length;g+=1)if(l[g])try{_.push(await h[g])}catch(p){if(p instanceof Dt)return{type:"redirect",location:p.location};if(vt.has(s))return dn({error:await tt(p,{params:r,url:n,route:{id:a.id}}),url:n,params:r,route:a});let k=Kt(p),x;if(p instanceof Nt)x=p.body;else{if(await N.updated.check())return await ve(),await Q(n);x=await tt(p,{params:r,url:n,route:{id:a.id}})}const $=await hn(g,_,o);return $?yt({url:n,params:r,branch:_.slice(0,$.idx).concat($.node),status:k,error:x,route:a}):await Te(n,{id:a.id},x,k)}else _.push(void 0);return yt({url:n,params:r,branch:_,status:200,error:null,route:a,form:e?void 0:null})}async function hn(t,e,n){for(;t--;)if(n[t]){let r=t;for(;!e[r];)r-=1;try{return{idx:r+1,node:{node:await n[t](),loader:n[t],data:{},server:null,universal:null}}}catch{continue}}}async function zt({status:t,error:e,url:n,route:r}){const a={};let s=null;try{const o=await Wt({loader:Ot,url:n,params:a,route:r,parent:()=>Promise.resolve({}),server_data_node:Yt(s)}),i={node:await gt(),loader:gt,universal:null,server:null,data:null};return yt({url:n,params:a,branch:[o,i],status:t,error:e,route:null})}catch(o){if(o instanceof Dt)return xe(new URL(o.location,location.href),{},0);throw o}}async function pn(t){const e=t.href;if(dt.has(e))return dt.get(e);let n;try{const r=(async()=>{let a=await b.hooks.reroute({url:new URL(t),fetch:async(s,o)=>ln(s,o,t).promise})??t;if(typeof a=="string"){const s=new URL(t);b.hash?s.hash=a:s.pathname=a,a=s}return a})();dt.set(e,r),n=await r}catch{dt.delete(e);return}return n}async function Rt(t,e){if(t&&!St(t,U,b.hash)){const n=await pn(t);if(!n)return;const r=gn(n);for(const a of Ft){const s=a.exec(r);if(s)return{id:bt(t),invalidating:e,route:a,params:je(s),url:t}}}}function gn(t){return $e(b.hash?t.hash.replace(/^#/,"").replace(/[?#].+/,""):t.pathname.slice(U.length))||"/"}function bt(t){return(b.hash?t.hash.replace(/^#/,""):t.pathname)+t.search}function Ae({url:t,type:e,intent:n,delta:r,event:a}){let s=!1;const o=Ht(m,n,t,e);r!==void 0&&(o.navigation.delta=r),a!==void 0&&(o.navigation.event=a);const i={...o.navigation,cancel:()=>{s=!0,o.reject(new Error("navigation cancelled"))}};return Z||ye.forEach(c=>c(i)),s?null:o}async function G({type:t,url:e,popped:n,keepfocus:r,noscroll:a,replace_state:s,state:o={},redirect_count:i=0,nav_token:c={},accept:l=ne,block:d=ne,event:u}){var B;const y=V;V=c;const f=await Rt(e,!1),h=t==="enter"?Ht(m,f,e,t):Ae({url:e,type:t,delta:n==null?void 0:n.delta,intent:f,event:u});if(!h){d(),V===c&&(V=y);return}const _=E,g=L;l(),Z=!0,wt&&h.navigation.type!=="enter"&&N.navigating.set(J.current=h.navigation);let p=f&&await Ue(f);if(!p){if(St(e,U,b.hash))return await Q(e,s);p=await Te(e,{id:null},await tt(new Vt(404,"Not Found",`Not found: ${e.pathname}`),{url:e,params:{},route:{id:null}}),404,s)}if(e=(f==null?void 0:f.url)||e,V!==c)return h.reject(new Error("navigation aborted")),!1;if(p.type==="redirect"){if(i<20){await G({type:t,url:new URL(p.location,e),popped:n,keepfocus:r,noscroll:a,replace_state:s,state:o,redirect_count:i+1,nav_token:c}),h.fulfil(void 0);return}p=await zt({status:500,error:await tt(new Error("Redirect loop"),{url:e,params:{},route:{id:null}}),url:e,route:{id:null}})}else p.props.page.status>=400&&await N.updated.check()&&(await ve(),await Q(e,s));if(sn(),Mt(_),Se(g),p.props.page.url.pathname!==e.pathname&&(e.pathname=p.props.page.url.pathname),o=n?n.state:o,!n){const S=s?0:1,K={[F]:E+=S,[H]:L+=S,[pe]:o};(s?history.replaceState:history.pushState).call(history,K,"",e),s||rn(E,L)}const k=f&&(v==null?void 0:v.id)===f.id?v.fork:null;v=null,p.props.page.state=o;let x;if(wt){const S=(await Promise.all(Array.from(on,j=>j(h.navigation)))).filter(j=>typeof j=="function");if(S.length>0){let j=function(){S.forEach(xt=>{z.delete(xt)})};S.push(j),S.forEach(xt=>{z.add(xt)})}m=p.state,p.props.page&&(p.props.page.url=e);const K=k&&await k;K?x=K.commit():(Ee.$set(p.props),nn(p.props.page),x=(B=Pe)==null?void 0:B()),ke=!0}else await Le(p,Pt,!1);const{activeElement:$}=document;await x,await ht(),await ht();let P=n?n.scroll:a?Et():null;if(ae){const S=e.hash&&document.getElementById(Ie(e));if(P)scrollTo(P.x,P.y);else if(S){S.scrollIntoView();const{top:K,left:j}=S.getBoundingClientRect();P={x:pageXOffset+j,y:pageYOffset+K}}else scrollTo(0,0)}const ut=document.activeElement!==$&&document.activeElement!==document.body;!r&&!ut&&bn(e,P),ae=!0,p.props.page&&Object.assign(R,p.props.page),Z=!1,t==="popstate"&&Re(L),h.fulfil(void 0),z.forEach(S=>S(h.navigation)),N.navigating.set(J.current=null)}async function Te(t,e,n,r,a){return t.origin===kt&&t.pathname===location.pathname&&!be?await zt({status:r,error:n,url:t,route:e}):await Q(t,a)}function mn(){let t,e,n;C.addEventListener("mousemove",i=>{const c=i.target;clearTimeout(t),t=setTimeout(()=>{s(c,D.hover)},20)});function r(i){i.defaultPrevented||s(i.composedPath()[0],D.tap)}C.addEventListener("mousedown",r),C.addEventListener("touchstart",r,{passive:!0});const a=new IntersectionObserver(i=>{for(const c of i)c.isIntersecting&&(Tt(new URL(c.target.href)),a.unobserve(c.target))},{threshold:0});async function s(i,c){const l=me(i,C),d=l===e&&c>=n;if(!l||d)return;const{url:u,external:y,download:f}=It(l,U,b.hash);if(y||f)return;const h=pt(l),_=u&&bt(m.url)===bt(u);if(!(h.reload||_))if(c<=h.preload_data){e=l,n=D.tap;const g=await Rt(u,!1);if(!g)return;cn(g)}else c<=h.preload_code&&(e=l,n=c,Tt(u))}function o(){a.disconnect();for(const i of C.querySelectorAll("a")){const{url:c,external:l,download:d}=It(i,U,b.hash);if(l||d)continue;const u=pt(i);u.reload||(u.preload_code===D.viewport&&a.observe(i),u.preload_code===D.eager&&Tt(c))}}z.add(o),o()}function tt(t,e){if(t instanceof Nt)return t.body;const n=Kt(t),r=tn(t);return b.hooks.handleError({error:t,event:e,status:n,message:r})??{message:r}}function On(t,e={}){return t=new URL(Bt(t)),t.origin!==kt?Promise.reject(new Error("goto: invalid URL")):xe(t,e,0)}function _n(t){if(typeof t=="function")mt.push(t);else{const{href:e}=new URL(t,location.href);mt.push(n=>n.href===e)}}function wn(){var e;history.scrollRestoration="manual",addEventListener("beforeunload",n=>{let r=!1;if(oe(),!Z){const a=Ht(m,void 0,null,"leave"),s={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};ye.forEach(o=>o(s))}r?(n.preventDefault(),n.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&oe()}),(e=navigator.connection)!=null&&e.saveData||mn(),C.addEventListener("click",async n=>{if(n.button||n.which!==1||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||n.defaultPrevented)return;const r=me(n.composedPath()[0],C);if(!r)return;const{url:a,external:s,target:o,download:i}=It(r,U,b.hash);if(!a)return;if(o==="_parent"||o==="_top"){if(window.parent!==window)return}else if(o&&o!=="_self")return;const c=pt(r);if(!(r instanceof SVGAElement)&&a.protocol!==location.protocol&&!(a.protocol==="https:"||a.protocol==="http:")||i)return;const[d,u]=(b.hash?a.hash.replace(/^#/,""):a.href).split("#"),y=d===Lt(location);if(s||c.reload&&(!y||!u)){Ae({url:a,type:"link",event:n})?Z=!0:n.preventDefault();return}if(u!==void 0&&y){const[,f]=m.url.href.split("#");if(f===u){if(n.preventDefault(),u===""||u==="top"&&r.ownerDocument.getElementById("top")===null)scrollTo({top:0});else{const h=r.ownerDocument.getElementById(decodeURIComponent(u));h&&(h.scrollIntoView(),h.focus())}return}if(W=!0,Mt(E),t(a),!c.replace_state)return;W=!1}n.preventDefault(),await new Promise(f=>{requestAnimationFrame(()=>{setTimeout(f,0)}),setTimeout(f,100)}),await G({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href,event:n})}),C.addEventListener("submit",n=>{if(n.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(n.target),a=n.submitter;if(((a==null?void 0:a.formTarget)||r.target)==="_blank"||((a==null?void 0:a.formMethod)||r.method)!=="get")return;const i=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(St(i,U,!1))return;const c=n.target,l=pt(c);if(l.reload)return;n.preventDefault(),n.stopPropagation();const d=new FormData(c,a);i.search=new URLSearchParams(d).toString(),G({type:"form",url:i,keepfocus:l.keepfocus,noscroll:l.noscroll,replace_state:l.replace_state??i.href===location.href,event:n})}),addEventListener("popstate",async n=>{var r;if(!$t){if((r=n.state)!=null&&r[F]){const a=n.state[F];if(V={},a===E)return;const s=q[a],o=n.state[pe]??{},i=new URL(n.state[Je]??location.href),c=n.state[H],l=m.url?Lt(location)===Lt(m.url):!1;if(c===L&&(ke||l)){o!==R.state&&(R.state=o),t(i),q[E]=Et(),s&&scrollTo(s.x,s.y),E=a;return}const u=a-E;await G({type:"popstate",url:i,popped:{state:o,scroll:s,delta:u},accept:()=>{E=a,L=c},block:()=>{history.go(-u)},nav_token:V,event:n})}else if(!W){const a=new URL(location.href);t(a),b.hash&&location.reload()}}}),addEventListener("hashchange",()=>{W&&(W=!1,history.replaceState({...history.state,[F]:++E,[H]:L},"",location.href))});for(const n of document.querySelectorAll("link"))an.has(n.rel)&&(n.href=n.href);addEventListener("pageshow",n=>{n.persisted&&N.navigating.set(J.current=null)});function t(n){m.url=R.url=n,N.page.set(Jt(R)),N.page.notify()}}async function vn(t,{status:e=200,error:n,node_ids:r,params:a,route:s,server_route:o,data:i,form:c}){be=!0;const l=new URL(location.href);let d;({params:a={},route:s={id:null}}=await Rt(l,!1)||{}),d=Ft.find(({id:f})=>f===s.id);let u,y=!0;try{const f=r.map(async(_,g)=>{const p=i[g];return p!=null&&p.uses&&(p.uses=yn(p.uses)),Wt({loader:b.nodes[_],url:l,params:a,route:s,parent:async()=>{const k={};for(let x=0;x<g;x+=1)Object.assign(k,(await f[x]).data);return k},server_data_node:Yt(p)})}),h=await Promise.all(f);if(d){const _=d.layouts;for(let g=0;g<_.length;g++)_[g]||h.splice(g,0,void 0)}u=yt({url:l,params:a,branch:h,status:e,error:n,form:c,route:d??null})}catch(f){if(f instanceof Dt){await Q(new URL(f.location,location.href));return}u=await zt({status:Kt(f),error:await tt(f,{url:l,params:a,route:s}),url:l,route:s}),t.textContent="",y=!1}u.props.page&&(u.props.page.state={}),await Le(u,t,y)}function yn(t){return{dependencies:new Set((t==null?void 0:t.dependencies)??[]),params:new Set((t==null?void 0:t.params)??[]),parent:!!(t!=null&&t.parent),route:!!(t!=null&&t.route),url:!!(t!=null&&t.url),search_params:new Set((t==null?void 0:t.search_params)??[])}}let $t=!1;function bn(t,e=null){const n=document.querySelector("[autofocus]");if(n)n.focus();else{const r=Ie(t);if(r&&document.getElementById(r)){const{x:s,y:o}=e??Et();setTimeout(()=>{const i=history.state;$t=!0,location.replace(`#${r}`),b.hash&&location.replace(t.hash),history.replaceState(i,"",t.hash),scrollTo(s,o),$t=!1})}else{const s=document.body,o=s.getAttribute("tabindex");s.tabIndex=-1,s.focus({preventScroll:!0,focusVisible:!1}),o!==null?s.setAttribute("tabindex",o):s.removeAttribute("tabindex")}const a=getSelection();if(a&&a.type!=="None"){const s=[];for(let o=0;o<a.rangeCount;o+=1)s.push(a.getRangeAt(o));setTimeout(()=>{if(a.rangeCount===s.length){for(let o=0;o<a.rangeCount;o+=1){const i=s[o],c=a.getRangeAt(o);if(i.commonAncestorContainer!==c.commonAncestorContainer||i.startContainer!==c.startContainer||i.endContainer!==c.endContainer||i.startOffset!==c.startOffset||i.endOffset!==c.endOffset)return}a.removeAllRanges()}})}}}function Ht(t,e,n,r){var c,l;let a,s;const o=new Promise((d,u)=>{a=d,s=u});return o.catch(()=>{}),{navigation:{from:{params:t.params,route:{id:((c=t.route)==null?void 0:c.id)??null},url:t.url},to:n&&{params:(e==null?void 0:e.params)??null,route:{id:((l=e==null?void 0:e.route)==null?void 0:l.id)??null},url:n},willUnload:!e,type:r,complete:o},fulfil:a,reject:s}}function Jt(t){return{data:t.data,error:t.error,form:t.form,params:t.params,route:t.route,state:t.state,status:t.status,url:t.url}}function kn(t){const e=new URL(t);return e.hash=decodeURIComponent(t.hash),e}function Ie(t){let e;if(b.hash){const[,,n]=t.hash.split("#",3);e=n??""}else e=t.hash.slice(1);return decodeURIComponent(e)}export{In as a,On as g,Ln as l,R as p,N as s};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/DZNd3jEa.js b/ModeTemplate/frontend/build/_app/immutable/chunks/DZNd3jEa.js
deleted file mode 100644
index 1d73be3..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/DZNd3jEa.js
+++ /dev/null
@@ -1,2 +0,0 @@
-var Ie=Object.defineProperty;var ce=t=>{throw TypeError(t)};var Me=(t,e,s)=>e in t?Ie(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var ee=(t,e,s)=>Me(t,typeof e!="symbol"?e+"":e,s),te=(t,e,s)=>e.has(t)||ce("Cannot "+s);var r=(t,e,s)=>(te(t,e,"read from private field"),s?s.call(t):e.get(t)),h=(t,e,s)=>e.has(t)?ce("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),a=(t,e,s,i)=>(te(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s),p=(t,e,s)=>(te(t,e,"access private method"),s);import{ae as ke,g as be,af as we,Y as Ce,l as Le,ag as pe,Z as Ne,I as v,H as E,a5 as L,L as Pe,M as Re,V as de,P as Ye,G as I,ah as j,E as se,F as q,ai as Be,aj as Q,ak as B,al as ge,am as He,an as ne,i as Se,J as Ve,ao as ve,ap as xe,aq as me,ar as qe,as as Ue,D as re,R as U,y as We,Q as Ge,at as ye,au as je,N as Je,av as $e,aw as ze,ax as Ke,d as Qe,U as ie,ay as Xe,az as Ze,aA as et,aB as tt,aC as st,aD as ae,aE as rt,W as nt,aF as oe,S as J,aG as it,aH as at,aI as ot,aJ as ft,p as lt,aK as ht,aL as ut,a as dt}from"./CqqhLxdp.js";function _t(t){let e=0,s=we(0),i;return()=>{ke()&&(be(s),Ce(()=>(e===0&&(i=Le(()=>t(()=>pe(s)))),e+=1,()=>{Ne(()=>{e-=1,e===0&&(i==null||i(),i=void 0,pe(s))})})))}}var ct=Je|$e|ze;function pt(t,e,s){new gt(t,e,s)}var g,W,T,M,b,y,_,w,S,D,k,A,C,H,V,F,X,l,Ae,De,fe,z,K,le;class gt{constructor(e,s,i){h(this,l);ee(this,"parent");ee(this,"is_pending",!1);h(this,g);h(this,W,E?v:null);h(this,T);h(this,M);h(this,b);h(this,y,null);h(this,_,null);h(this,w,null);h(this,S,null);h(this,D,null);h(this,k,0);h(this,A,0);h(this,C,!1);h(this,H,new Set);h(this,V,new Set);h(this,F,null);h(this,X,_t(()=>(a(this,F,we(r(this,k))),()=>{a(this,F,null)})));a(this,g,e),a(this,T,s),a(this,M,i),this.parent=L.b,this.is_pending=!!r(this,T).pending,a(this,b,Pe(()=>{if(L.b=this,E){const n=r(this,W);Re(),n.nodeType===de&&n.data===Ye?p(this,l,De).call(this):(p(this,l,Ae).call(this),r(this,A)===0&&(this.is_pending=!1))}else{var o=p(this,l,fe).call(this);try{a(this,y,I(()=>i(o)))}catch(n){this.error(n)}r(this,A)>0?p(this,l,K).call(this):this.is_pending=!1}return()=>{var n;(n=r(this,D))==null||n.remove()}},ct)),E&&a(this,g,v)}defer_effect(e){Be(e,r(this,H),r(this,V))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!r(this,T).pending}update_pending_count(e){p(this,l,le).call(this,e),a(this,k,r(this,k)+e),r(this,F)&&Ue(r(this,F),r(this,k))}get_effect_pending(){return r(this,X).call(this),be(r(this,F))}error(e){var s=r(this,T).onerror;let i=r(this,T).failed;if(r(this,C)||!s&&!i)throw e;r(this,y)&&(re(r(this,y)),a(this,y,null)),r(this,_)&&(re(r(this,_)),a(this,_,null)),r(this,w)&&(re(r(this,w)),a(this,w,null)),E&&(U(r(this,W)),We(),U(Ge()));var o=!1,n=!1;const f=()=>{if(o){Ke();return}o=!0,n&&je(),j.ensure(),a(this,k,0),r(this,w)!==null&&se(r(this,w),()=>{a(this,w,null)}),this.is_pending=this.has_pending_snippet(),a(this,y,p(this,l,z).call(this,()=>(a(this,C,!1),I(()=>r(this,M).call(this,r(this,g)))))),r(this,A)>0?p(this,l,K).call(this):this.is_pending=!1};var m=ne;try{B(null),n=!0,s==null||s(e,f),n=!1}catch(c){ye(c,r(this,b)&&r(this,b).parent)}finally{B(m)}i&&Ne(()=>{a(this,w,p(this,l,z).call(this,()=>{j.ensure(),a(this,C,!0);try{return I(()=>{i(r(this,g),()=>e,()=>f)})}catch(c){return ye(c,r(this,b).parent),null}finally{a(this,C,!1)}}))})}}g=new WeakMap,W=new WeakMap,T=new WeakMap,M=new WeakMap,b=new WeakMap,y=new WeakMap,_=new WeakMap,w=new WeakMap,S=new WeakMap,D=new WeakMap,k=new WeakMap,A=new WeakMap,C=new WeakMap,H=new WeakMap,V=new WeakMap,F=new WeakMap,X=new WeakMap,l=new WeakSet,Ae=function(){try{a(this,y,I(()=>r(this,M).call(this,r(this,g))))}catch(e){this.error(e)}},De=function(){const e=r(this,T).pending;e&&(a(this,_,I(()=>e(r(this,g)))),j.enqueue(()=>{var s=p(this,l,fe).call(this);a(this,y,p(this,l,z).call(this,()=>(j.ensure(),I(()=>r(this,M).call(this,s))))),r(this,A)>0?p(this,l,K).call(this):(se(r(this,_),()=>{a(this,_,null)}),this.is_pending=!1)}))},fe=function(){var e=r(this,g);return this.is_pending&&(a(this,D,q()),r(this,g).before(r(this,D)),e=r(this,D)),e},z=function(e){var s=L,i=ne,o=Se;Q(r(this,b)),B(r(this,b)),ge(r(this,b).ctx);try{return e()}catch(n){return He(n),null}finally{Q(s),B(i),ge(o)}},K=function(){const e=r(this,T).pending;r(this,y)!==null&&(a(this,S,document.createDocumentFragment()),r(this,S).append(r(this,D)),Ve(r(this,y),r(this,S))),r(this,_)===null&&a(this,_,I(()=>e(r(this,g))))},le=function(e){var s;if(!this.has_pending_snippet()){this.parent&&p(s=this.parent,l,le).call(s,e);return}if(a(this,A,r(this,A)+e),r(this,A)===0){this.is_pending=!1;for(const i of r(this,H))ve(i,xe),me(i);for(const i of r(this,V))ve(i,qe),me(i);r(this,H).clear(),r(this,V).clear(),r(this,_)&&se(r(this,_),()=>{a(this,_,null)}),r(this,S)&&(r(this,g).before(r(this,S)),a(this,S,null))}};const vt=["touchstart","touchmove"];function mt(t){return vt.includes(t)}const Fe=new Set,he=new Set;function Nt(t){for(var e=0;e<t.length;e++)Fe.add(t[e]);for(var s of he)s(t)}let Ee=null;function $(t){var _e;var e=this,s=e.ownerDocument,i=t.type,o=((_e=t.composedPath)==null?void 0:_e.call(t))||[],n=o[0]||t.target;Ee=t;var f=0,m=Ee===t&&t.__root;if(m){var c=o.indexOf(m);if(c!==-1&&(e===document||e===window)){t.__root=e;return}var P=o.indexOf(e);if(P===-1)return;c<=P&&(f=c)}if(n=o[f]||t.target,n!==e){Qe(t,"currentTarget",{configurable:!0,get(){return n||s}});var Z=ne,N=L;B(null),Q(null);try{for(var u,d=[];n!==null;){var R=n.assignedSlot||n.parentNode||n.host||null;try{var x=n["__"+i];x!=null&&(!n.disabled||t.target===n)&&x.call(n,t)}catch(G){u?d.push(G):u=G}if(t.cancelBubble||R===e||R===null)break;n=R}if(u){for(let G of d)queueMicrotask(()=>{throw G});throw u}}finally{t.__root=e,delete t.currentTarget,B(Z),Q(N)}}}function yt(t){var e=document.createElement("template");return e.innerHTML=t.replaceAll("<!>","<!---->"),e.content}function O(t,e){var s=L;s.nodes===null&&(s.nodes={start:t,end:e,a:null,t:null})}function Rt(t,e){var s=(e&Ze)!==0,i=(e&et)!==0,o,n=!t.startsWith("<!>");return()=>{if(E)return O(v,null),v;o===void 0&&(o=yt(n?t:"<!>"+t),s||(o=ie(o)));var f=i||Xe?document.importNode(o,!0):o.cloneNode(!0);if(s){var m=ie(f),c=f.lastChild;O(m,c)}else O(f,f);return f}}function St(t=""){if(!E){var e=q(t+"");return O(e,e),e}var s=v;return s.nodeType!==st&&(s.before(s=q()),U(s)),O(s,s),s}function At(){if(E)return O(v,null),v;var t=document.createDocumentFragment(),e=document.createComment(""),s=q();return t.append(e,s),O(e,s),t}function Dt(t,e){if(E){var s=L;(!(s.f&tt)||s.nodes.end===null)&&(s.nodes.end=v),Re();return}t!==null&&t.before(e)}function Ft(t,e){var s=e==null?"":typeof e=="object"?e+"":e;s!==(t.__t??(t.__t=t.nodeValue))&&(t.__t=s,t.nodeValue=s+"")}function Et(t,e){return Oe(t,e)}function Ot(t,e){ae(),e.intro=e.intro??!1;const s=e.target,i=E,o=v;try{for(var n=ie(s);n&&(n.nodeType!==de||n.data!==rt);)n=nt(n);if(!n)throw oe;J(!0),U(n);const f=Oe(t,{...e,anchor:n});return J(!1),f}catch(f){if(f instanceof Error&&f.message.split(`
-`).some(m=>m.startsWith("https://svelte.dev/e/")))throw f;return f!==oe&&console.warn("Failed to hydrate: ",f),e.recover===!1&&it(),ae(),at(s),J(!1),Et(t,e)}finally{J(i),U(o)}}const Y=new Map;function Oe(t,{target:e,anchor:s,props:i={},events:o,context:n,intro:f=!0}){ae();var m=new Set,c=N=>{for(var u=0;u<N.length;u++){var d=N[u];if(!m.has(d)){m.add(d);var R=mt(d);e.addEventListener(d,$,{passive:R});var x=Y.get(d);x===void 0?(document.addEventListener(d,$,{passive:R}),Y.set(d,1)):Y.set(d,x+1)}}};c(ot(Fe)),he.add(c);var P=void 0,Z=ft(()=>{var N=s??e.appendChild(q());return pt(N,{pending:()=>{}},u=>{if(n){lt({});var d=Se;d.c=n}if(o&&(i.$$events=o),E&&O(u,null),P=t(u,i)||{},E&&(L.nodes.end=v,v===null||v.nodeType!==de||v.data!==ht))throw ut(),oe;n&&dt()}),()=>{var R;for(var u of m){e.removeEventListener(u,$);var d=Y.get(u);--d===0?(document.removeEventListener(u,$),Y.delete(u)):Y.set(u,d)}he.delete(c),N!==s&&((R=N.parentNode)==null||R.removeChild(N))}});return ue.set(P,Z),P}let ue=new WeakMap;function It(t,e){const s=ue.get(t);return s?(ue.delete(t),s(e)):Promise.resolve()}const Tt="5";var Te;typeof window<"u"&&((Te=window.__svelte??(window.__svelte={})).v??(Te.v=new Set)).add(Tt);export{Dt as a,At as c,Nt as d,Rt as f,Ot as h,Et as m,Ft as s,St as t,It as u};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/fsu08h6h.js b/ModeTemplate/frontend/build/_app/immutable/chunks/fsu08h6h.js
deleted file mode 100644
index 19a7a7b..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/fsu08h6h.js
+++ /dev/null
@@ -1 +0,0 @@
-var S=Object.defineProperty;var y=a=>{throw TypeError(a)};var D=(a,e,t)=>e in a?S(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var A=(a,e,t)=>D(a,typeof e!="symbol"?e+"":e,t),E=(a,e,t)=>e.has(a)||y("Cannot "+t);var s=(a,e,t)=>(E(a,e,"read from private field"),t?t.call(a):e.get(a)),u=(a,e,t)=>e.has(a)?y("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(a):e.set(a,t),T=(a,e,t,i)=>(E(a,e,"write to private field"),i?i.call(a,t):e.set(a,t),t);import{B as w,C as N,D as k,E as x,F,G as M,H as g,I as B,J as C,K as H,L as I,M as L,N as O,O as P,P as G,Q as J,R as K,S as R}from"./CqqhLxdp.js";var d,l,c,_,v,m,b;class Q{constructor(e,t=!0){A(this,"anchor");u(this,d,new Map);u(this,l,new Map);u(this,c,new Map);u(this,_,new Set);u(this,v,!0);u(this,m,()=>{var e=w;if(s(this,d).has(e)){var t=s(this,d).get(e),i=s(this,l).get(t);if(i)N(i),s(this,_).delete(t);else{var n=s(this,c).get(t);n&&(s(this,l).set(t,n.effect),s(this,c).delete(t),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),i=n.effect)}for(const[f,r]of s(this,d)){if(s(this,d).delete(f),f===e)break;const h=s(this,c).get(r);h&&(k(h.effect),s(this,c).delete(r))}for(const[f,r]of s(this,l)){if(f===t||s(this,_).has(f))continue;const h=()=>{if(Array.from(s(this,d).values()).includes(f)){var p=document.createDocumentFragment();C(r,p),p.append(F()),s(this,c).set(f,{effect:r,fragment:p})}else k(r);s(this,_).delete(f),s(this,l).delete(f)};s(this,v)||!i?(s(this,_).add(f),x(r,h,!1)):h()}}});u(this,b,e=>{s(this,d).delete(e);const t=Array.from(s(this,d).values());for(const[i,n]of s(this,c))t.includes(i)||(k(n.effect),s(this,c).delete(i))});this.anchor=e,T(this,v,t)}ensure(e,t){var i=w,n=H();if(t&&!s(this,l).has(e)&&!s(this,c).has(e))if(n){var f=document.createDocumentFragment(),r=F();f.append(r),s(this,c).set(e,{effect:M(()=>t(r)),fragment:f})}else s(this,l).set(e,M(()=>t(this.anchor)));if(s(this,d).set(i,e),n){for(const[h,o]of s(this,l))h===e?i.skipped_effects.delete(o):i.skipped_effects.add(o);for(const[h,o]of s(this,c))h===e?i.skipped_effects.delete(o.effect):i.skipped_effects.add(o.effect);i.oncommit(s(this,m)),i.ondiscard(s(this,b))}else g&&(this.anchor=B),s(this,m).call(this)}}d=new WeakMap,l=new WeakMap,c=new WeakMap,_=new WeakMap,v=new WeakMap,m=new WeakMap,b=new WeakMap;function q(a,e,t=!1){g&&L();var i=new Q(a),n=t?O:0;function f(r,h){if(g){const p=P(a)===G;if(r===p){var o=J();K(o),i.anchor=o,R(!1),i.ensure(r,h),R(!0);return}}i.ensure(r,h)}I(()=>{var r=!1;e((h,o=!0)=>{r=!0,f(o,h)}),r||f(!1,null)},n)}export{Q as B,q as i};
diff --git a/ModeTemplate/frontend/build/_app/immutable/chunks/hV77cT_P.js b/ModeTemplate/frontend/build/_app/immutable/chunks/hV77cT_P.js
deleted file mode 100644
index ef1f2b7..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/chunks/hV77cT_P.js
+++ /dev/null
@@ -1 +0,0 @@
-import{s as c,g as l}from"./Bgo_ZO3W.js";import{b as o,d as b,n as a,m as d,g as p,e as g}from"./CqqhLxdp.js";let s=!1,i=Symbol();function m(e,u,r){const n=r[u]??(r[u]={store:null,source:d(void 0),unsubscribe:a});if(n.store!==e&&!(i in r))if(n.unsubscribe(),n.store=e??null,e==null)n.source.v=void 0,n.unsubscribe=a;else{var t=!0;n.unsubscribe=c(e,f=>{t?n.source.v=f:g(n.source,f)}),t=!1}return e&&i in r?l(e):p(n.source)}function y(){const e={};function u(){o(()=>{for(var r in e)e[r].unsubscribe();b(e,i,{enumerable:!1,value:!0})})}return[e,u]}function N(e){var u=s;try{return s=!1,[e(),s]}finally{s=u}}export{m as a,N as c,y as s};
diff --git a/ModeTemplate/frontend/build/_app/immutable/entry/app.B9iOASPK.js b/ModeTemplate/frontend/build/_app/immutable/entry/app.B9iOASPK.js
deleted file mode 100644
index 98b50ce..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/entry/app.B9iOASPK.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../nodes/0.C7lVdKJN.js","../chunks/DZNd3jEa.js","../chunks/CqqhLxdp.js","../chunks/BtkHyJOA.js","../chunks/fsu08h6h.js","../chunks/BRRLaaPq.js","../assets/0.r7T8fV5B.css","../nodes/1.DhhPkK36.js","../chunks/974AMC2H.js","../chunks/CuIyQV9Z.js","../chunks/Bgo_ZO3W.js","../nodes/2.MK_aCw-P.js","../nodes/3.DVfrbbic.js","../chunks/hV77cT_P.js"])))=>i.map(i=>d[i]);
-var F=t=>{throw TypeError(t)};var Z=(t,e,r)=>e.has(t)||F("Cannot "+r);var h=(t,e,r)=>(Z(t,e,"read from private field"),r?r.call(t):e.get(t)),B=(t,e,r)=>e.has(t)?F("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),D=(t,e,r,i)=>(Z(t,e,"write to private field"),i?i.call(t,r):e.set(t,r),r);import{H as ee,M as te,L as re,N as ae,X as se,Y as ne,l as H,Z as ie,_ as W,$ as oe,a0 as ce,a1 as ue,g as P,w as fe,a2 as le,a3 as de,e as L,a4 as _e,a5 as me,a6 as he,a7 as ve,A as ge,a8 as Ee,a9 as Pe,aa as ye,ab as X,ac as be,d as Re,m as Se,p as Oe,j as we,k as Ae,h as j,ad as Le,f as T,s as Ie,a as Te,c as xe,r as ke,u as C,t as Be}from"../chunks/CqqhLxdp.js";import{h as De,m as je,u as Ce,f as J,a as w,c as N,t as Ne,s as Ue}from"../chunks/DZNd3jEa.js";import{o as Ye}from"../chunks/BtkHyJOA.js";import{B as qe,i as U}from"../chunks/fsu08h6h.js";import{c as Me}from"../chunks/hV77cT_P.js";function Y(t,e,r){ee&&te();var i=new qe(t);re(()=>{var n=e()??null;i.ensure(n,n&&(o=>r(o,n)))},ae)}function z(t,e){return t===e||(t==null?void 0:t[W])===e}function q(t={},e,r,i){return se(()=>{var n,o;return ne(()=>{n=o,o=[],H(()=>{t!==r(...o)&&(e(t,...o),n&&z(r(...n),t)&&e(null,...n))})}),()=>{ie(()=>{o&&z(r(...o),t)&&e(null,...o)})}}),t}function M(t,e,r,i){var b;var n=!ge||(r&Ee)!==0,o=(r&ve)!==0,s=(r&ye)!==0,a=i,l=!0,d=()=>(l&&(l=!1,a=s?H(i):i),a),_;if(o){var A=W in t||X in t;_=((b=oe(t,e))==null?void 0:b.set)??(A&&e in t?c=>t[e]=c:void 0)}var S,v=!1;o?[S,v]=Me(()=>t[e]):S=t[e],S===void 0&&i!==void 0&&(S=d(),_&&(n&&ce(),_(S)));var m;if(n?m=()=>{var c=t[e];return c===void 0?d():(l=!0,c)}:m=()=>{var c=t[e];return c!==void 0&&(a=void 0),c===void 0?a:c},n&&!(r&ue))return m;if(_){var u=t.$$legacy;return function(c,f){return arguments.length>0?((!n||!f||u||v)&&_(f?m():c),c):m()}}var y=!1,g=(r&Pe?fe:le)(()=>(y=!1,m()));o&&P(g);var O=me;return function(c,f){if(arguments.length>0){const k=f?P(g):n&&o?de(c):c;return L(g,k),y=!0,a!==void 0&&(a=k),c}return _e&&y||O.f&he?g.v:P(g)}}function Ve(t){return class extends Fe{constructor(e){super({component:t,...e})}}}var R,E;class Fe{constructor(e){B(this,R);B(this,E);var o;var r=new Map,i=(s,a)=>{var l=Se(a,!1,!1);return r.set(s,l),l};const n=new Proxy({...e.props||{},$$events:{}},{get(s,a){return P(r.get(a)??i(a,Reflect.get(s,a)))},has(s,a){return a===X?!0:(P(r.get(a)??i(a,Reflect.get(s,a))),Reflect.has(s,a))},set(s,a,l){return L(r.get(a)??i(a,l),l),Reflect.set(s,a,l)}});D(this,E,(e.hydrate?De:je)(e.component,{target:e.target,anchor:e.anchor,props:n,context:e.context,intro:e.intro??!1,recover:e.recover})),(!((o=e==null?void 0:e.props)!=null&&o.$$host)||e.sync===!1)&&be(),D(this,R,n.$$events);for(const s of Object.keys(h(this,E)))s==="$set"||s==="$destroy"||s==="$on"||Re(this,s,{get(){return h(this,E)[s]},set(a){h(this,E)[s]=a},enumerable:!0});h(this,E).$set=s=>{Object.assign(n,s)},h(this,E).$destroy=()=>{Ce(h(this,E))}}$set(e){h(this,E).$set(e)}$on(e,r){h(this,R)[e]=h(this,R)[e]||[];const i=(...n)=>r.call(this,...n);return h(this,R)[e].push(i),()=>{h(this,R)[e]=h(this,R)[e].filter(n=>n!==i)}}$destroy(){h(this,E).$destroy()}}R=new WeakMap,E=new WeakMap;const Ze="modulepreload",ze=function(t,e){return new URL(t,e).href},G={},x=function(e,r,i){let n=Promise.resolve();if(r&&r.length>0){const s=document.getElementsByTagName("link"),a=document.querySelector("meta[property=csp-nonce]"),l=(a==null?void 0:a.nonce)||(a==null?void 0:a.getAttribute("nonce"));n=Promise.allSettled(r.map(d=>{if(d=ze(d,i),d in G)return;G[d]=!0;const _=d.endsWith(".css"),A=_?'[rel="stylesheet"]':"";if(!!i)for(let m=s.length-1;m>=0;m--){const u=s[m];if(u.href===d&&(!_||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${d}"]${A}`))return;const v=document.createElement("link");if(v.rel=_?"stylesheet":Ze,_||(v.as="script"),v.crossOrigin="",v.href=d,l&&v.setAttribute("nonce",l),document.head.appendChild(v),_)return new Promise((m,u)=>{v.addEventListener("load",m),v.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${d}`)))})}))}function o(s){const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=s,window.dispatchEvent(a),!a.defaultPrevented)throw s}return n.then(s=>{for(const a of s||[])a.status==="rejected"&&o(a.reason);return e().catch(o)})},tt={};var Ge=J('<div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px"><!></div>'),He=J("<!> <!>",1);function We(t,e){Oe(e,!0);let r=M(e,"components",23,()=>[]),i=M(e,"data_0",3,null),n=M(e,"data_1",3,null);we(()=>e.stores.page.set(e.page)),Ae(()=>{e.stores,e.page,e.constructors,r(),e.form,i(),n(),e.stores.page.notify()});let o=j(!1),s=j(!1),a=j(null);Ye(()=>{const u=e.stores.page.subscribe(()=>{P(o)&&(L(s,!0),Le().then(()=>{L(a,document.title||"untitled page",!0)}))});return L(o,!0),u});const l=C(()=>e.constructors[1]);var d=He(),_=T(d);{var A=u=>{const y=C(()=>e.constructors[0]);var g=N(),O=T(g);Y(O,()=>P(y),(b,c)=>{q(c(b,{get data(){return i()},get form(){return e.form},get params(){return e.page.params},children:(f,k)=>{var V=N(),Q=T(V);Y(Q,()=>P(l),(p,$)=>{q($(p,{get data(){return n()},get form(){return e.form},get params(){return e.page.params}}),I=>r()[1]=I,()=>{var I;return(I=r())==null?void 0:I[1]})}),w(f,V)},$$slots:{default:!0}}),f=>r()[0]=f,()=>{var f;return(f=r())==null?void 0:f[0]})}),w(u,g)},S=u=>{const y=C(()=>e.constructors[0]);var g=N(),O=T(g);Y(O,()=>P(y),(b,c)=>{q(c(b,{get data(){return i()},get form(){return e.form},get params(){return e.page.params}}),f=>r()[0]=f,()=>{var f;return(f=r())==null?void 0:f[0]})}),w(u,g)};U(_,u=>{e.constructors[1]?u(A):u(S,!1)})}var v=Ie(_,2);{var m=u=>{var y=Ge(),g=xe(y);{var O=b=>{var c=Ne();Be(()=>Ue(c,P(a))),w(b,c)};U(g,b=>{P(s)&&b(O)})}ke(y),w(u,y)};U(v,u=>{P(o)&&u(m)})}w(t,d),Te()}const rt=Ve(We),at=[()=>x(()=>import("../nodes/0.C7lVdKJN.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),()=>x(()=>import("../nodes/1.DhhPkK36.js"),__vite__mapDeps([7,1,2,8,9,10,3]),import.meta.url),()=>x(()=>import("../nodes/2.MK_aCw-P.js"),__vite__mapDeps([11,1,2,8,4,5]),import.meta.url),()=>x(()=>import("../nodes/3.DVfrbbic.js"),__vite__mapDeps([12,1,2,3,4,13,10,9,5]),import.meta.url)],st=[],nt={"/":[2],"/callback":[3]},K={handleError:({error:t})=>{console.error(t)},reroute:()=>{},transport:{}},Xe=Object.fromEntries(Object.entries(K.transport).map(([t,e])=>[t,e.decode])),it=Object.fromEntries(Object.entries(K.transport).map(([t,e])=>[t,e.encode])),ot=!1,ct=(t,e)=>Xe[t](e);export{ct as decode,Xe as decoders,nt as dictionary,it as encoders,ot as hash,K as hooks,tt as matchers,at as nodes,rt as root,st as server_loads};
diff --git a/ModeTemplate/frontend/build/_app/immutable/entry/start.JQZ0kVpy.js b/ModeTemplate/frontend/build/_app/immutable/entry/start.JQZ0kVpy.js
deleted file mode 100644
index b8d4625..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/entry/start.JQZ0kVpy.js
+++ /dev/null
@@ -1 +0,0 @@
-import{l as o,a as r}from"../chunks/CuIyQV9Z.js";export{o as load_css,r as start};
diff --git a/ModeTemplate/frontend/build/_app/immutable/nodes/0.C7lVdKJN.js b/ModeTemplate/frontend/build/_app/immutable/nodes/0.C7lVdKJN.js
deleted file mode 100644
index d077919..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/nodes/0.C7lVdKJN.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as F,f as c,a as d,s as M}from"../chunks/DZNd3jEa.js";import{o as A}from"../chunks/BtkHyJOA.js";import{L as q,N as C,F as L,T as w,H as p,U as H,V as R,W as g,S as b,R as T,I as B,p as D,a as O,c as l,s as u,r as v,f as S,t as W}from"../chunks/CqqhLxdp.js";import{B as I,i as P}from"../chunks/fsu08h6h.js";import{a as f}from"../chunks/BRRLaaPq.js";function U(i,o,...t){var r=new I(i);q(()=>{const e=o()??null;r.ensure(e,e&&(a=>e(a,...t)))},C)}function V(i,o){let t=null,r=p;var e;if(p){t=B;for(var a=H(document.head);a!==null&&(a.nodeType!==R||a.data!==i);)a=g(a);if(a===null)b(!1);else{var h=g(a);a.remove(),T(h)}}p||(e=document.head.appendChild(L()));try{q(()=>o(e),w)}finally{r&&(b(!0),T(t))}}var j=c('<meta name="description" content="Mode Template"/>'),z=c('<span> </span> <button class="svelte-12qhfyh">Logout</button>',1),G=c('<button class="svelte-12qhfyh">Login</button>'),J=c('<div class="app svelte-12qhfyh"><header class="svelte-12qhfyh"><nav class="svelte-12qhfyh"><a href="/" class="svelte-12qhfyh">Home</a> <!></nav></header> <main class="svelte-12qhfyh"><!></main></div>');function $(i,o){D(o,!0),A(()=>{f.hydrate()});var t=J();V("12qhfyh",s=>{var n=j();d(s,n)});var r=l(t),e=l(r),a=u(l(e),2);{var h=s=>{var n=z(),m=S(n),k=l(m);v(m);var x=u(m,2);x.__click=()=>f.logout(),W(()=>{var y;return M(k,`Welcome, ${((y=f.user)==null?void 0:y.displayName)??""}`)}),d(s,n)},E=s=>{var n=G();n.__click=()=>f.redirectToLogin(),d(s,n)};P(a,s=>{f.isAuthenticated?s(h):s(E,!1)})}v(e),v(r);var _=u(r,2),N=l(_);U(N,()=>o.children),v(_),v(t),d(i,t),O()}F(["click"]);export{$ as component};
diff --git a/ModeTemplate/frontend/build/_app/immutable/nodes/1.DhhPkK36.js b/ModeTemplate/frontend/build/_app/immutable/nodes/1.DhhPkK36.js
deleted file mode 100644
index 03a5861..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/nodes/1.DhhPkK36.js
+++ /dev/null
@@ -1 +0,0 @@
-import{f as h,a as g,s as e}from"../chunks/DZNd3jEa.js";import{i as l}from"../chunks/974AMC2H.js";import{p as v,f as d,t as _,a as x,c as o,r as p,s as $}from"../chunks/CqqhLxdp.js";import{s as k,p as m}from"../chunks/CuIyQV9Z.js";const b={get error(){return m.error},get status(){return m.status}};k.updated.check;const f=b;var E=h("<h1> </h1> <p> </p>",1);function z(i,c){v(c,!1),l();var t=E(),r=d(t),n=o(r,!0);p(r);var s=$(r,2),u=o(s,!0);p(s),_(()=>{var a;e(n,f.status),e(u,(a=f.error)==null?void 0:a.message)}),g(i,t),x()}export{z as component};
diff --git a/ModeTemplate/frontend/build/_app/immutable/nodes/2.MK_aCw-P.js b/ModeTemplate/frontend/build/_app/immutable/nodes/2.MK_aCw-P.js
deleted file mode 100644
index f0106d8..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/nodes/2.MK_aCw-P.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as E,f as m,a as o,c as N,s as _}from"../chunks/DZNd3jEa.js";import{i as P}from"../chunks/974AMC2H.js";import{p as S,s as n,f as p,a as W,c as g,r as d,t as j}from"../chunks/CqqhLxdp.js";import{i as u}from"../chunks/fsu08h6h.js";import{a as i}from"../chunks/BRRLaaPq.js";var q=m("<p>Loading...</p>"),z=m("<p> </p> <p> </p>",1),B=m("<p>Please log in to continue.</p> <button>Sign in with Microsoft</button>",1),C=m("<h1>Mode Template</h1> <!>",1);function J(h,b){S(b,!1),P();var f=C(),x=n(p(f),2);{var k=a=>{var s=q();o(a,s)},L=a=>{var s=N(),M=p(s);{var T=t=>{var r=z(),e=p(r),y=g(e);d(e);var l=n(e,2),A=g(l);d(l),j(()=>{var v,c;_(y,`Welcome, ${((v=i.user)==null?void 0:v.displayName)??""}!`),_(A,`Email: ${((c=i.user)==null?void 0:c.email)??""}`)}),o(t,r)},w=t=>{var r=B(),e=n(p(r),2);e.__click=()=>i.redirectToLogin(),o(t,r)};u(M,t=>{i.isAuthenticated?t(T):t(w,!1)},!0)}o(a,s)};u(x,a=>{i.loading?a(k):a(L,!1)})}o(h,f),W()}E(["click"]);export{J as component};
diff --git a/ModeTemplate/frontend/build/_app/immutable/nodes/3.DVfrbbic.js b/ModeTemplate/frontend/build/_app/immutable/nodes/3.DVfrbbic.js
deleted file mode 100644
index 86e2f55..0000000
--- a/ModeTemplate/frontend/build/_app/immutable/nodes/3.DVfrbbic.js
+++ /dev/null
@@ -1 +0,0 @@
-import{f as p,a as n,s as y}from"../chunks/DZNd3jEa.js";import{o as $}from"../chunks/BtkHyJOA.js";import{p as k,s as x,f as g,a as M,e as l,h as N,g as u,c as P,r as w,y as A,t as I}from"../chunks/CqqhLxdp.js";import{i as R}from"../chunks/fsu08h6h.js";import{s as S,a as T}from"../chunks/hV77cT_P.js";import{s as j,g as q}from"../chunks/CuIyQV9Z.js";import{a as z}from"../chunks/BRRLaaPq.js";const B=()=>{const e=j;return{page:{subscribe:e.page.subscribe},navigating:{subscribe:e.navigating.subscribe},updated:e.updated}},C={subscribe(e){return B().page.subscribe(e)}};var D=p('<p style="color: red;"> </p> <a href="/">Return home</a>',1),E=p("<p>Please wait...</p>"),F=p("<h1>Authenticating...</h1> <!>",1);function U(e,i){k(i,!0);const f=()=>T(C,"$page",b),[b,v]=S();let r=N(null);$(async()=>{const s=f().url.searchParams,a=s.get("email"),t=s.get("displayName"),o=s.get("token"),m=s.get("error");if(m){l(r,m,!0);return}a&&t&&o?(z.login({email:a,displayName:t,pbToken:o}),q("/")):l(r,"Invalid callback parameters")});var c=F(),h=x(g(c),2);{var _=s=>{var a=D(),t=g(a),o=P(t,!0);w(t),A(2),I(()=>y(o,u(r))),n(s,a)},d=s=>{var a=E();n(s,a)};R(h,s=>{u(r)?s(_):s(d,!1)})}n(e,c),M(),v()}export{U as component};
diff --git a/ModeTemplate/frontend/build/_app/version.json b/ModeTemplate/frontend/build/_app/version.json
deleted file mode 100644
index dd94682..0000000
--- a/ModeTemplate/frontend/build/_app/version.json
+++ /dev/null
@@ -1 +0,0 @@
-{"version":"1768972126462"}
\ No newline at end of file
diff --git a/ModeTemplate/frontend/build/index.html b/ModeTemplate/frontend/build/index.html
deleted file mode 100644
index b293b63..0000000
--- a/ModeTemplate/frontend/build/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Mode Template</title>
-    
-		<link rel="modulepreload" href="/_app/immutable/entry/start.JQZ0kVpy.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/CuIyQV9Z.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/CqqhLxdp.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/Bgo_ZO3W.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/BtkHyJOA.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.B9iOASPK.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/DZNd3jEa.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/fsu08h6h.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/hV77cT_P.js">
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">
-			<script>
-				{
-					__sveltekit_1u12ak4 = {
-						base: ""
-					};
-
-					const element = document.currentScript.parentElement;
-
-					Promise.all([
-						import("/_app/immutable/entry/start.JQZ0kVpy.js"),
-						import("/_app/immutable/entry/app.B9iOASPK.js")
-					]).then(([kit, app]) => {
-						kit.start(app, element);
-					});
-				}
-			</script>
-		</div>
-  </body>
-</html>
diff --git a/ModeTemplate/frontend/bun.lock b/ModeTemplate/frontend/bun.lock
deleted file mode 100644
index 6733358..0000000
--- a/ModeTemplate/frontend/bun.lock
+++ /dev/null
@@ -1,210 +0,0 @@
-{
-  "lockfileVersion": 1,
-  "configVersion": 1,
-  "workspaces": {
-    "": {
-      "name": "mode-template-frontend",
-      "dependencies": {
-        "@sveltejs/kit": "^2.0.0",
-        "svelte": "^5.0.0",
-      },
-      "devDependencies": {
-        "@sveltejs/adapter-static": "^3.0.0",
-        "@sveltejs/vite-plugin-svelte": "^4.0.0",
-        "typescript": "^5.0.0",
-        "vite": "^5.0.0",
-      },
-    },
-  },
-  "packages": {
-    "@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.21.5", "", { "os": "aix", "cpu": "ppc64" }, "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ=="],
-
-    "@esbuild/android-arm": ["@esbuild/android-arm@0.21.5", "", { "os": "android", "cpu": "arm" }, "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg=="],
-
-    "@esbuild/android-arm64": ["@esbuild/android-arm64@0.21.5", "", { "os": "android", "cpu": "arm64" }, "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A=="],
-
-    "@esbuild/android-x64": ["@esbuild/android-x64@0.21.5", "", { "os": "android", "cpu": "x64" }, "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA=="],
-
-    "@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.21.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ=="],
-
-    "@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.21.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw=="],
-
-    "@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.21.5", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g=="],
-
-    "@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.21.5", "", { "os": "freebsd", "cpu": "x64" }, "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ=="],
-
-    "@esbuild/linux-arm": ["@esbuild/linux-arm@0.21.5", "", { "os": "linux", "cpu": "arm" }, "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA=="],
-
-    "@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.21.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q=="],
-
-    "@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.21.5", "", { "os": "linux", "cpu": "ia32" }, "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg=="],
-
-    "@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg=="],
-
-    "@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg=="],
-
-    "@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.21.5", "", { "os": "linux", "cpu": "ppc64" }, "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w=="],
-
-    "@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA=="],
-
-    "@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.21.5", "", { "os": "linux", "cpu": "s390x" }, "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A=="],
-
-    "@esbuild/linux-x64": ["@esbuild/linux-x64@0.21.5", "", { "os": "linux", "cpu": "x64" }, "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ=="],
-
-    "@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.21.5", "", { "os": "none", "cpu": "x64" }, "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg=="],
-
-    "@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.21.5", "", { "os": "openbsd", "cpu": "x64" }, "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow=="],
-
-    "@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.21.5", "", { "os": "sunos", "cpu": "x64" }, "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg=="],
-
-    "@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.21.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A=="],
-
-    "@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.21.5", "", { "os": "win32", "cpu": "ia32" }, "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA=="],
-
-    "@esbuild/win32-x64": ["@esbuild/win32-x64@0.21.5", "", { "os": "win32", "cpu": "x64" }, "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw=="],
-
-    "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
-
-    "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
-
-    "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
-
-    "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
-
-    "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
-
-    "@polka/url": ["@polka/url@1.0.0-next.29", "", {}, "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="],
-
-    "@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.55.2", "", { "os": "android", "cpu": "arm" }, "sha512-21J6xzayjy3O6NdnlO6aXi/urvSRjm6nCI6+nF6ra2YofKruGixN9kfT+dt55HVNwfDmpDHJcaS3JuP/boNnlA=="],
-
-    "@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.55.2", "", { "os": "android", "cpu": "arm64" }, "sha512-eXBg7ibkNUZ+sTwbFiDKou0BAckeV6kIigK7y5Ko4mB/5A1KLhuzEKovsmfvsL8mQorkoincMFGnQuIT92SKqA=="],
-
-    "@rollup/rollup-darwin-arm64": ["@rollup/rollup-darwin-arm64@4.55.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-UCbaTklREjrc5U47ypLulAgg4njaqfOVLU18VrCrI+6E5MQjuG0lSWaqLlAJwsD7NpFV249XgB0Bi37Zh5Sz4g=="],
-
-    "@rollup/rollup-darwin-x64": ["@rollup/rollup-darwin-x64@4.55.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-dP67MA0cCMHFT2g5XyjtpVOtp7y4UyUxN3dhLdt11at5cPKnSm4lY+EhwNvDXIMzAMIo2KU+mc9wxaAQJTn7sQ=="],
-
-    "@rollup/rollup-freebsd-arm64": ["@rollup/rollup-freebsd-arm64@4.55.2", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-WDUPLUwfYV9G1yxNRJdXcvISW15mpvod1Wv3ok+Ws93w1HjIVmCIFxsG2DquO+3usMNCpJQ0wqO+3GhFdl6Fow=="],
-
-    "@rollup/rollup-freebsd-x64": ["@rollup/rollup-freebsd-x64@4.55.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-Ng95wtHVEulRwn7R0tMrlUuiLVL/HXA8Lt/MYVpy88+s5ikpntzZba1qEulTuPnPIZuOPcW9wNEiqvZxZmgmqQ=="],
-
-    "@rollup/rollup-linux-arm-gnueabihf": ["@rollup/rollup-linux-arm-gnueabihf@4.55.2", "", { "os": "linux", "cpu": "arm" }, "sha512-AEXMESUDWWGqD6LwO/HkqCZgUE1VCJ1OhbvYGsfqX2Y6w5quSXuyoy/Fg3nRqiwro+cJYFxiw5v4kB2ZDLhxrw=="],
-
-    "@rollup/rollup-linux-arm-musleabihf": ["@rollup/rollup-linux-arm-musleabihf@4.55.2", "", { "os": "linux", "cpu": "arm" }, "sha512-ZV7EljjBDwBBBSv570VWj0hiNTdHt9uGznDtznBB4Caj3ch5rgD4I2K1GQrtbvJ/QiB+663lLgOdcADMNVC29Q=="],
-
-    "@rollup/rollup-linux-arm64-gnu": ["@rollup/rollup-linux-arm64-gnu@4.55.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-uvjwc8NtQVPAJtq4Tt7Q49FOodjfbf6NpqXyW/rjXoV+iZ3EJAHLNAnKT5UJBc6ffQVgmXTUL2ifYiLABlGFqA=="],
-
-    "@rollup/rollup-linux-arm64-musl": ["@rollup/rollup-linux-arm64-musl@4.55.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-s3KoWVNnye9mm/2WpOZ3JeUiediUVw6AvY/H7jNA6qgKA2V2aM25lMkVarTDfiicn/DLq3O0a81jncXszoyCFA=="],
-
-    "@rollup/rollup-linux-loong64-gnu": ["@rollup/rollup-linux-loong64-gnu@4.55.2", "", { "os": "linux", "cpu": "none" }, "sha512-gi21faacK+J8aVSyAUptML9VQN26JRxe484IbF+h3hpG+sNVoMXPduhREz2CcYr5my0NE3MjVvQ5bMKX71pfVA=="],
-
-    "@rollup/rollup-linux-loong64-musl": ["@rollup/rollup-linux-loong64-musl@4.55.2", "", { "os": "linux", "cpu": "none" }, "sha512-qSlWiXnVaS/ceqXNfnoFZh4IiCA0EwvCivivTGbEu1qv2o+WTHpn1zNmCTAoOG5QaVr2/yhCoLScQtc/7RxshA=="],
-
-    "@rollup/rollup-linux-ppc64-gnu": ["@rollup/rollup-linux-ppc64-gnu@4.55.2", "", { "os": "linux", "cpu": "ppc64" }, "sha512-rPyuLFNoF1B0+wolH277E780NUKf+KoEDb3OyoLbAO18BbeKi++YN6gC/zuJoPPDlQRL3fIxHxCxVEWiem2yXw=="],
-
-    "@rollup/rollup-linux-ppc64-musl": ["@rollup/rollup-linux-ppc64-musl@4.55.2", "", { "os": "linux", "cpu": "ppc64" }, "sha512-g+0ZLMook31iWV4PvqKU0i9E78gaZgYpSrYPed/4Bu+nGTgfOPtfs1h11tSSRPXSjC5EzLTjV/1A7L2Vr8pJoQ=="],
-
-    "@rollup/rollup-linux-riscv64-gnu": ["@rollup/rollup-linux-riscv64-gnu@4.55.2", "", { "os": "linux", "cpu": "none" }, "sha512-i+sGeRGsjKZcQRh3BRfpLsM3LX3bi4AoEVqmGDyc50L6KfYsN45wVCSz70iQMwPWr3E5opSiLOwsC9WB4/1pqg=="],
-
-    "@rollup/rollup-linux-riscv64-musl": ["@rollup/rollup-linux-riscv64-musl@4.55.2", "", { "os": "linux", "cpu": "none" }, "sha512-C1vLcKc4MfFV6I0aWsC7B2Y9QcsiEcvKkfxprwkPfLaN8hQf0/fKHwSF2lcYzA9g4imqnhic729VB9Fo70HO3Q=="],
-
-    "@rollup/rollup-linux-s390x-gnu": ["@rollup/rollup-linux-s390x-gnu@4.55.2", "", { "os": "linux", "cpu": "s390x" }, "sha512-68gHUK/howpQjh7g7hlD9DvTTt4sNLp1Bb+Yzw2Ki0xvscm2cOdCLZNJNhd2jW8lsTPrHAHuF751BygifW4bkQ=="],
-
-    "@rollup/rollup-linux-x64-gnu": ["@rollup/rollup-linux-x64-gnu@4.55.2", "", { "os": "linux", "cpu": "x64" }, "sha512-1e30XAuaBP1MAizaOBApsgeGZge2/Byd6wV4a8oa6jPdHELbRHBiw7wvo4dp7Ie2PE8TZT4pj9RLGZv9N4qwlw=="],
-
-    "@rollup/rollup-linux-x64-musl": ["@rollup/rollup-linux-x64-musl@4.55.2", "", { "os": "linux", "cpu": "x64" }, "sha512-4BJucJBGbuGnH6q7kpPqGJGzZnYrpAzRd60HQSt3OpX/6/YVgSsJnNzR8Ot74io50SeVT4CtCWe/RYIAymFPwA=="],
-
-    "@rollup/rollup-openbsd-x64": ["@rollup/rollup-openbsd-x64@4.55.2", "", { "os": "openbsd", "cpu": "x64" }, "sha512-cT2MmXySMo58ENv8p6/O6wI/h/gLnD3D6JoajwXFZH6X9jz4hARqUhWpGuQhOgLNXscfZYRQMJvZDtWNzMAIDw=="],
-
-    "@rollup/rollup-openharmony-arm64": ["@rollup/rollup-openharmony-arm64@4.55.2", "", { "os": "none", "cpu": "arm64" }, "sha512-sZnyUgGkuzIXaK3jNMPmUIyJrxu/PjmATQrocpGA1WbCPX8H5tfGgRSuYtqBYAvLuIGp8SPRb1O4d1Fkb5fXaQ=="],
-
-    "@rollup/rollup-win32-arm64-msvc": ["@rollup/rollup-win32-arm64-msvc@4.55.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-sDpFbenhmWjNcEbBcoTV0PWvW5rPJFvu+P7XoTY0YLGRupgLbFY0XPfwIbJOObzO7QgkRDANh65RjhPmgSaAjQ=="],
-
-    "@rollup/rollup-win32-ia32-msvc": ["@rollup/rollup-win32-ia32-msvc@4.55.2", "", { "os": "win32", "cpu": "ia32" }, "sha512-GvJ03TqqaweWCigtKQVBErw2bEhu1tyfNQbarwr94wCGnczA9HF8wqEe3U/Lfu6EdeNP0p6R+APeHVwEqVxpUQ=="],
-
-    "@rollup/rollup-win32-x64-gnu": ["@rollup/rollup-win32-x64-gnu@4.55.2", "", { "os": "win32", "cpu": "x64" }, "sha512-KvXsBvp13oZz9JGe5NYS7FNizLe99Ny+W8ETsuCyjXiKdiGrcz2/J/N8qxZ/RSwivqjQguug07NLHqrIHrqfYw=="],
-
-    "@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.55.2", "", { "os": "win32", "cpu": "x64" }, "sha512-xNO+fksQhsAckRtDSPWaMeT1uIM+JrDRXlerpnWNXhn1TdB3YZ6uKBMBTKP0eX9XtYEP978hHk1f8332i2AW8Q=="],
-
-    "@standard-schema/spec": ["@standard-schema/spec@1.1.0", "", {}, "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w=="],
-
-    "@sveltejs/acorn-typescript": ["@sveltejs/acorn-typescript@1.0.8", "", { "peerDependencies": { "acorn": "^8.9.0" } }, "sha512-esgN+54+q0NjB0Y/4BomT9samII7jGwNy/2a3wNZbT2A2RpmXsXwUt24LvLhx6jUq2gVk4cWEvcRO6MFQbOfNA=="],
-
-    "@sveltejs/adapter-static": ["@sveltejs/adapter-static@3.0.10", "", { "peerDependencies": { "@sveltejs/kit": "^2.0.0" } }, "sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew=="],
-
-    "@sveltejs/kit": ["@sveltejs/kit@2.50.0", "", { "dependencies": { "@standard-schema/spec": "^1.0.0", "@sveltejs/acorn-typescript": "^1.0.5", "@types/cookie": "^0.6.0", "acorn": "^8.14.1", "cookie": "^0.6.0", "devalue": "^5.6.2", "esm-env": "^1.2.2", "kleur": "^4.1.5", "magic-string": "^0.30.5", "mrmime": "^2.0.0", "sade": "^1.8.1", "set-cookie-parser": "^2.6.0", "sirv": "^3.0.0" }, "peerDependencies": { "@opentelemetry/api": "^1.0.0", "@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0", "svelte": "^4.0.0 || ^5.0.0-next.0", "typescript": "^5.3.3", "vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0" }, "optionalPeers": ["@opentelemetry/api", "typescript"], "bin": { "svelte-kit": "svelte-kit.js" } }, "sha512-Hj8sR8O27p2zshFEIJzsvfhLzxga/hWw6tRLnBjMYw70m1aS9BSYCqAUtzDBjRREtX1EvLMYgaC0mYE3Hz4KWA=="],
-
-    "@sveltejs/vite-plugin-svelte": ["@sveltejs/vite-plugin-svelte@4.0.4", "", { "dependencies": { "@sveltejs/vite-plugin-svelte-inspector": "^3.0.0-next.0||^3.0.0", "debug": "^4.3.7", "deepmerge": "^4.3.1", "kleur": "^4.1.5", "magic-string": "^0.30.12", "vitefu": "^1.0.3" }, "peerDependencies": { "svelte": "^5.0.0-next.96 || ^5.0.0", "vite": "^5.0.0" } }, "sha512-0ba1RQ/PHen5FGpdSrW7Y3fAMQjrXantECALeOiOdBdzR5+5vPP6HVZRLmZaQL+W8m++o+haIAKq5qT+MiZ7VA=="],
-
-    "@sveltejs/vite-plugin-svelte-inspector": ["@sveltejs/vite-plugin-svelte-inspector@3.0.1", "", { "dependencies": { "debug": "^4.3.7" }, "peerDependencies": { "@sveltejs/vite-plugin-svelte": "^4.0.0-next.0||^4.0.0", "svelte": "^5.0.0-next.96 || ^5.0.0", "vite": "^5.0.0" } }, "sha512-2CKypmj1sM4GE7HjllT7UKmo4Q6L5xFRd7VMGEWhYnZ+wc6AUVU01IBd7yUi6WnFndEwWoMNOd6e8UjoN0nbvQ=="],
-
-    "@types/cookie": ["@types/cookie@0.6.0", "", {}, "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="],
-
-    "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
-
-    "acorn": ["acorn@8.15.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg=="],
-
-    "aria-query": ["aria-query@5.3.2", "", {}, "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw=="],
-
-    "axobject-query": ["axobject-query@4.1.0", "", {}, "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="],
-
-    "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
-
-    "cookie": ["cookie@0.6.0", "", {}, "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw=="],
-
-    "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
-
-    "deepmerge": ["deepmerge@4.3.1", "", {}, "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="],
-
-    "devalue": ["devalue@5.6.2", "", {}, "sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg=="],
-
-    "esbuild": ["esbuild@0.21.5", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.21.5", "@esbuild/android-arm": "0.21.5", "@esbuild/android-arm64": "0.21.5", "@esbuild/android-x64": "0.21.5", "@esbuild/darwin-arm64": "0.21.5", "@esbuild/darwin-x64": "0.21.5", "@esbuild/freebsd-arm64": "0.21.5", "@esbuild/freebsd-x64": "0.21.5", "@esbuild/linux-arm": "0.21.5", "@esbuild/linux-arm64": "0.21.5", "@esbuild/linux-ia32": "0.21.5", "@esbuild/linux-loong64": "0.21.5", "@esbuild/linux-mips64el": "0.21.5", "@esbuild/linux-ppc64": "0.21.5", "@esbuild/linux-riscv64": "0.21.5", "@esbuild/linux-s390x": "0.21.5", "@esbuild/linux-x64": "0.21.5", "@esbuild/netbsd-x64": "0.21.5", "@esbuild/openbsd-x64": "0.21.5", "@esbuild/sunos-x64": "0.21.5", "@esbuild/win32-arm64": "0.21.5", "@esbuild/win32-ia32": "0.21.5", "@esbuild/win32-x64": "0.21.5" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw=="],
-
-    "esm-env": ["esm-env@1.2.2", "", {}, "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA=="],
-
-    "esrap": ["esrap@2.2.2", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" } }, "sha512-zA6497ha+qKvoWIK+WM9NAh5ni17sKZKhbS5B3PoYbBvaYHZWoS33zmFybmyqpn07RLUxSmn+RCls2/XF+d0oQ=="],
-
-    "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
-
-    "is-reference": ["is-reference@3.0.3", "", { "dependencies": { "@types/estree": "^1.0.6" } }, "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw=="],
-
-    "kleur": ["kleur@4.1.5", "", {}, "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ=="],
-
-    "locate-character": ["locate-character@3.0.0", "", {}, "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="],
-
-    "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
-
-    "mri": ["mri@1.2.0", "", {}, "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="],
-
-    "mrmime": ["mrmime@2.0.1", "", {}, "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ=="],
-
-    "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
-
-    "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
-
-    "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
-
-    "postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
-
-    "rollup": ["rollup@4.55.2", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.55.2", "@rollup/rollup-android-arm64": "4.55.2", "@rollup/rollup-darwin-arm64": "4.55.2", "@rollup/rollup-darwin-x64": "4.55.2", "@rollup/rollup-freebsd-arm64": "4.55.2", "@rollup/rollup-freebsd-x64": "4.55.2", "@rollup/rollup-linux-arm-gnueabihf": "4.55.2", "@rollup/rollup-linux-arm-musleabihf": "4.55.2", "@rollup/rollup-linux-arm64-gnu": "4.55.2", "@rollup/rollup-linux-arm64-musl": "4.55.2", "@rollup/rollup-linux-loong64-gnu": "4.55.2", "@rollup/rollup-linux-loong64-musl": "4.55.2", "@rollup/rollup-linux-ppc64-gnu": "4.55.2", "@rollup/rollup-linux-ppc64-musl": "4.55.2", "@rollup/rollup-linux-riscv64-gnu": "4.55.2", "@rollup/rollup-linux-riscv64-musl": "4.55.2", "@rollup/rollup-linux-s390x-gnu": "4.55.2", "@rollup/rollup-linux-x64-gnu": "4.55.2", "@rollup/rollup-linux-x64-musl": "4.55.2", "@rollup/rollup-openbsd-x64": "4.55.2", "@rollup/rollup-openharmony-arm64": "4.55.2", "@rollup/rollup-win32-arm64-msvc": "4.55.2", "@rollup/rollup-win32-ia32-msvc": "4.55.2", "@rollup/rollup-win32-x64-gnu": "4.55.2", "@rollup/rollup-win32-x64-msvc": "4.55.2", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-PggGy4dhwx5qaW+CKBilA/98Ql9keyfnb7lh4SR6shQ91QQQi1ORJ1v4UinkdP2i87OBs9AQFooQylcrrRfIcg=="],
-
-    "sade": ["sade@1.8.1", "", { "dependencies": { "mri": "^1.1.0" } }, "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A=="],
-
-    "set-cookie-parser": ["set-cookie-parser@2.7.2", "", {}, "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw=="],
-
-    "sirv": ["sirv@3.0.2", "", { "dependencies": { "@polka/url": "^1.0.0-next.24", "mrmime": "^2.0.0", "totalist": "^3.0.0" } }, "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g=="],
-
-    "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
-
-    "svelte": ["svelte@5.47.1", "", { "dependencies": { "@jridgewell/remapping": "^2.3.4", "@jridgewell/sourcemap-codec": "^1.5.0", "@sveltejs/acorn-typescript": "^1.0.5", "@types/estree": "^1.0.5", "acorn": "^8.12.1", "aria-query": "^5.3.1", "axobject-query": "^4.1.0", "clsx": "^2.1.1", "devalue": "^5.6.2", "esm-env": "^1.2.1", "esrap": "^2.2.1", "is-reference": "^3.0.3", "locate-character": "^3.0.0", "magic-string": "^0.30.11", "zimmerframe": "^1.1.2" } }, "sha512-MhSWfWEpG5T57z0Oyfk9D1GhAz/KTZKZZlWtGEsy9zNk2fafpuU7sJQlXNSA8HtvwKxVC9XlDyl5YovXUXjjHA=="],
-
-    "totalist": ["totalist@3.0.1", "", {}, "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ=="],
-
-    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
-
-    "vite": ["vite@5.4.21", "", { "dependencies": { "esbuild": "^0.21.3", "postcss": "^8.4.43", "rollup": "^4.20.0" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || >=20.0.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.4.0" }, "optionalPeers": ["@types/node", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser"], "bin": { "vite": "bin/vite.js" } }, "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw=="],
-
-    "vitefu": ["vitefu@1.1.1", "", { "peerDependencies": { "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0" }, "optionalPeers": ["vite"] }, "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ=="],
-
-    "zimmerframe": ["zimmerframe@1.1.4", "", {}, "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ=="],
-  }
-}
diff --git a/ModeTemplate/frontend/package.json b/ModeTemplate/frontend/package.json
deleted file mode 100644
index 0ba9091..0000000
--- a/ModeTemplate/frontend/package.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "mode-template-frontend",
-  "version": "1.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@sveltejs/kit": "^2.0.0",
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@sveltejs/adapter-static": "^3.0.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "typescript": "^5.0.0",
-    "vite": "^5.0.0"
-  }
-}
diff --git a/ModeTemplate/frontend/src/app.html b/ModeTemplate/frontend/src/app.html
deleted file mode 100644
index 248970b..0000000
--- a/ModeTemplate/frontend/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Mode Template</title>
-    %sveltekit.head%
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>
diff --git a/ModeTemplate/frontend/src/lib/api.ts b/ModeTemplate/frontend/src/lib/api.ts
deleted file mode 100644
index 790cf73..0000000
--- a/ModeTemplate/frontend/src/lib/api.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * API Client Instance
- * 
- * Pre-configured API client for this mode.
- */
-
-import { STORAGE_KEYS } from './stores/auth.svelte';
-
-export interface ApiResponse<T = unknown> {
-  ok: boolean;
-  status: number;
-  data?: T;
-  error?: string;
-}
-
-async function request<T>(
-  method: string,
-  path: string,
-  body?: unknown
-): Promise<ApiResponse<T>> {
-  const token = localStorage.getItem(STORAGE_KEYS.PB_TOKEN);
-  
-  const headers: Record<string, string> = {
-    'Content-Type': 'application/json',
-  };
-
-  if (token) {
-    headers['Authorization'] = `Bearer ${token}`;
-  }
-
-  try {
-    const response = await fetch(path, {
-      method,
-      headers,
-      body: body ? JSON.stringify(body) : undefined,
-    });
-
-    const data = response.headers.get('content-type')?.includes('application/json')
-      ? await response.json()
-      : await response.text();
-
-    if (!response.ok) {
-      return {
-        ok: false,
-        status: response.status,
-        error: typeof data === 'string' ? data : data.message || 'Request failed',
-      };
-    }
-
-    return {
-      ok: true,
-      status: response.status,
-      data: data as T,
-    };
-  } catch (err) {
-    return {
-      ok: false,
-      status: 0,
-      error: err instanceof Error ? err.message : 'Network error',
-    };
-  }
-}
-
-export const api = {
-  get: <T>(path: string) => request<T>('GET', path),
-  post: <T>(path: string, body?: unknown) => request<T>('POST', path, body),
-  put: <T>(path: string, body?: unknown) => request<T>('PUT', path, body),
-  patch: <T>(path: string, body?: unknown) => request<T>('PATCH', path, body),
-  delete: <T>(path: string) => request<T>('DELETE', path),
-};
diff --git a/ModeTemplate/frontend/src/lib/stores/auth.svelte.ts b/ModeTemplate/frontend/src/lib/stores/auth.svelte.ts
deleted file mode 100644
index bc48cae..0000000
--- a/ModeTemplate/frontend/src/lib/stores/auth.svelte.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-/**
- * Auth Store (Svelte 5 Runes)
- * 
- * Manages authentication state using Svelte 5 class-based store pattern.
- */
-
-export const STORAGE_KEYS = {
-  PB_TOKEN: 'pb_token',
-  SESSION: 'auth_session',
-} as const;
-
-export interface AuthSession {
-  email: string;
-  displayName: string;
-  pbToken: string;
-}
-
-class AuthStore {
-  private _session = $state<AuthSession | null>(null);
-  private _loading = $state(true);
-  
-  // Derived state
-  isAuthenticated = $derived(this._session !== null);
-  
-  get session() { return this._session; }
-  get loading() { return this._loading; }
-  
-  user = $derived(
-    this._session 
-      ? { email: this._session.email, displayName: this._session.displayName }
-      : null
-  );
-
-  constructor() {
-    // Defer initialization to hydrate() call from browser
-  }
-
-  /** Call this in onMount to hydrate from localStorage */
-  hydrate() {
-    if (typeof localStorage === 'undefined') return;
-    
-    const stored = localStorage.getItem(STORAGE_KEYS.SESSION);
-    if (stored) {
-      try {
-        this._session = JSON.parse(stored) as AuthSession;
-      } catch {
-        localStorage.removeItem(STORAGE_KEYS.SESSION);
-        localStorage.removeItem(STORAGE_KEYS.PB_TOKEN);
-      }
-    }
-    this._loading = false;
-  }
-
-  login(session: AuthSession) {
-    if (typeof localStorage !== 'undefined') {
-      localStorage.setItem(STORAGE_KEYS.SESSION, JSON.stringify(session));
-      localStorage.setItem(STORAGE_KEYS.PB_TOKEN, session.pbToken);
-    }
-    this._session = session;
-    this._loading = false;
-  }
-
-  logout() {
-    if (typeof localStorage !== 'undefined') {
-      localStorage.removeItem(STORAGE_KEYS.SESSION);
-      localStorage.removeItem(STORAGE_KEYS.PB_TOKEN);
-    }
-    this._session = null;
-  }
-
-  /** Redirect to backend auth login */
-  redirectToLogin() {
-    if (typeof window !== 'undefined') {
-      window.location.href = '/auth/login';
-    }
-  }
-}
-
-export const auth = new AuthStore();
diff --git a/ModeTemplate/frontend/src/routes/+layout.svelte b/ModeTemplate/frontend/src/routes/+layout.svelte
deleted file mode 100644
index 7c28442..0000000
--- a/ModeTemplate/frontend/src/routes/+layout.svelte
+++ /dev/null
@@ -1,67 +0,0 @@
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import { auth } from '$lib/stores/auth.svelte';
-  
-  let { children } = $props();
-  
-  onMount(() => {
-    auth.hydrate();
-  });
-</script>
-
-<svelte:head>
-  <meta name="description" content="Mode Template" />
-</svelte:head>
-
-<div class="app">
-  <header>
-    <nav>
-      <a href="/">Home</a>
-      {#if auth.isAuthenticated}
-        <span>Welcome, {auth.user?.displayName}</span>
-        <button onclick={() => auth.logout()}>Logout</button>
-      {:else}
-        <button onclick={() => auth.redirectToLogin()}>Login</button>
-      {/if}
-    </nav>
-  </header>
-
-  <main>
-    {@render children()}
-  </main>
-</div>
-
-<style>
-  .app {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-  }
-
-  header {
-    padding: 1rem;
-    background: #f5f5f5;
-    border-bottom: 1px solid #ddd;
-  }
-
-  nav {
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-  }
-
-  nav a {
-    text-decoration: none;
-    color: #333;
-  }
-
-  main {
-    flex: 1;
-    padding: 1rem;
-  }
-
-  button {
-    padding: 0.5rem 1rem;
-    cursor: pointer;
-  }
-</style>
diff --git a/ModeTemplate/frontend/src/routes/+page.svelte b/ModeTemplate/frontend/src/routes/+page.svelte
deleted file mode 100644
index fbfdfc0..0000000
--- a/ModeTemplate/frontend/src/routes/+page.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-  import { auth } from '$lib/stores/auth.svelte';
-</script>
-
-<h1>Mode Template</h1>
-
-{#if auth.loading}
-  <p>Loading...</p>
-{:else if auth.isAuthenticated}
-  <p>Welcome, {auth.user?.displayName}!</p>
-  <p>Email: {auth.user?.email}</p>
-{:else}
-  <p>Please log in to continue.</p>
-  <button onclick={() => auth.redirectToLogin()}>
-    Sign in with Microsoft
-  </button>
-{/if}
diff --git a/ModeTemplate/frontend/src/routes/callback/+page.svelte b/ModeTemplate/frontend/src/routes/callback/+page.svelte
deleted file mode 100644
index 820dedb..0000000
--- a/ModeTemplate/frontend/src/routes/callback/+page.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-  import { onMount } from 'svelte';
-  import { goto } from '$app/navigation';
-  import { page } from '$app/stores';
-  import { auth } from '$lib/stores/auth.svelte';
-
-  let error = $state<string | null>(null);
-
-  onMount(async () => {
-    // Get auth result from URL params (backend redirects here with token)
-    const params = $page.url.searchParams;
-    const email = params.get('email');
-    const displayName = params.get('displayName');
-    const pbToken = params.get('token');
-    const errorMsg = params.get('error');
-
-    if (errorMsg) {
-      error = errorMsg;
-      return;
-    }
-
-    if (email && displayName && pbToken) {
-      auth.login({ email, displayName, pbToken });
-      goto('/');
-    } else {
-      error = 'Invalid callback parameters';
-    }
-  });
-</script>
-
-<h1>Authenticating...</h1>
-
-{#if error}
-  <p style="color: red;">{error}</p>
-  <a href="/">Return home</a>
-{:else}
-  <p>Please wait...</p>
-{/if}
diff --git a/ModeTemplate/frontend/static/.gitkeep b/ModeTemplate/frontend/static/.gitkeep
deleted file mode 100644
index e12d700..0000000
--- a/ModeTemplate/frontend/static/.gitkeep
+++ /dev/null
@@ -1 +0,0 @@
-/* Empty file - SvelteKit requires this */
diff --git a/ModeTemplate/frontend/svelte.config.js b/ModeTemplate/frontend/svelte.config.js
deleted file mode 100644
index b4ba783..0000000
--- a/ModeTemplate/frontend/svelte.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import adapter from '@sveltejs/adapter-static';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  preprocess: vitePreprocess(),
-  kit: {
-    adapter: adapter({
-      pages: 'build',
-      assets: 'build',
-      fallback: 'index.html',
-      precompress: false,
-    }),
-    alias: {
-      '$lib': './src/lib',
-      '$types': '../types',
-    },
-  },
-};
-
-export default config;
diff --git a/ModeTemplate/frontend/vite.config.ts b/ModeTemplate/frontend/vite.config.ts
deleted file mode 100644
index b8f3941..0000000
--- a/ModeTemplate/frontend/vite.config.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  plugins: [sveltekit()],
-  server: {
-    port: 5173,
-    proxy: {
-      '/api': {
-        target: 'http://localhost:3005',
-        changeOrigin: true,
-      },
-      '/auth': {
-        target: 'http://localhost:3005',
-        changeOrigin: true,
-      },
-    },
-  },
-});
diff --git a/ModeTemplate/package.json b/ModeTemplate/package.json
deleted file mode 100644
index e2dfb84..0000000
--- a/ModeTemplate/package.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "name": "mode-template",
-  "version": "1.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "bun run backend/server.ts",
-    "dev:frontend": "cd frontend && bun run dev",
-    "dev:all": "bun run dev & bun run dev:frontend"
-  },
-  "dependencies": {
-    "hono": "^4.0.0"
-  },
-  "devDependencies": {
-    "bun-types": "latest",
-    "typescript": "^5.0.0"
-  }
-}
diff --git a/ModeTemplate/tsconfig.json b/ModeTemplate/tsconfig.json
deleted file mode 100644
index f7e3f22..0000000
--- a/ModeTemplate/tsconfig.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "types": ["bun-types"]
-  },
-  "include": ["backend/**/*.ts", "types/**/*.ts"]
-}
diff --git a/ModeTemplate/types/README.md b/ModeTemplate/types/README.md
deleted file mode 100644
index 304320e..0000000
--- a/ModeTemplate/types/README.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# Shared Types
-
-Common types used by both frontend and backend. Keeps API contracts in sync.
-
-## Usage
-
-```typescript
-import type { User, ApiResult, PaginatedResponse } from './components/shared-types';
-
-// Backend endpoint
-app.get('/api/users', async (c): Promise<ApiResult<PaginatedResponse<User>>> => {
-  const users = await getUsers();
-  return c.json({ success: true, data: users });
-});
-
-// Frontend call
-const result = await api.get<ApiResult<PaginatedResponse<User>>>('/users');
-if (result.ok && result.data?.success) {
-  const users = result.data.data.items;
-}
-```
-
-## Types Included
-
-**User/Auth:**
-- `User` - User record
-- `AuthState` - Frontend auth state
-
-**API Responses:**
-- `SuccessResponse<T>` - `{ success: true, data: T }`
-- `ErrorResponse` - `{ success: false, error: string }`
-- `ApiResult<T>` - Either success or error
-- `PaginatedResponse<T>` - List with pagination metadata
-
-**Request Params:**
-- `PaginationParams` - `{ page?, perPage? }`
-- `SortParams` - `{ sort?, order? }`
-- `ListParams` - Combined pagination + sort
-
-**Utility Types:**
-- `CreateInput<T>` - Omits id and timestamps for creating
-- `UpdateInput<T>` - Partial without id/timestamps for updating
-
-## Copying to a Mode
-
-1. Copy `components/shared-types/` to your mode root as `types/`
-2. Import from `./types` in both frontend and backend
-
-## Dependencies
-
-None - pure TypeScript types.
diff --git a/ModeTemplate/types/index.ts b/ModeTemplate/types/index.ts
deleted file mode 100644
index d36d9f0..0000000
--- a/ModeTemplate/types/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export type {
-  User,
-  AuthState,
-  SuccessResponse,
-  ErrorResponse,
-  ApiResult,
-  PaginatedResponse,
-  PaginationParams,
-  SortParams,
-  ListParams,
-  PartialBy,
-  RequiredBy,
-  CreateInput,
-  UpdateInput,
-} from './types';
diff --git a/ModeTemplate/types/types.ts b/ModeTemplate/types/types.ts
deleted file mode 100644
index 7f345ed..0000000
--- a/ModeTemplate/types/types.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * Shared Types
- * 
- * Common types used by both frontend and backend.
- * Copy this to any Mode to ensure type consistency.
- */
-
-// ============================================
-// USER / AUTH
-// ============================================
-
-export interface User {
-  id: string;
-  email: string;
-  displayName: string;
-  role?: string;
-  createdAt?: string;
-  updatedAt?: string;
-}
-
-export interface AuthState {
-  isAuthenticated: boolean;
-  user: User | null;
-  token: string | null;
-}
-
-// ============================================
-// API RESPONSES
-// ============================================
-
-/** Standard success response */
-export interface SuccessResponse<T = unknown> {
-  success: true;
-  data: T;
-}
-
-/** Standard error response */
-export interface ErrorResponse {
-  success: false;
-  error: string;
-  code?: string;
-}
-
-/** Combined response type */
-export type ApiResult<T = unknown> = SuccessResponse<T> | ErrorResponse;
-
-/** Paginated list response */
-export interface PaginatedResponse<T> {
-  items: T[];
-  page: number;
-  perPage: number;
-  totalItems: number;
-  totalPages: number;
-}
-
-// ============================================
-// REQUEST TYPES
-// ============================================
-
-/** Standard pagination params */
-export interface PaginationParams {
-  page?: number;
-  perPage?: number;
-}
-
-/** Standard sort params */
-export interface SortParams {
-  sort?: string;
-  order?: 'asc' | 'desc';
-}
-
-/** Combined list params */
-export type ListParams = PaginationParams & SortParams;
-
-// ============================================
-// UTILITY TYPES
-// ============================================
-
-/** Make specific properties optional */
-export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-/** Make specific properties required */
-export type RequiredBy<T, K extends keyof T> = T & Required<Pick<T, K>>;
-
-/** Create/Update types - id is optional for create */
-export type CreateInput<T extends { id: string }> = Omit<T, 'id' | 'createdAt' | 'updatedAt'>;
-export type UpdateInput<T extends { id: string }> = Partial<Omit<T, 'id' | 'createdAt' | 'updatedAt'>>;
diff --git a/SESSION_LOG.md b/SESSION_LOG.md
deleted file mode 100644
index 9c6e813..0000000
--- a/SESSION_LOG.md
+++ /dev/null
@@ -1,58 +0,0 @@
-# Session Log - January 21, 2026
-
-## Summary
-
-Created reusable components and ModeTemplate as the foundation for building new Modes.
-
-## Components Created
-
-### `/components/auth/`
-- Microsoft OAuth → PocketBase token flow
-- Users must already exist in PocketBase (no user creation)
-- Files: `microsoft-oauth.ts`, `types.ts`, `index.ts`, `README.md`
-- Uses env vars: `MICROSOFT_CLIENT_ID`, `MICROSOFT_CLIENT_SECRET`, `MICROSOFT_TENANT_ID`, `MICROSOFT_REDIRECT_URI`, `MICROSOFT_SCOPES`, `PB_URL`
-
-### `/components/api-client/`
-- Frontend HTTP client with auth headers
-- Self-contained (no cross-component dependencies)
-- Files: `api-client.ts`, `index.ts`, `README.md`
-
-### `/components/shared-types/`
-- Common types for frontend/backend consistency
-- Types: `User`, `AuthState`, `ApiResult`, `PaginatedResponse`, `CreateInput`, `UpdateInput`
-- Files: `types.ts`, `index.ts`, `README.md`
-
-## ModeTemplate Created
-
-Full project template at `/ModeTemplate/`:
-
-**Backend** (`backend/`):
-- Hono server with auth routes
-- Auth module copied from components
-- Serves static frontend build
-
-**Frontend** (`frontend/`):
-- SvelteKit with Svelte 5 runes
-- Class-based auth store with SSR-safe `hydrate()` pattern
-- Routes: `/`, `/callback`
-- Builds to `build/` for static serving
-
-**Types** (`types/`):
-- Copied from shared-types component
-
-## Key Patterns Established
-
-1. **Auth Store (Svelte 5)**: Class-based with `$state` and `$derived`, `hydrate()` called in `onMount()`
-2. **SSR Safety**: All `localStorage`/`window` access guarded with `typeof` checks
-3. **Components**: Pure source files, no package.json - inherit from consuming project
-4. **Modes**: Standalone with all dependencies copied in, no external references
-
-## Commits
-
-- `05f8e2e` - Add ModeTemplate with Svelte 5 frontend and components (120 files)
-
-## Next Steps
-
-- Copy ModeTemplate to create new Modes
-- Implement mode-specific features in each copy
-- Components serve as reference - copy to modes, don't import across folders
diff --git a/auth-module/README.md b/auth-module/README.md
new file mode 100644
index 0000000..2d55281
--- /dev/null
+++ b/auth-module/README.md
@@ -0,0 +1,248 @@
+# Auth Module
+
+Standalone authentication module for PocketBase OAuth2 + Microsoft Graph integration.
+
+## Features
+
+- **Frontend**: PocketBase OAuth2 authentication with Microsoft provider
+- **Backend**: Microsoft Graph token management with automatic caching
+- **No dependencies on project-specific code** - Use in any project
+
+## Installation
+
+Copy the `auth-module` folder to your project:
+
+```bash
+cp -r auth-module /path/to/your/project/
+```
+
+Install dependencies:
+
+```bash
+bun add pocketbase @azure/msal-node
+```
+
+## Frontend Usage
+
+### Basic Setup
+
+**Important**: The frontend is browser-side code. It must receive `pbUrl` from the consuming application (not from the backend).
+
+```typescript
+import { PocketBaseAuth } from './auth-module/frontend';
+
+// In your project, load PB_URL from environment/config and pass it to frontend
+const auth = new PocketBaseAuth({
+  pbUrl: process.env.PB_URL,  // Required - must be provided by consuming application
+  collection: 'Users',
+  provider: 'microsoft',
+  loginContainerId: 'loginContainer',
+  userDisplayNameId: 'userDisplayName',
+  userEmailId: 'userEmailValue',
+  loginBtnId: 'loginBtn',
+  loginErrorId: 'loginError',
+});
+```
+
+### HTML Required
+
+```html
+<!-- Login container (shown when not authenticated) -->
+<div id="loginContainer" class="hidden">
+  <button id="loginBtn">Login with Microsoft</button>
+  <div id="loginError" class="hidden"></div>
+</div>
+
+<!-- User display (shown when authenticated) -->
+<div id="userDisplayName"></div>
+<div id="userEmailValue"></div>
+```
+
+### Event Callbacks
+
+```typescript
+const auth = new PocketBaseAuth(config, {
+  onAuthSuccess: (state) => {
+    console.log('Logged in:', state.user.email);
+    // Initialize other systems here
+  },
+  onAuthFailure: (error) => {
+    console.error('Login failed:', error);
+  },
+  onTokenUpdate: (state) => {
+    console.log('Token refreshed');
+  },
+  onUiUpdate: (state) => {
+    console.log('UI updated');
+  },
+});
+```
+
+### Methods
+
+```typescript
+// Get current auth state
+const state = auth.getAuthState();
+console.log(state.isAuthenticated, state.user);
+
+// Check token status
+const status = await auth.checkTokenStatus();
+
+// Logout
+auth.logout();
+
+// Get raw PocketBase instance if needed
+const pb = auth.getPocketBase();
+```
+
+## Backend Usage
+
+### Setup (server.ts)
+
+```typescript
+import { GraphTokenManager, PocketBaseValidator, BackendAuth } from './auth-module/backend';
+
+// Option 1: Use individual managers
+const graphMgr = new GraphTokenManager({
+  clientId: process.env.CLIENT_ID,
+  tenantId: process.env.TENANT_ID,
+  clientSecret: process.env.CLIENT_SECRET,
+});
+
+const pbValidator = new PocketBaseValidator(process.env.PB_DB);
+
+// Option 2: Use combined manager
+const backendAuth = new BackendAuth({
+  clientId: process.env.CLIENT_ID,
+  tenantId: process.env.TENANT_ID,
+  clientSecret: process.env.CLIENT_SECRET,
+}, process.env.PB_DB);
+```
+
+### Get Graph Token
+
+```typescript
+// Get token string
+const token = await graphMgr.getToken();
+
+// Get token with expiration
+const { token, expiresOnISO } = await graphMgr.getTokenWithExpiry();
+
+// Check if cached and valid
+if (graphMgr.isTokenValid()) {
+  console.log('Using cached token');
+}
+
+// Clear cache (force refresh)
+graphMgr.clearCache();
+```
+
+### Validate PocketBase Token
+
+```typescript
+// Validate token
+const isValid = await pbValidator.validateUserToken(token);
+
+// Get user record
+const user = await pbValidator.getUserRecord(token);
+
+// Get PocketBase instance
+const pb = pbValidator.getPocketBase();
+```
+
+### Endpoint Example
+
+```typescript
+app.get('/api/graph/status', async (c) => {
+  try {
+    const { token, expiresOnISO } = await graphMgr.getTokenWithExpiry();
+    return c.json({
+      active: true,
+      expiresOnISO,
+    });
+  } catch (error) {
+    return c.json(
+      { active: false, error: error.message },
+      500
+    );
+  }
+});
+
+app.post('/api/submit', async (c) => {
+  const body = await c.req.json();
+  const pbToken = body.pbToken;
+
+  if (!pbToken) {
+    return c.json({ error: 'Missing pbToken' }, 401);
+  }
+
+  const isValid = await pbValidator.validateUserToken(pbToken);
+  if (!isValid) {
+    return c.json({ error: 'Invalid token' }, 401);
+  }
+
+  // Token is valid, proceed with business logic
+  // ...
+});
+```
+
+## Environment Variables
+
+Required in `.env` file:
+
+```env
+CLIENT_ID=your-microsoft-app-id
+TENANT_ID=your-azure-tenant-id
+CLIENT_SECRET=your-microsoft-client-secret
+PB_DB=https://your-pocketbase-instance.com
+PB_URL=https://your-pocketbase-instance.com
+```
+
+## Configuration
+
+### Frontend Config Options
+
+```typescript
+interface AuthConfig {
+  pbUrl: string;                     // PocketBase URL (required)
+  collection?: string;                // Auth collection (default: Users)
+  provider?: string;                  // OAuth provider (default: microsoft)
+  loginContainerId?: string;          // ID of login container element
+  userDisplayNameId?: string;         // ID of user name display element
+  userEmailId?: string;               // ID of user email display element
+  loginBtnId?: string;                // ID of login button element
+  loginErrorId?: string;              // ID of error message element
+}
+```
+
+### Backend Config Options
+
+```typescript
+interface BackendAuthConfig {
+  clientId?: string;      // Microsoft app ID (or CLIENT_ID env var)
+  tenantId?: string;      // Azure tenant ID (or TENANT_ID env var)
+  clientSecret?: string;  // Client secret (or CLIENT_SECRET env var)
+}
+```
+
+## TypeScript
+
+The module exports TypeScript types for type safety:
+
+```typescript
+import { AuthState, AuthConfig, GraphTokenCache } from './auth-module/types';
+
+const state: AuthState = auth.getAuthState();
+```
+
+## Notes
+
+- **Frontend** manages user authentication only
+- **Backend** manages Graph API tokens (never exposed to client)
+- Tokens are cached in-memory on backend with automatic refresh
+- Module does not include project-specific features (alerts, etc.)
+- Each project can implement its own business logic on top
+
+## License
+
+Same as parent project
diff --git a/auth-module/backend.ts b/auth-module/backend.ts
new file mode 100644
index 0000000..a28027f
--- /dev/null
+++ b/auth-module/backend.ts
@@ -0,0 +1,204 @@
+import { config } from 'dotenv';
+import { ConfidentialClientApplication } from '@azure/msal-node';
+import PocketBase from 'pocketbase';
+import { GraphTokenCache, BackendAuthConfig } from './types';
+
+// Load environment variables from shared secrets directory
+config({ path: '/home/admin/secrets/.env' });
+
+/**
+ * Configuration Manager
+ * Exposes frontend-safe configuration loaded from environment
+ */
+export class AuthConfigManager {
+  /**
+   * Get frontend configuration (safe to expose to browser)
+   */
+  static getFrontendConfig() {
+    return {
+      pbUrl: process.env.PB_URL!,
+      provider: 'microsoft',
+      collection: 'Users',
+    };
+  }
+
+  /**
+   * Get all backend secrets (never expose to frontend)
+   */
+  static getBackendConfig() {
+    return {
+      clientId: process.env.CLIENT_ID!,
+      tenantId: process.env.TENANT_ID!,
+      clientSecret: process.env.CLIENT_SECRET!,
+      pbDb: process.env.PB_DB!,
+    };
+  }
+}
+
+/**
+ * Microsoft Graph Token Management (Backend)
+ * Handles token acquisition and caching for backend Graph API calls
+ */
+export class GraphTokenManager {
+  private cca: ConfidentialClientApplication;
+  private cache: GraphTokenCache | null = null;
+  private config: Required<BackendAuthConfig>;
+
+  constructor(config: BackendAuthConfig) {
+    this.config = {
+      clientId: config.clientId || process.env.CLIENT_ID || '',
+      tenantId: config.tenantId || process.env.TENANT_ID || '',
+      clientSecret: config.clientSecret || process.env.CLIENT_SECRET || '',
+    };
+
+    this.cca = new ConfidentialClientApplication({
+      auth: {
+        clientId: this.config.clientId,
+        authority: `https://login.microsoftonline.com/${this.config.tenantId}`,
+        clientSecret: this.config.clientSecret,
+      },
+    });
+  }
+
+  /**
+   * Get Graph token (from cache or acquire new)
+   */
+  async getToken(): Promise<string> {
+    const now = Date.now();
+
+    // Check cache validity (with 60s buffer for expiration)
+    if (this.cache && this.cache.expiresOn - 60000 > now) {
+      return this.cache.token;
+    }
+
+    try {
+      const result = await this.cca.acquireTokenByClientCredential({
+        scopes: ['https://graph.microsoft.com/.default'],
+      });
+
+      if (!result?.accessToken) {
+        throw new Error('Failed to acquire Graph token');
+      }
+
+      const expiresOn = result.expiresOn
+        ? new Date(result.expiresOn).getTime()
+        : now + 55 * 60 * 1000; // Default 55 minutes
+
+      this.cache = {
+        token: result.accessToken,
+        expiresOn,
+      };
+
+      return result.accessToken;
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Unknown error';
+      throw new Error(`Failed to acquire Graph token: ${message}`);
+    }
+  }
+
+  /**
+   * Get token with expiration info
+   */
+  async getTokenWithExpiry(): Promise<{ token: string; expiresOnISO: string }> {
+    const token = await this.getToken();
+    const expiresOn = this.cache?.expiresOn || Date.now();
+    return {
+      token,
+      expiresOnISO: new Date(expiresOn).toISOString(),
+    };
+  }
+
+  /**
+   * Check if token is cached and valid
+   */
+  isTokenValid(): boolean {
+    if (!this.cache) return false;
+    const now = Date.now();
+    return this.cache.expiresOn - 60000 > now;
+  }
+
+  /**
+   * Clear cache (force refresh on next call)
+   */
+  clearCache(): void {
+    this.cache = null;
+  }
+}
+
+/**
+ * PocketBase Token Validation (Backend)
+ * Validates and uses user PocketBase tokens
+ */
+export class PocketBaseValidator {
+  private pb: PocketBase;
+
+  constructor(pbUrl?: string) {
+    this.pb = new PocketBase(pbUrl || process.env.PB_DB!);
+  }
+
+  /**
+   * Set user token and validate it
+   */
+  async validateUserToken(token: string): Promise<boolean> {
+    try {
+      this.pb.authStore.save(token, null);
+      await this.pb.collection('Users').authRefresh();
+      return true;
+    } catch (error) {
+      console.error('Token validation failed:', error instanceof Error ? error.message : error);
+      return false;
+    }
+  }
+
+  /**
+   * Get user record from token
+   */
+  async getUserRecord(token: string): Promise<any> {
+    try {
+      this.pb.authStore.save(token, null);
+      const record = this.pb.authStore.record || this.pb.authStore.model;
+      return record;
+    } catch (error) {
+      console.error('Failed to get user record:', error);
+      return null;
+    }
+  }
+
+  /**
+   * Get PocketBase instance
+   */
+  getPocketBase(): PocketBase {
+    return this.pb;
+  }
+}
+
+/**
+ * Combined backend auth manager
+ */
+export class BackendAuth {
+  graphTokenManager: GraphTokenManager;
+  pbValidator: PocketBaseValidator;
+
+  constructor(config: BackendAuthConfig, pbUrl?: string) {
+    this.graphTokenManager = new GraphTokenManager(config);
+    this.pbValidator = new PocketBaseValidator(pbUrl);
+  }
+
+  /**
+   * Middleware to validate PocketBase token in requests
+   * Usage: app.use('/*', (c, next) => backendAuth.validateTokenMiddleware(c, next))
+   */
+  async validateTokenMiddleware(c: any, next: any): Promise<any> {
+    const token = c.req.header('Authorization')?.replace('Bearer ', '') ||
+                  (await c.req.json().catch(() => ({})))?.pbToken;
+
+    if (token) {
+      const isValid = await this.pbValidator.validateUserToken(token);
+      if (!isValid) {
+        return c.json({ error: 'Invalid token' }, 401);
+      }
+    }
+
+    return next();
+  }
+}
diff --git a/auth-module/frontend.ts b/auth-module/frontend.ts
new file mode 100644
index 0000000..650805a
--- /dev/null
+++ b/auth-module/frontend.ts
@@ -0,0 +1,250 @@
+import PocketBase from 'pocketbase';
+import { AuthConfig, AuthState, AuthCallbacks } from './types';
+
+/**
+ * PocketBase OAuth2 Frontend Module
+ * Handles user authentication and token management
+ */
+export class PocketBaseAuth {
+  private pb: PocketBase;
+  private config: Required<AuthConfig>;
+  private callbacks: AuthCallbacks;
+  private state: AuthState;
+
+  constructor(config: AuthConfig, callbacks?: Partial<AuthCallbacks>) {
+    this.config = {
+      pbUrl: config.pbUrl!,
+      collection: config.collection || 'Users',
+      provider: config.provider || 'microsoft',
+      loginContainerId: config.loginContainerId || 'loginContainer',
+      userDisplayNameId: config.userDisplayNameId || 'userDisplayName',
+      userEmailId: config.userEmailId || 'userEmailValue',
+      loginBtnId: config.loginBtnId || 'loginBtn',
+      loginErrorId: config.loginErrorId || 'loginError',
+    };
+
+    this.callbacks = {
+      onAuthSuccess: callbacks?.onAuthSuccess || (() => {}),
+      onAuthFailure: callbacks?.onAuthFailure || (() => {}),
+      onTokenUpdate: callbacks?.onTokenUpdate || (() => {}),
+      onUiUpdate: callbacks?.onUiUpdate || (() => {}),
+    };
+
+    this.pb = new PocketBase(this.config.pbUrl);
+    this.state = {
+      isAuthenticated: false,
+      user: null,
+      token: null,
+    };
+
+    this.init();
+  }
+
+  /**
+   * Initialize auth module
+   */
+  private init(): void {
+    this.updateAuthUI();
+    if (this.pb.authStore.isValid && this.pb.authStore.token) {
+      this.ensureUserLogged();
+    }
+    this.setupLoginButton();
+  }
+
+  /**
+   * Setup login button click handler
+   */
+  private setupLoginButton(): void {
+    const loginBtn = document.getElementById(this.config.loginBtnId);
+    if (!loginBtn) {
+      console.warn(`Login button with id "${this.config.loginBtnId}" not found`);
+      return;
+    }
+
+    loginBtn.addEventListener('click', async (e) => {
+      e.preventDefault();
+      await this.handleLogin();
+    });
+  }
+
+  /**
+   * Handle login button click
+   */
+  private async handleLogin(): Promise<void> {
+    const loginBtn = document.getElementById(this.config.loginBtnId) as HTMLButtonElement;
+    const loginError = document.getElementById(this.config.loginErrorId) as HTMLElement;
+
+    if (!loginBtn || !loginError) return;
+
+    loginBtn.disabled = true;
+    loginBtn.textContent = 'Checking session...';
+    loginError.classList.add('hidden');
+
+    try {
+      // Try to use existing token first
+      const hadToken = await this.ensureUserLogged();
+      if (hadToken) {
+        this.resetLoginButton();
+        return;
+      }
+
+      // Otherwise perform OAuth
+      loginBtn.textContent = 'Logging in...';
+      const authData = await this.pb.collection(this.config.collection).authWithOAuth2({
+        provider: this.config.provider,
+      });
+
+      this.updateState(authData);
+      this.updateAuthUI();
+      this.callbacks.onAuthSuccess?.(this.state);
+
+      console.log('✓ Logged in with', this.config.provider);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Unknown error';
+      console.error('Login failed:', message);
+      loginError.textContent = `Login failed: ${message}`;
+      loginError.classList.remove('hidden');
+      this.callbacks.onAuthFailure?.(error);
+    } finally {
+      this.resetLoginButton();
+    }
+  }
+
+  /**
+   * Ensure user is logged in (check existing token)
+   */
+  async ensureUserLogged(): Promise<boolean> {
+    if (!this.pb.authStore.isValid || !this.pb.authStore.token) {
+      return false;
+    }
+
+    try {
+      const refresh = await this.pb.collection(this.config.collection).authRefresh();
+      this.updateState(refresh);
+      this.updateAuthUI();
+      this.callbacks.onTokenUpdate?.(this.state);
+      console.log('✓ Token refreshed');
+      return true;
+    } catch (error) {
+      console.warn('Existing token invalid, clearing auth');
+      this.pb.authStore.clear();
+      this.updateState(null);
+      this.updateAuthUI();
+      return false;
+    }
+  }
+
+  /**
+   * Update internal auth state
+   */
+  private updateState(data: any): void {
+    if (!data) {
+      this.state = {
+        isAuthenticated: false,
+        user: null,
+        token: null,
+      };
+      return;
+    }
+
+    const record = data.record || this.pb.authStore.record || this.pb.authStore.model;
+    const meta = data.meta || {};
+    const model = this.pb.authStore.model;
+
+    this.state = {
+      isAuthenticated: true,
+      user: {
+        id: record?.id || model?.id || 'unknown',
+        name: record?.name || model?.name || meta?.name || record?.email || model?.email || 'Unknown User',
+        email: record?.email || model?.email || meta?.email || '(no email)',
+      },
+      token: this.pb.authStore.token,
+    };
+  }
+
+  /**
+   * Update UI based on auth state
+   */
+  updateAuthUI(): void {
+    const loginContainer = document.getElementById(this.config.loginContainerId);
+    const userDisplayName = document.getElementById(this.config.userDisplayNameId);
+    const userEmail = document.getElementById(this.config.userEmailId);
+
+    if (!loginContainer) return;
+
+    if (this.pb.authStore.isValid) {
+      loginContainer.classList.add('hidden');
+      if (this.state.user) {
+        if (userDisplayName) userDisplayName.textContent = this.state.user.name;
+        if (userEmail) userEmail.textContent = this.state.user.email;
+      }
+    } else {
+      loginContainer.classList.remove('hidden');
+      const loginError = document.getElementById(this.config.loginErrorId);
+      if (loginError) loginError.classList.add('hidden');
+    }
+
+    this.callbacks.onUiUpdate?.(this.state);
+  }
+
+  /**
+   * Check token status (for verification/display)
+   */
+  async checkTokenStatus(): Promise<{ pbToken: boolean; tokenExpiry?: string }> {
+    const pbToken = !!this.pb.authStore.token;
+    return { pbToken };
+  }
+
+  /**
+   * Get current auth state
+   */
+  getAuthState(): AuthState {
+    return { ...this.state };
+  }
+
+  /**
+   * Get PocketBase instance (for direct usage if needed)
+   */
+  getPocketBase(): PocketBase {
+    return this.pb;
+  }
+
+  /**
+   * Logout
+   */
+  logout(): void {
+    this.pb.authStore.clear();
+    this.updateState(null);
+    this.updateAuthUI();
+    console.log('✓ Logged out');
+  }
+
+  /**
+   * Reset login button to initial state
+   */
+  private resetLoginButton(): void {
+    const loginBtn = document.getElementById(this.config.loginBtnId) as HTMLButtonElement;
+    if (loginBtn) {
+      loginBtn.disabled = false;
+      loginBtn.textContent = 'Login with Microsoft';
+    }
+  }
+}
+
+/**
+ * Quick init function - fetches config from backend
+ */
+export async function initPocketBaseAuth(
+  backendUrl: string,
+  callbacks?: Partial<AuthCallbacks>
+): Promise<PocketBaseAuth> {
+  // Fetch frontend config from backend
+  const response = await fetch(`${backendUrl}/api/auth/config`);
+  if (!response.ok) {
+    throw new Error('Failed to fetch auth configuration from backend');
+  }
+  const config = await response.json();
+  
+  const auth = new PocketBaseAuth(config, callbacks);
+  return auth;
+}
diff --git a/auth-module/types.ts b/auth-module/types.ts
new file mode 100644
index 0000000..b320f76
--- /dev/null
+++ b/auth-module/types.ts
@@ -0,0 +1,62 @@
+/**
+ * Frontend Auth Configuration
+ */
+export interface AuthConfig {
+  pbUrl: string;              // PocketBase URL (required)
+  collection?: string;
+  provider?: string;
+  loginContainerId?: string;
+  userDisplayNameId?: string;
+  userEmailId?: string;
+  loginBtnId?: string;
+  loginErrorId?: string;
+}
+
+/**
+ * Frontend configuration provided by backend
+ */
+export interface FrontendConfig {
+  pbUrl: string;
+  provider?: string;
+  collection?: string;
+}
+
+/**
+ * Backend Auth Configuration
+ */
+export interface BackendAuthConfig {
+  clientId?: string;
+  tenantId?: string;
+  clientSecret?: string;
+}
+
+/**
+ * Auth state object
+ */
+export interface AuthState {
+  isAuthenticated: boolean;
+  user: {
+    id: string;
+    name: string;
+    email: string;
+  } | null;
+  token: string | null;
+}
+
+/**
+ * Graph token cache object
+ */
+export interface GraphTokenCache {
+  token: string;
+  expiresOn: number;
+}
+
+/**
+ * Auth event callbacks
+ */
+export interface AuthCallbacks {
+  onAuthSuccess?: (state: AuthState) => void;
+  onAuthFailure?: (error: any) => void;
+  onTokenUpdate?: (state: AuthState) => void;
+  onUiUpdate?: (state: AuthState) => void;
+}
diff --git a/components/api-client/README.md b/components/api-client/README.md
deleted file mode 100644
index bef303f..0000000
--- a/components/api-client/README.md
+++ /dev/null
@@ -1,59 +0,0 @@
-# API Client Component
-
-Frontend helper for making authenticated requests to the backend.
-
-## Usage
-
-```typescript
-import { createApiClient } from './components/api-client';
-import { STORAGE_KEYS } from './components/auth';
-
-// Create client with token getter
-const api = createApiClient({
-  baseUrl: '/api',  // or 'http://localhost:3005/api'
-  getToken: () => localStorage.getItem(STORAGE_KEYS.PB_TOKEN),
-});
-
-// Make requests
-const result = await api.get<User[]>('/users');
-
-if (result.ok) {
-  console.log(result.data);  // User[]
-} else {
-  console.error(result.error);  // Error message
-}
-
-// POST with body
-const created = await api.post<Job>('/jobs', {
-  title: 'New Job',
-  status: 'open',
-});
-```
-
-## Methods
-
-- `api.get<T>(path)` - GET request
-- `api.post<T>(path, body?)` - POST request
-- `api.put<T>(path, body?)` - PUT request
-- `api.patch<T>(path, body?)` - PATCH request
-- `api.delete<T>(path)` - DELETE request
-
-## Response Type
-
-```typescript
-interface ApiResponse<T> {
-  ok: boolean;      // true if status 2xx
-  status: number;   // HTTP status code
-  data?: T;         // Response data (if ok)
-  error?: string;   // Error message (if not ok)
-}
-```
-
-## Copying to a Mode
-
-1. Copy `components/api-client/` to your mode's `frontend/lib/api-client/`
-2. Update imports
-
-## Dependencies
-
-None - fully self-contained. No package.json needed - inherits from consuming project.
diff --git a/components/api-client/api-client.ts b/components/api-client/api-client.ts
deleted file mode 100644
index a71ce19..0000000
--- a/components/api-client/api-client.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * API Client Component
- * 
- * Frontend helper for making authenticated requests to the backend.
- * Uses PocketBase token from auth session.
- */
-
-// Header constants (inline to avoid cross-component dependency)
-const HEADERS = {
-  AUTH: 'Authorization',
-  CONTENT_TYPE: 'Content-Type',
-} as const;
-
-const CONTENT_TYPES = {
-  JSON: 'application/json',
-} as const;
-
-function authHeader(token: string): string {
-  return `Bearer ${token}`;
-}
-
-export interface ApiResponse<T = unknown> {
-  ok: boolean;
-  status: number;
-  data?: T;
-  error?: string;
-}
-
-export interface ApiClientConfig {
-  baseUrl: string;
-  getToken: () => string | null;
-}
-
-/**
- * Create an API client instance
- */
-export function createApiClient(config: ApiClientConfig) {
-  const { baseUrl, getToken } = config;
-
-  async function request<T>(
-    method: string,
-    path: string,
-    body?: unknown
-  ): Promise<ApiResponse<T>> {
-    const token = getToken();
-    
-    const headers: Record<string, string> = {
-      [HEADERS.CONTENT_TYPE]: CONTENT_TYPES.JSON,
-    };
-
-    if (token) {
-      headers[HEADERS.AUTH] = authHeader(token);
-    }
-
-    try {
-      const response = await fetch(`${baseUrl}${path}`, {
-        method,
-        headers,
-        body: body ? JSON.stringify(body) : undefined,
-      });
-
-      const data = response.headers.get('content-type')?.includes('application/json')
-        ? await response.json()
-        : await response.text();
-
-      if (!response.ok) {
-        return {
-          ok: false,
-          status: response.status,
-          error: typeof data === 'string' ? data : data.message || 'Request failed',
-        };
-      }
-
-      return {
-        ok: true,
-        status: response.status,
-        data: data as T,
-      };
-    } catch (err) {
-      return {
-        ok: false,
-        status: 0,
-        error: err instanceof Error ? err.message : 'Network error',
-      };
-    }
-  }
-
-  return {
-    get: <T>(path: string) => request<T>('GET', path),
-    post: <T>(path: string, body?: unknown) => request<T>('POST', path, body),
-    put: <T>(path: string, body?: unknown) => request<T>('PUT', path, body),
-    patch: <T>(path: string, body?: unknown) => request<T>('PATCH', path, body),
-    delete: <T>(path: string) => request<T>('DELETE', path),
-  };
-}
-
-export type ApiClient = ReturnType<typeof createApiClient>;
diff --git a/components/api-client/index.ts b/components/api-client/index.ts
deleted file mode 100644
index 89b2712..0000000
--- a/components/api-client/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { createApiClient } from './api-client';
-export type { ApiResponse, ApiClientConfig, ApiClient } from './api-client';
diff --git a/components/auth/README.md b/components/auth/README.md
deleted file mode 100644
index c5bcc14..0000000
--- a/components/auth/README.md
+++ /dev/null
@@ -1,84 +0,0 @@
-# Auth Component
-
-Microsoft OAuth authentication that returns user info and a PocketBase token.
-
-**Users must already exist in PocketBase - no user creation. Access denied if user not found.**
-
-## What it does
-
-1. Redirects user to Microsoft login
-2. Exchanges auth code for access token
-3. Gets user's email and display name from Microsoft Graph
-4. Checks if user exists in PocketBase (denies access if not)
-5. Returns PocketBase auth token
-
-## Environment Variables Used
-
-These variables exist in `/home/admin/secrets/.env`:
-
-```
-MICROSOFT_CLIENT_ID
-MICROSOFT_CLIENT_SECRET
-MICROSOFT_TENANT_ID
-MICROSOFT_REDIRECT_URI
-MICROSOFT_SCOPES
-PB_URL
-```
-
-## Usage in Hono Backend
-
-```typescript
-import { Hono } from 'hono';
-import { getAuthUrl, handleCallback, getConfigFromEnv } from './components/auth';
-
-const app = new Hono();
-const config = getConfigFromEnv();
-
-// Redirect to Microsoft login
-app.get('/auth/login', (c) => {
-  return c.redirect(getAuthUrl(config));
-});
-
-// Handle callback from Microsoft
-app.get('/auth/callback', async (c) => {
-  const code = c.req.query('code');
-  
-  if (!code) {
-    return c.json({ error: 'No authorization code' }, 400);
-  }
-
-  try {
-    const result = await handleCallback(code, config);
-    
-    // result contains:
-    // - email: string
-    // - displayName: string  
-    // - pocketbaseToken: string
-    
-    return c.json(result);
-  } catch (err) {
-    // User doesn't exist or auth failed
-    return c.json({ error: String(err) }, 403);
-  }
-});
-```
-
-## Copying to a Mode
-
-1. Copy the entire `components/auth/` folder to your mode's `backend/modules/auth/`
-2. Update imports in your server
-3. Environment variables are loaded from secrets at runtime
-
-## Dependencies
-
-None - uses native fetch API (Bun/Node 18+). No package.json needed - inherits from consuming project.
-
-## Returns
-
-```typescript
-interface AuthResult {
-  email: string;           // User's email from Microsoft
-  displayName: string;     // User's display name from Microsoft
-  pocketbaseToken: string; // Auth token for PocketBase API calls
-}
-```
diff --git a/components/auth/index.ts b/components/auth/index.ts
deleted file mode 100644
index 6857c77..0000000
--- a/components/auth/index.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export { 
-  getAuthUrl, 
-  handleCallback,
-  exchangeCodeForToken,
-  getMicrosoftUserInfo,
-  getPocketBaseToken,
-  getConfigFromEnv,
-} from './microsoft-oauth';
-
-export type { 
-  AuthResult, 
-  OAuthConfig 
-} from './microsoft-oauth';
-
-export {
-  HEADERS,
-  CONTENT_TYPES,
-  STORAGE_KEYS,
-  pbAuthHeader,
-  pbHeaders,
-  isSessionExpired,
-} from './types';
-
-export type {
-  MicrosoftTokens,
-  PocketBaseTokens,
-  AuthSession,
-} from './types';
diff --git a/components/auth/microsoft-oauth.ts b/components/auth/microsoft-oauth.ts
deleted file mode 100644
index 9a6c3b2..0000000
--- a/components/auth/microsoft-oauth.ts
+++ /dev/null
@@ -1,208 +0,0 @@
-/**
- * Microsoft OAuth Module
- * 
- * Handles Microsoft OAuth flow to authenticate users and retrieve:
- * - User's email
- * - User's display name
- * - PocketBase auth token (user must already exist)
- * 
- * Environment Variables Used:
- * - MICROSOFT_CLIENT_ID
- * - MICROSOFT_CLIENT_SECRET
- * - MICROSOFT_TENANT_ID
- * - MICROSOFT_REDIRECT_URI
- * - MICROSOFT_SCOPES
- * - PB_URL
- */
-
-interface MicrosoftTokenResponse {
-  access_token: string;
-  token_type: string;
-  expires_in: number;
-  scope: string;
-  refresh_token?: string;
-}
-
-interface MicrosoftUserInfo {
-  id: string;
-  displayName: string;
-  mail: string;
-  userPrincipalName: string;
-}
-
-export interface AuthResult {
-  email: string;
-  displayName: string;
-  pocketbaseToken: string;
-}
-
-export interface OAuthConfig {
-  clientId: string;
-  clientSecret: string;
-  tenantId: string;
-  redirectUri: string;
-  scopes: string;
-  pbUrl: string;
-}
-
-/**
- * Build config from process.env
- */
-export function getConfigFromEnv(): OAuthConfig {
-  const clientId = process.env.MICROSOFT_CLIENT_ID;
-  const clientSecret = process.env.MICROSOFT_CLIENT_SECRET;
-  const tenantId = process.env.MICROSOFT_TENANT_ID;
-  const redirectUri = process.env.MICROSOFT_REDIRECT_URI;
-  const scopes = process.env.MICROSOFT_SCOPES;
-  const pbUrl = process.env.PB_URL;
-
-  if (!clientId || !clientSecret || !tenantId || !redirectUri || !scopes || !pbUrl) {
-    throw new Error('Missing required OAuth environment variables');
-  }
-
-  return { clientId, clientSecret, tenantId, redirectUri, scopes, pbUrl };
-}
-
-/**
- * Generate the Microsoft OAuth authorization URL
- */
-export function getAuthUrl(config: OAuthConfig): string {
-  const params = new URLSearchParams({
-    client_id: config.clientId,
-    response_type: 'code',
-    redirect_uri: config.redirectUri,
-    response_mode: 'query',
-    scope: config.scopes,
-    state: crypto.randomUUID(),
-  });
-
-  return `https://login.microsoftonline.com/${config.tenantId}/oauth2/v2.0/authorize?${params}`;
-}
-
-/**
- * Exchange authorization code for access token
- */
-export async function exchangeCodeForToken(
-  code: string,
-  config: OAuthConfig
-): Promise<MicrosoftTokenResponse> {
-  const response = await fetch(
-    `https://login.microsoftonline.com/${config.tenantId}/oauth2/v2.0/token`,
-    {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/x-www-form-urlencoded',
-      },
-      body: new URLSearchParams({
-        client_id: config.clientId,
-        client_secret: config.clientSecret,
-        code,
-        redirect_uri: config.redirectUri,
-        grant_type: 'authorization_code',
-        scope: config.scopes,
-      }),
-    }
-  );
-
-  if (!response.ok) {
-    const error = await response.text();
-    throw new Error(`Token exchange failed: ${error}`);
-  }
-
-  return response.json();
-}
-
-/**
- * Get user info from Microsoft Graph API
- */
-export async function getMicrosoftUserInfo(
-  accessToken: string
-): Promise<MicrosoftUserInfo> {
-  const response = await fetch('https://graph.microsoft.com/v1.0/me', {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-
-  if (!response.ok) {
-    const error = await response.text();
-    throw new Error(`Failed to get user info: ${error}`);
-  }
-
-  return response.json();
-}
-
-/**
- * Authenticate existing user with PocketBase
- * User MUST already exist - no user creation
- */
-export async function getPocketBaseToken(
-  email: string,
-  pbUrl: string
-): Promise<string> {
-  // Look up user by email - user must exist
-  const searchResponse = await fetch(
-    `${pbUrl}/api/collections/users/records?filter=(email='${encodeURIComponent(email)}')`,
-    {
-      headers: {
-        'Content-Type': 'application/json',
-      },
-    }
-  );
-
-  if (!searchResponse.ok) {
-    throw new Error('Failed to query PocketBase');
-  }
-
-  const searchData = await searchResponse.json();
-  
-  if (!searchData.items || searchData.items.length === 0) {
-    throw new Error('Access denied: User does not exist');
-  }
-
-  // User exists - authenticate via OAuth
-  const authResponse = await fetch(`${pbUrl}/api/collections/users/auth-with-oauth2`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify({
-      provider: 'microsoft',
-    }),
-  });
-
-  if (!authResponse.ok) {
-    const error = await authResponse.text();
-    throw new Error(`PocketBase auth failed: ${error}`);
-  }
-
-  const data = await authResponse.json();
-  return data.token;
-}
-
-/**
- * Complete OAuth flow: code -> user info + PocketBase token
- * Denies access if user doesn't exist in PocketBase
- */
-export async function handleCallback(
-  code: string,
-  config: OAuthConfig
-): Promise<AuthResult> {
-  // 1. Exchange code for Microsoft access token
-  const tokenResponse = await exchangeCodeForToken(code, config);
-
-  // 2. Get user info from Microsoft Graph
-  const userInfo = await getMicrosoftUserInfo(tokenResponse.access_token);
-
-  const email = userInfo.mail || userInfo.userPrincipalName;
-  const displayName = userInfo.displayName;
-
-  // 3. Get PocketBase auth token (user must exist)
-  const pocketbaseToken = await getPocketBaseToken(email, config.pbUrl);
-
-  return {
-    email,
-    displayName,
-    pocketbaseToken,
-  };
-}
diff --git a/components/auth/types.ts b/components/auth/types.ts
deleted file mode 100644
index 9b32e5f..0000000
--- a/components/auth/types.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-/**
- * Auth Constants & Types
- * 
- * Standard naming conventions for auth-related values.
- * Use these throughout all modes to maintain consistency.
- */
-
-// ============================================
-// TOKEN TYPES
-// ============================================
-
-/** Token received from Microsoft OAuth */
-export interface MicrosoftTokens {
-  accessToken: string;
-  refreshToken?: string;
-  expiresIn: number;
-}
-
-/** Token received from PocketBase */
-export interface PocketBaseTokens {
-  token: string;
-  // PB tokens don't have separate refresh - they expire and re-auth is needed
-}
-
-/** Combined auth state after successful login */
-export interface AuthSession {
-  email: string;
-  displayName: string;
-  pbToken: string;           // PocketBase auth token
-  msAccessToken?: string;    // Microsoft access token (if needed for Graph API calls)
-  expiresAt?: number;        // Unix timestamp when session expires
-}
-
-// ============================================
-// HEADER NAMES
-// ============================================
-
-export const HEADERS = {
-  /** Authorization header for PocketBase API calls */
-  PB_AUTH: 'Authorization',
-  
-  /** Content type for JSON requests */
-  CONTENT_TYPE: 'Content-Type',
-} as const;
-
-// ============================================
-// HEADER VALUES
-// ============================================
-
-export const CONTENT_TYPES = {
-  JSON: 'application/json',
-  FORM: 'application/x-www-form-urlencoded',
-} as const;
-
-// ============================================
-// COOKIE/STORAGE KEYS
-// ============================================
-
-export const STORAGE_KEYS = {
-  /** PocketBase token storage key */
-  PB_TOKEN: 'pb_token',
-  
-  /** Session data storage key */
-  SESSION: 'auth_session',
-} as const;
-
-// ============================================
-// HELPER FUNCTIONS
-// ============================================
-
-/**
- * Create Authorization header value for PocketBase
- */
-export function pbAuthHeader(token: string): string {
-  return `Bearer ${token}`;
-}
-
-/**
- * Create headers object for PocketBase API calls
- */
-export function pbHeaders(token?: string): Record<string, string> {
-  const headers: Record<string, string> = {
-    [HEADERS.CONTENT_TYPE]: CONTENT_TYPES.JSON,
-  };
-  
-  if (token) {
-    headers[HEADERS.PB_AUTH] = pbAuthHeader(token);
-  }
-  
-  return headers;
-}
-
-/**
- * Check if session is expired
- */
-export function isSessionExpired(session: AuthSession): boolean {
-  if (!session.expiresAt) return false;
-  return Date.now() > session.expiresAt;
-}
diff --git a/components/shared-types/README.md b/components/shared-types/README.md
deleted file mode 100644
index 304320e..0000000
--- a/components/shared-types/README.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# Shared Types
-
-Common types used by both frontend and backend. Keeps API contracts in sync.
-
-## Usage
-
-```typescript
-import type { User, ApiResult, PaginatedResponse } from './components/shared-types';
-
-// Backend endpoint
-app.get('/api/users', async (c): Promise<ApiResult<PaginatedResponse<User>>> => {
-  const users = await getUsers();
-  return c.json({ success: true, data: users });
-});
-
-// Frontend call
-const result = await api.get<ApiResult<PaginatedResponse<User>>>('/users');
-if (result.ok && result.data?.success) {
-  const users = result.data.data.items;
-}
-```
-
-## Types Included
-
-**User/Auth:**
-- `User` - User record
-- `AuthState` - Frontend auth state
-
-**API Responses:**
-- `SuccessResponse<T>` - `{ success: true, data: T }`
-- `ErrorResponse` - `{ success: false, error: string }`
-- `ApiResult<T>` - Either success or error
-- `PaginatedResponse<T>` - List with pagination metadata
-
-**Request Params:**
-- `PaginationParams` - `{ page?, perPage? }`
-- `SortParams` - `{ sort?, order? }`
-- `ListParams` - Combined pagination + sort
-
-**Utility Types:**
-- `CreateInput<T>` - Omits id and timestamps for creating
-- `UpdateInput<T>` - Partial without id/timestamps for updating
-
-## Copying to a Mode
-
-1. Copy `components/shared-types/` to your mode root as `types/`
-2. Import from `./types` in both frontend and backend
-
-## Dependencies
-
-None - pure TypeScript types.
diff --git a/components/shared-types/index.ts b/components/shared-types/index.ts
deleted file mode 100644
index d36d9f0..0000000
--- a/components/shared-types/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export type {
-  User,
-  AuthState,
-  SuccessResponse,
-  ErrorResponse,
-  ApiResult,
-  PaginatedResponse,
-  PaginationParams,
-  SortParams,
-  ListParams,
-  PartialBy,
-  RequiredBy,
-  CreateInput,
-  UpdateInput,
-} from './types';
diff --git a/components/shared-types/types.ts b/components/shared-types/types.ts
deleted file mode 100644
index 7f345ed..0000000
--- a/components/shared-types/types.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * Shared Types
- * 
- * Common types used by both frontend and backend.
- * Copy this to any Mode to ensure type consistency.
- */
-
-// ============================================
-// USER / AUTH
-// ============================================
-
-export interface User {
-  id: string;
-  email: string;
-  displayName: string;
-  role?: string;
-  createdAt?: string;
-  updatedAt?: string;
-}
-
-export interface AuthState {
-  isAuthenticated: boolean;
-  user: User | null;
-  token: string | null;
-}
-
-// ============================================
-// API RESPONSES
-// ============================================
-
-/** Standard success response */
-export interface SuccessResponse<T = unknown> {
-  success: true;
-  data: T;
-}
-
-/** Standard error response */
-export interface ErrorResponse {
-  success: false;
-  error: string;
-  code?: string;
-}
-
-/** Combined response type */
-export type ApiResult<T = unknown> = SuccessResponse<T> | ErrorResponse;
-
-/** Paginated list response */
-export interface PaginatedResponse<T> {
-  items: T[];
-  page: number;
-  perPage: number;
-  totalItems: number;
-  totalPages: number;
-}
-
-// ============================================
-// REQUEST TYPES
-// ============================================
-
-/** Standard pagination params */
-export interface PaginationParams {
-  page?: number;
-  perPage?: number;
-}
-
-/** Standard sort params */
-export interface SortParams {
-  sort?: string;
-  order?: 'asc' | 'desc';
-}
-
-/** Combined list params */
-export type ListParams = PaginationParams & SortParams;
-
-// ============================================
-// UTILITY TYPES
-// ============================================
-
-/** Make specific properties optional */
-export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-/** Make specific properties required */
-export type RequiredBy<T, K extends keyof T> = T & Required<Pick<T, K>>;
-
-/** Create/Update types - id is optional for create */
-export type CreateInput<T extends { id: string }> = Omit<T, 'id' | 'createdAt' | 'updatedAt'>;
-export type UpdateInput<T extends { id: string }> = Partial<Omit<T, 'id' | 'createdAt' | 'updatedAt'>>;
diff --git a/svelte-reference/00-QUICK_REFERENCE.md b/svelte-reference/00-QUICK_REFERENCE.md
deleted file mode 100644
index f857ca3..0000000
--- a/svelte-reference/00-QUICK_REFERENCE.md
+++ /dev/null
@@ -1,343 +0,0 @@
-# Svelte 5 Quick Reference Card
-
-## Runes Cheat Sheet
-
-```svelte
-<script>
-  // ═══════════════════════════════════════════════════════════
-  // $state - Reactive state declaration
-  // ═══════════════════════════════════════════════════════════
-  let count = $state(0);                    // Primitive
-  let user = $state({ name: '', age: 0 });  // Object (deep reactive)
-  let items = $state<string[]>([]);         // Array (deep reactive)
-  
-  // Direct mutations work with $state!
-  items.push('item');      // ✅ Reactive
-  user.name = 'John';      // ✅ Reactive
-  count++;                 // ✅ Reactive
-  
-  // ═══════════════════════════════════════════════════════════
-  // $derived - Computed values (auto-tracks dependencies)
-  // ═══════════════════════════════════════════════════════════
-  let doubled = $derived(count * 2);        // Simple expression
-  
-  let filtered = $derived.by(() => {        // Complex computation
-    return items.filter(i => i.includes(filter));
-  });
-  
-  // ═══════════════════════════════════════════════════════════
-  // $effect - Side effects (auto-tracks, auto-cleanup)
-  // ═══════════════════════════════════════════════════════════
-  $effect(() => {
-    console.log('Count is:', count);        // Runs when count changes
-    
-    return () => {                          // Optional cleanup
-      console.log('Cleaning up');
-    };
-  });
-  
-  $effect.pre(() => {
-    // Runs BEFORE DOM updates
-  });
-  
-  // ═══════════════════════════════════════════════════════════
-  // $props - Component props
-  // ═══════════════════════════════════════════════════════════
-  let { 
-    name,                    // Required prop
-    count = 0,               // With default
-    children,                // Snippet (replaces default slot)
-    header,                  // Named snippet
-    onclick,                 // Event callback
-    ...rest                  // Rest props
-  } = $props();
-  
-  // ═══════════════════════════════════════════════════════════
-  // $bindable - Two-way bindable props
-  // ═══════════════════════════════════════════════════════════
-  let { value = $bindable('') } = $props();
-  // Parent: <Input bind:value />
-  
-  // ═══════════════════════════════════════════════════════════
-  // $inspect - Debug reactive values (dev only)
-  // ═══════════════════════════════════════════════════════════
-  $inspect(count);                          // Logs on change
-  $inspect(count).with(console.trace);      // Custom logger
-</script>
-```
-
----
-
-## Template Syntax
-
-```svelte
-<!-- Rendering Snippets (replaces slots) -->
-{@render children?.()}
-{@render header?.()}
-{@render row({ item, index })}
-
-<!-- Conditionals -->
-{#if condition}
-  ...
-{:else if other}
-  ...
-{:else}
-  ...
-{/if}
-
-<!-- Loops -->
-{#each items as item, index (item.id)}
-  ...
-{/each}
-
-<!-- Await -->
-{#await promise}
-  <Loading />
-{:then data}
-  <Result {data} />
-{:catch error}
-  <Error {error} />
-{/await}
-
-<!-- Key block (force re-render) -->
-{#key value}
-  <Component />
-{/key}
-
-<!-- HTML (dangerous) -->
-{@html content}
-
-<!-- Debug -->
-{@debug variable}
-
-<!-- Define snippets -->
-{#snippet name(param1, param2)}
-  <div>{param1}</div>
-{/snippet}
-```
-
----
-
-## Component Patterns
-
-```svelte
-<!-- Basic Component -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    title: string;
-    variant?: 'primary' | 'secondary';
-    disabled?: boolean;
-    onclick?: () => void;
-    children: Snippet;
-  }
-  
-  let {
-    title,
-    variant = 'primary',
-    disabled = false,
-    onclick,
-    children
-  }: Props = $props();
-</script>
-
-<button 
-  class="btn btn-{variant}"
-  {disabled}
-  {onclick}
->
-  {@render children()}
-</button>
-
-<!-- With Named Snippets -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    header?: Snippet;
-    children?: Snippet;
-    footer?: Snippet<[{ close: () => void }]>;
-  }
-  
-  let { header, children, footer }: Props = $props();
-  
-  function close() {
-    // close logic
-  }
-</script>
-
-{@render header?.()}
-{@render children?.()}
-{@render footer?.({ close })}
-```
-
----
-
-## State Management
-
-```typescript
-// stores/counter.svelte.ts
-export class CounterStore {
-  count = $state(0);
-  doubled = $derived(this.count * 2);
-  
-  increment = () => { this.count++; }
-  decrement = () => { this.count--; }
-  reset = () => { this.count = 0; }
-}
-
-export const counter = new CounterStore();
-
-// Usage in component
-import { counter } from '$lib/stores/counter.svelte';
-
-// Read: counter.count, counter.doubled
-// Write: counter.increment()
-```
-
----
-
-## SvelteKit Essentials
-
-```typescript
-// +page.ts (Universal load)
-export async function load({ params, fetch }) {
-  const data = await fetch(`/api/items/${params.id}`);
-  return { item: await data.json() };
-}
-
-// +page.server.ts (Server-only load)
-export async function load({ params, locals }) {
-  return { user: locals.user };
-}
-
-// Form Actions
-export const actions = {
-  default: async ({ request }) => {
-    const data = await request.formData();
-    // Process form
-    return { success: true };
-  },
-  named: async ({ request }) => {
-    // Named action: <form action="?/named">
-  }
-};
-
-// API Routes (+server.ts)
-export async function GET({ params }) {
-  return json({ data: 'value' });
-}
-
-export async function POST({ request }) {
-  const body = await request.json();
-  return json({ created: true }, { status: 201 });
-}
-```
-
----
-
-## File Structure
-
-```
-src/
-├── app.html              # HTML template
-├── app.d.ts              # Type declarations
-├── lib/
-│   ├── components/       # Reusable components
-│   ├── stores/           # State (.svelte.ts files)
-│   ├── utils/            # Utility functions
-│   ├── hooks/            # Custom hooks
-│   └── server/           # Server-only code
-├── routes/
-│   ├── +page.svelte      # Page component
-│   ├── +page.ts          # Page load (universal)
-│   ├── +page.server.ts   # Page load (server) + actions
-│   ├── +layout.svelte    # Layout component
-│   ├── +layout.ts        # Layout load
-│   ├── +error.svelte     # Error page
-│   └── api/
-│       └── +server.ts    # API endpoint
-└── hooks.server.ts       # Server hooks
-```
-
----
-
-## Common Anti-Patterns
-
-```svelte
-<!-- ❌ DON'T: Destructure reactive state -->
-let { name } = user;  // Loses reactivity!
-
-<!-- ✅ DO: Access properties directly -->
-{user.name}
-
-<!-- ❌ DON'T: Use $effect for derived values -->
-$effect(() => {
-  doubled = count * 2;  // Use $derived instead!
-});
-
-<!-- ✅ DO: Use $derived -->
-let doubled = $derived(count * 2);
-
-<!-- ❌ DON'T: Forget optional chaining for snippets -->
-{@render children()}  // May error if undefined
-
-<!-- ✅ DO: Use optional chaining -->
-{@render children?.()}
-
-<!-- ❌ DON'T: Modify state in $derived -->
-let bad = $derived(count++);  // Side effect!
-
-<!-- ✅ DO: Keep $derived pure -->
-let good = $derived(count + 1);
-```
-
----
-
-## TypeScript Quick Types
-
-```typescript
-import type { 
-  Snippet,           // Snippet type
-  Component,         // Component type
-  ComponentProps     // Extract props from component
-} from 'svelte';
-
-import type {
-  PageData,          // From +page.ts load
-  PageServerData,    // From +page.server.ts load
-  Actions,           // Form actions type
-  RequestHandler     // API route handler
-} from './$types';
-
-// Snippet with params
-type ItemSnippet = Snippet<[{ item: Item; index: number }]>;
-
-// Component props
-type ButtonProps = ComponentProps<typeof Button>;
-```
-
----
-
-## Key Commands
-
-```bash
-# Create new project
-npx sv create my-app
-
-# Development
-npm run dev
-
-# Build
-npm run build
-
-# Preview production build
-npm run preview
-
-# Type checking
-npm run check
-
-# Run migration
-npx sv migrate svelte-5
-```
diff --git a/svelte-reference/01-RUNES_GUIDE.md b/svelte-reference/01-RUNES_GUIDE.md
deleted file mode 100644
index 3005c8f..0000000
--- a/svelte-reference/01-RUNES_GUIDE.md
+++ /dev/null
@@ -1,439 +0,0 @@
-# Svelte 5 Runes Complete Guide
-
-## Overview
-
-Runes are Svelte 5's new reactivity system. They replace the old `$:` reactive statements and `export let` declarations with explicit, predictable primitives.
-
----
-
-## 📦 `$state` - Reactive State
-
-### Basic Usage
-```svelte
-<script lang="ts">
-  let count = $state(0);
-  let user = $state({ name: 'John', age: 30 });
-  let items = $state<string[]>([]);
-</script>
-
-<button onclick={() => count++}>
-  Clicked {count} times
-</button>
-```
-
-### Deep Reactivity
-```svelte
-<script lang="ts">
-  // Objects and arrays are deeply reactive
-  let todos = $state([
-    { id: 1, text: 'Learn Svelte', done: false }
-  ]);
-  
-  function toggle(id: number) {
-    const todo = todos.find(t => t.id === id);
-    if (todo) todo.done = !todo.done; // This triggers updates!
-  }
-</script>
-```
-
-### `$state.raw` - Shallow Reactivity
-```svelte
-<script lang="ts">
-  // Use for large objects where you replace, not mutate
-  let data = $state.raw<BigObject | null>(null);
-  
-  async function load() {
-    data = await fetchData(); // Must reassign, not mutate
-  }
-</script>
-```
-
-### `$state.snapshot` - Get Plain Object
-```svelte
-<script lang="ts">
-  let user = $state({ name: 'John' });
-  
-  function save() {
-    // Get a plain, non-reactive copy
-    const plain = $state.snapshot(user);
-    localStorage.setItem('user', JSON.stringify(plain));
-  }
-</script>
-```
-
----
-
-## 🔗 `$derived` - Computed Values
-
-### Basic Derived
-```svelte
-<script lang="ts">
-  let count = $state(0);
-  let doubled = $derived(count * 2);
-  let quadrupled = $derived(doubled * 2);
-</script>
-
-<p>{count} × 2 = {doubled}</p>
-<p>{doubled} × 2 = {quadrupled}</p>
-```
-
-### Complex Derived with `$derived.by`
-```svelte
-<script lang="ts">
-  let items = $state([1, 2, 3, 4, 5]);
-  let filter = $state('all');
-  
-  // Use $derived.by for complex computations
-  let filtered = $derived.by(() => {
-    console.log('Recomputing filtered list...');
-    
-    if (filter === 'even') {
-      return items.filter(n => n % 2 === 0);
-    }
-    if (filter === 'odd') {
-      return items.filter(n => n % 2 !== 0);
-    }
-    return items;
-  });
-</script>
-```
-
-### Derived from Multiple Sources
-```svelte
-<script lang="ts">
-  let firstName = $state('John');
-  let lastName = $state('Doe');
-  
-  let fullName = $derived(`${firstName} ${lastName}`);
-  let initials = $derived(`${firstName[0]}${lastName[0]}`);
-</script>
-```
-
----
-
-## ⚡ `$effect` - Side Effects
-
-### Basic Effect
-```svelte
-<script lang="ts">
-  let count = $state(0);
-  
-  $effect(() => {
-    // Runs when count changes
-    console.log(`Count is now ${count}`);
-    document.title = `Count: ${count}`;
-  });
-</script>
-```
-
-### Effect with Cleanup
-```svelte
-<script lang="ts">
-  let running = $state(false);
-  
-  $effect(() => {
-    if (!running) return;
-    
-    const interval = setInterval(() => {
-      console.log('tick');
-    }, 1000);
-    
-    // Cleanup function
-    return () => {
-      clearInterval(interval);
-    };
-  });
-</script>
-```
-
-### `$effect.pre` - Before DOM Update
-```svelte
-<script lang="ts">
-  let messages = $state<string[]>([]);
-  let container: HTMLDivElement;
-  
-  $effect.pre(() => {
-    // Runs BEFORE DOM updates
-    // Useful for preserving scroll position
-    messages; // Track dependency
-    if (container) {
-      // Save scroll position before new messages render
-    }
-  });
-</script>
-```
-
-### `$effect.tracking` - Check if Reactive
-```svelte
-<script lang="ts">
-  $effect(() => {
-    console.log($effect.tracking()); // true
-  });
-  
-  function regularFunction() {
-    console.log($effect.tracking()); // false
-  }
-</script>
-```
-
-### `$effect.root` - Untracked Effect Scope
-```svelte
-<script lang="ts">
-  // Create effects outside component lifecycle
-  const cleanup = $effect.root(() => {
-    $effect(() => {
-      // This effect lives until cleanup() is called
-    });
-    
-    return () => {
-      // Custom cleanup logic
-    };
-  });
-  
-  // Later: cleanup();
-</script>
-```
-
----
-
-## 🎯 `$props` - Component Props
-
-### Basic Props
-```svelte
-<script lang="ts">
-  let { name, age }: { name: string; age: number } = $props();
-</script>
-
-<p>{name} is {age} years old</p>
-```
-
-### Optional Props with Defaults
-```svelte
-<script lang="ts">
-  interface Props {
-    name: string;
-    age?: number;
-    greeting?: string;
-  }
-  
-  let { 
-    name, 
-    age = 18, 
-    greeting = 'Hello' 
-  }: Props = $props();
-</script>
-
-<p>{greeting}, {name}! You are {age}.</p>
-```
-
-### Rest Props
-```svelte
-<script lang="ts">
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  
-  interface Props extends HTMLButtonAttributes {
-    variant?: 'primary' | 'secondary';
-  }
-  
-  let { variant = 'primary', ...rest }: Props = $props();
-</script>
-
-<button class={variant} {...rest}>
-  <slot />
-</button>
-```
-
-### Children as Props (Snippets)
-```svelte
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    header?: Snippet;
-    children: Snippet;
-    footer?: Snippet;
-  }
-  
-  let { header, children, footer }: Props = $props();
-</script>
-
-<div class="card">
-  {#if header}
-    <header>{@render header()}</header>
-  {/if}
-  
-  <main>{@render children()}</main>
-  
-  {#if footer}
-    <footer>{@render footer()}</footer>
-  {/if}
-</div>
-```
-
----
-
-## 🔄 `$bindable` - Two-Way Binding Props
-
-### Basic Bindable
-```svelte
-<!-- TextInput.svelte -->
-<script lang="ts">
-  let { value = $bindable('') }: { value?: string } = $props();
-</script>
-
-<input bind:value />
-
-<!-- Parent.svelte -->
-<script lang="ts">
-  import TextInput from './TextInput.svelte';
-  let name = $state('');
-</script>
-
-<TextInput bind:value={name} />
-<p>Name: {name}</p>
-```
-
-### Bindable with Fallback
-```svelte
-<script lang="ts">
-  // Provide a fallback for when parent doesn't bind
-  let { checked = $bindable(false) }: { checked?: boolean } = $props();
-</script>
-
-<input type="checkbox" bind:checked />
-```
-
----
-
-## 🎨 `$inspect` - Development Debugging
-
-### Basic Inspect
-```svelte
-<script lang="ts">
-  let count = $state(0);
-  let user = $state({ name: 'John' });
-  
-  // Logs whenever count or user changes
-  $inspect(count, user);
-</script>
-```
-
-### Custom Inspect Handler
-```svelte
-<script lang="ts">
-  let data = $state({ x: 0, y: 0 });
-  
-  $inspect(data).with((type, ...values) => {
-    if (type === 'update') {
-      console.log('Data updated:', values);
-    }
-  });
-</script>
-```
-
-### Breakpoint on Change
-```svelte
-<script lang="ts">
-  let buggyValue = $state(0);
-  
-  // Pauses debugger when value changes
-  $inspect(buggyValue).with(() => {
-    debugger;
-  });
-</script>
-```
-
----
-
-## 🏪 Class-Based State with `$state`
-
-```svelte
-<script lang="ts" module>
-  // Can be in a separate .svelte.ts file
-  export class Counter {
-    count = $state(0);
-    doubled = $derived(this.count * 2);
-    
-    increment() {
-      this.count++;
-    }
-    
-    decrement() {
-      this.count--;
-    }
-    
-    reset() {
-      this.count = 0;
-    }
-  }
-</script>
-
-<script lang="ts">
-  const counter = new Counter();
-</script>
-
-<button onclick={() => counter.decrement()}>-</button>
-<span>{counter.count} (doubled: {counter.doubled})</span>
-<button onclick={() => counter.increment()}>+</button>
-```
-
----
-
-## ⚠️ Common Mistakes
-
-### ❌ Wrong: Destructuring Loses Reactivity
-```svelte
-<script lang="ts">
-  let user = $state({ name: 'John', age: 30 });
-  
-  // ❌ This breaks reactivity!
-  let { name, age } = user;
-  
-  // ✅ Access properties directly
-  // user.name, user.age
-</script>
-```
-
-### ❌ Wrong: Effect Without Dependencies
-```svelte
-<script lang="ts">
-  let count = $state(0);
-  
-  // ❌ This runs only once (no reactive reads inside)
-  $effect(() => {
-    console.log('This only runs once');
-  });
-  
-  // ✅ Read reactive values to create dependencies
-  $effect(() => {
-    console.log(`Count is ${count}`);
-  });
-</script>
-```
-
-### ❌ Wrong: Mutating Derived Values
-```svelte
-<script lang="ts">
-  let items = $state([1, 2, 3]);
-  let doubled = $derived(items.map(n => n * 2));
-  
-  // ❌ Cannot mutate derived values!
-  // doubled.push(8);
-  
-  // ✅ Mutate the source
-  items.push(4);
-</script>
-```
-
----
-
-## 📊 Runes Comparison Table
-
-| Svelte 4 | Svelte 5 | Purpose |
-|----------|----------|---------|
-| `export let x` | `let { x } = $props()` | Props |
-| `let x = 0` | `let x = $state(0)` | Reactive state |
-| `$: y = x * 2` | `let y = $derived(x * 2)` | Computed |
-| `$: { ... }` | `$effect(() => { ... })` | Side effects |
-| `$$props` | `$props()` with rest | All props |
-| `bind:value` | `$bindable()` | Two-way binding |
diff --git a/svelte-reference/02-COMPONENT_PATTERNS.md b/svelte-reference/02-COMPONENT_PATTERNS.md
deleted file mode 100644
index 9d74ef5..0000000
--- a/svelte-reference/02-COMPONENT_PATTERNS.md
+++ /dev/null
@@ -1,693 +0,0 @@
-# Svelte 5 Component Patterns
-
-## 📦 Component Structure Template
-
-Every Svelte component should follow this structure:
-
-```svelte
-<script lang="ts" module>
-  // Module-level code (runs once, shared between instances)
-  // Use for types, constants, or shared state
-  export interface ButtonProps {
-    variant?: 'primary' | 'secondary' | 'danger';
-    size?: 'sm' | 'md' | 'lg';
-    disabled?: boolean;
-  }
-</script>
-
-<script lang="ts">
-  // Instance-level code (runs for each component instance)
-  import type { Snippet } from 'svelte';
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  
-  interface Props extends ButtonProps, HTMLButtonAttributes {
-    children: Snippet;
-  }
-  
-  let { 
-    variant = 'primary',
-    size = 'md',
-    disabled = false,
-    children,
-    ...rest 
-  }: Props = $props();
-  
-  // Derived values
-  let classes = $derived(
-    `btn btn-${variant} btn-${size} ${disabled ? 'btn-disabled' : ''}`
-  );
-</script>
-
-<button class={classes} {disabled} {...rest}>
-  {@render children()}
-</button>
-
-<style>
-  .btn {
-    /* Base styles */
-  }
-</style>
-```
-
----
-
-## 🎨 Pattern 1: Presentational Components
-
-Pure UI components with no business logic.
-
-```svelte
-<!-- Card.svelte -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    title?: string;
-    header?: Snippet;
-    children: Snippet;
-    footer?: Snippet;
-    variant?: 'default' | 'elevated' | 'outlined';
-  }
-  
-  let { 
-    title,
-    header,
-    children, 
-    footer,
-    variant = 'default'
-  }: Props = $props();
-</script>
-
-<article class="card card-{variant}">
-  {#if header}
-    <header class="card-header">
-      {@render header()}
-    </header>
-  {:else if title}
-    <header class="card-header">
-      <h3>{title}</h3>
-    </header>
-  {/if}
-  
-  <div class="card-body">
-    {@render children()}
-  </div>
-  
-  {#if footer}
-    <footer class="card-footer">
-      {@render footer()}
-    </footer>
-  {/if}
-</article>
-
-<style>
-  .card {
-    border-radius: 0.5rem;
-    overflow: hidden;
-  }
-  
-  .card-default {
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
-  }
-  
-  .card-elevated {
-    background: var(--color-surface);
-    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-  }
-  
-  .card-outlined {
-    background: transparent;
-    border: 2px solid var(--color-border);
-  }
-</style>
-```
-
----
-
-## 🔧 Pattern 2: Container Components
-
-Components that manage state and pass it down.
-
-```svelte
-<!-- TodoList.svelte -->
-<script lang="ts">
-  import TodoItem from './TodoItem.svelte';
-  import AddTodo from './AddTodo.svelte';
-  
-  interface Todo {
-    id: number;
-    text: string;
-    completed: boolean;
-  }
-  
-  let todos = $state<Todo[]>([]);
-  let filter = $state<'all' | 'active' | 'completed'>('all');
-  
-  let filteredTodos = $derived.by(() => {
-    switch (filter) {
-      case 'active': return todos.filter(t => !t.completed);
-      case 'completed': return todos.filter(t => t.completed);
-      default: return todos;
-    }
-  });
-  
-  let stats = $derived({
-    total: todos.length,
-    active: todos.filter(t => !t.completed).length,
-    completed: todos.filter(t => t.completed).length
-  });
-  
-  function addTodo(text: string) {
-    todos.push({
-      id: Date.now(),
-      text,
-      completed: false
-    });
-  }
-  
-  function toggleTodo(id: number) {
-    const todo = todos.find(t => t.id === id);
-    if (todo) todo.completed = !todo.completed;
-  }
-  
-  function deleteTodo(id: number) {
-    const index = todos.findIndex(t => t.id === id);
-    if (index !== -1) todos.splice(index, 1);
-  }
-</script>
-
-<div class="todo-list">
-  <AddTodo onadd={addTodo} />
-  
-  <div class="filters">
-    <button 
-      class:active={filter === 'all'}
-      onclick={() => filter = 'all'}
-    >
-      All ({stats.total})
-    </button>
-    <button 
-      class:active={filter === 'active'}
-      onclick={() => filter = 'active'}
-    >
-      Active ({stats.active})
-    </button>
-    <button 
-      class:active={filter === 'completed'}
-      onclick={() => filter = 'completed'}
-    >
-      Completed ({stats.completed})
-    </button>
-  </div>
-  
-  <ul>
-    {#each filteredTodos as todo (todo.id)}
-      <TodoItem 
-        {todo}
-        ontoggle={() => toggleTodo(todo.id)}
-        ondelete={() => deleteTodo(todo.id)}
-      />
-    {/each}
-  </ul>
-</div>
-```
-
----
-
-## 🔄 Pattern 3: Controlled Components
-
-Components where parent controls the value.
-
-```svelte
-<!-- Select.svelte -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Option {
-    value: string;
-    label: string;
-    disabled?: boolean;
-  }
-  
-  interface Props {
-    value: string;
-    options: Option[];
-    placeholder?: string;
-    disabled?: boolean;
-    onchange?: (value: string) => void;
-  }
-  
-  let { 
-    value,
-    options,
-    placeholder = 'Select an option',
-    disabled = false,
-    onchange
-  }: Props = $props();
-  
-  let open = $state(false);
-  
-  let selectedLabel = $derived(
-    options.find(o => o.value === value)?.label ?? placeholder
-  );
-  
-  function select(option: Option) {
-    if (option.disabled) return;
-    onchange?.(option.value);
-    open = false;
-  }
-</script>
-
-<div class="select" class:open class:disabled>
-  <button 
-    type="button"
-    class="select-trigger"
-    onclick={() => open = !open}
-    {disabled}
-  >
-    <span>{selectedLabel}</span>
-    <svg class="chevron"><!-- icon --></svg>
-  </button>
-  
-  {#if open}
-    <ul class="select-options">
-      {#each options as option (option.value)}
-        <li>
-          <button
-            type="button"
-            class:selected={option.value === value}
-            class:disabled={option.disabled}
-            onclick={() => select(option)}
-          >
-            {option.label}
-          </button>
-        </li>
-      {/each}
-    </ul>
-  {/if}
-</div>
-```
-
----
-
-## 🎭 Pattern 4: Compound Components
-
-Related components that work together.
-
-```svelte
-<!-- Tabs.svelte -->
-<script lang="ts" module>
-  import { setContext, getContext } from 'svelte';
-  
-  const TABS_KEY = Symbol('tabs');
-  
-  interface TabsContext {
-    activeTab: { value: string };
-    setActiveTab: (id: string) => void;
-  }
-  
-  export function getTabsContext(): TabsContext {
-    return getContext(TABS_KEY);
-  }
-</script>
-
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    defaultTab?: string;
-    children: Snippet;
-  }
-  
-  let { defaultTab = '', children }: Props = $props();
-  
-  let activeTab = $state(defaultTab);
-  
-  setContext<TabsContext>(TABS_KEY, {
-    get activeTab() { return { value: activeTab }; },
-    setActiveTab: (id: string) => { activeTab = id; }
-  });
-</script>
-
-<div class="tabs">
-  {@render children()}
-</div>
-
-<!-- TabList.svelte -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    children: Snippet;
-  }
-  
-  let { children }: Props = $props();
-</script>
-
-<div role="tablist" class="tab-list">
-  {@render children()}
-</div>
-
-<!-- Tab.svelte -->
-<script lang="ts">
-  import { getTabsContext } from './Tabs.svelte';
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    id: string;
-    children: Snippet;
-  }
-  
-  let { id, children }: Props = $props();
-  
-  const { activeTab, setActiveTab } = getTabsContext();
-  
-  let isActive = $derived(activeTab.value === id);
-</script>
-
-<button
-  role="tab"
-  aria-selected={isActive}
-  class:active={isActive}
-  onclick={() => setActiveTab(id)}
->
-  {@render children()}
-</button>
-
-<!-- TabPanel.svelte -->
-<script lang="ts">
-  import { getTabsContext } from './Tabs.svelte';
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    id: string;
-    children: Snippet;
-  }
-  
-  let { id, children }: Props = $props();
-  
-  const { activeTab } = getTabsContext();
-  
-  let isActive = $derived(activeTab.value === id);
-</script>
-
-{#if isActive}
-  <div role="tabpanel">
-    {@render children()}
-  </div>
-{/if}
-
-<!-- Usage -->
-<!--
-<Tabs defaultTab="tab1">
-  <TabList>
-    <Tab id="tab1">First</Tab>
-    <Tab id="tab2">Second</Tab>
-  </TabList>
-  <TabPanel id="tab1">Content 1</TabPanel>
-  <TabPanel id="tab2">Content 2</TabPanel>
-</Tabs>
--->
-```
-
----
-
-## 🔀 Pattern 5: Render Props with Snippets
-
-Pass rendering control to parent.
-
-```svelte
-<!-- List.svelte -->
-<script lang="ts" generics="T">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    items: T[];
-    renderItem: Snippet<[T, number]>;
-    renderEmpty?: Snippet;
-  }
-  
-  let { items, renderItem, renderEmpty }: Props = $props();
-</script>
-
-{#if items.length === 0}
-  {#if renderEmpty}
-    {@render renderEmpty()}
-  {:else}
-    <p>No items</p>
-  {/if}
-{:else}
-  <ul>
-    {#each items as item, index (index)}
-      <li>
-        {@render renderItem(item, index)}
-      </li>
-    {/each}
-  </ul>
-{/if}
-
-<!-- Usage -->
-<!--
-<List items={users}>
-  {#snippet renderItem(user, index)}
-    <div class="user">
-      <span>{index + 1}.</span>
-      <span>{user.name}</span>
-    </div>
-  {/snippet}
-  
-  {#snippet renderEmpty()}
-    <p>No users found. Create one?</p>
-  {/snippet}
-</List>
--->
-```
-
----
-
-## 🎛️ Pattern 6: Form Components
-
-Accessible, validated form inputs.
-
-```svelte
-<!-- FormField.svelte -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    name: string;
-    label: string;
-    error?: string;
-    required?: boolean;
-    children: Snippet<[{ id: string; invalid: boolean }]>;
-  }
-  
-  let { name, label, error, required = false, children }: Props = $props();
-  
-  let id = $derived(`field-${name}`);
-  let errorId = $derived(`${id}-error`);
-  let invalid = $derived(!!error);
-</script>
-
-<div class="form-field" class:invalid>
-  <label for={id}>
-    {label}
-    {#if required}
-      <span class="required" aria-hidden="true">*</span>
-    {/if}
-  </label>
-  
-  {@render children({ id, invalid })}
-  
-  {#if error}
-    <p id={errorId} class="error" role="alert">
-      {error}
-    </p>
-  {/if}
-</div>
-
-<!-- TextInput.svelte -->
-<script lang="ts">
-  import type { HTMLInputAttributes } from 'svelte/elements';
-  
-  interface Props extends HTMLInputAttributes {
-    value?: string;
-    invalid?: boolean;
-  }
-  
-  let { value = $bindable(''), invalid = false, ...rest }: Props = $props();
-</script>
-
-<input 
-  type="text"
-  bind:value
-  aria-invalid={invalid}
-  {...rest}
-/>
-
-<!-- Usage -->
-<!--
-<FormField name="email" label="Email" error={errors.email} required>
-  {#snippet children({ id, invalid })}
-    <TextInput 
-      {id}
-      {invalid}
-      type="email"
-      bind:value={form.email}
-      placeholder="you@example.com"
-    />
-  {/snippet}
-</FormField>
--->
-```
-
----
-
-## 🚦 Pattern 7: Loading States
-
-Handle async data gracefully.
-
-```svelte
-<!-- AsyncContent.svelte -->
-<script lang="ts" generics="T">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    promise: Promise<T>;
-    loading?: Snippet;
-    error?: Snippet<[Error]>;
-    children: Snippet<[T]>;
-  }
-  
-  let { promise, loading, error, children }: Props = $props();
-</script>
-
-{#await promise}
-  {#if loading}
-    {@render loading()}
-  {:else}
-    <div class="loading">Loading...</div>
-  {/if}
-{:then data}
-  {@render children(data)}
-{:catch err}
-  {#if error}
-    {@render error(err)}
-  {:else}
-    <div class="error">Error: {err.message}</div>
-  {/if}
-{/await}
-
-<!-- Usage -->
-<!--
-<AsyncContent promise={fetchUsers()}>
-  {#snippet loading()}
-    <Skeleton count={5} />
-  {/snippet}
-  
-  {#snippet children(users)}
-    <UserList {users} />
-  {/snippet}
-  
-  {#snippet error(err)}
-    <Alert variant="error">
-      Failed to load users: {err.message}
-    </Alert>
-  {/snippet}
-</AsyncContent>
--->
-```
-
----
-
-## ♿ Pattern 8: Accessible Modal
-
-Focus trap and keyboard handling.
-
-```svelte
-<!-- Modal.svelte -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { tick } from 'svelte';
-  
-  interface Props {
-    open: boolean;
-    onclose: () => void;
-    title: string;
-    children: Snippet;
-    footer?: Snippet;
-  }
-  
-  let { open, onclose, title, children, footer }: Props = $props();
-  
-  let dialog: HTMLDialogElement;
-  let previousFocus: HTMLElement | null = null;
-  
-  $effect(() => {
-    if (open) {
-      previousFocus = document.activeElement as HTMLElement;
-      tick().then(() => dialog?.showModal());
-    } else {
-      dialog?.close();
-      previousFocus?.focus();
-    }
-  });
-  
-  function handleKeydown(e: KeyboardEvent) {
-    if (e.key === 'Escape') {
-      onclose();
-    }
-  }
-  
-  function handleBackdropClick(e: MouseEvent) {
-    if (e.target === dialog) {
-      onclose();
-    }
-  }
-</script>
-
-{#if open}
-  <dialog
-    bind:this={dialog}
-    onkeydown={handleKeydown}
-    onclick={handleBackdropClick}
-    aria-labelledby="modal-title"
-  >
-    <div class="modal-content">
-      <header>
-        <h2 id="modal-title">{title}</h2>
-        <button 
-          class="close-button"
-          onclick={onclose}
-          aria-label="Close modal"
-        >
-          ×
-        </button>
-      </header>
-      
-      <div class="modal-body">
-        {@render children()}
-      </div>
-      
-      {#if footer}
-        <footer>
-          {@render footer()}
-        </footer>
-      {/if}
-    </div>
-  </dialog>
-{/if}
-
-<style>
-  dialog {
-    padding: 0;
-    border: none;
-    border-radius: 0.5rem;
-    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-  }
-  
-  dialog::backdrop {
-    background: rgb(0 0 0 / 0.5);
-  }
-</style>
-```
diff --git a/svelte-reference/03-STATE_MANAGEMENT.md b/svelte-reference/03-STATE_MANAGEMENT.md
deleted file mode 100644
index 82eebdb..0000000
--- a/svelte-reference/03-STATE_MANAGEMENT.md
+++ /dev/null
@@ -1,626 +0,0 @@
-# Svelte 5 State Management Guide
-
-## Overview
-
-Svelte 5 provides multiple patterns for state management, from local component state to global application state. Choose the right pattern based on your needs.
-
----
-
-## 📊 State Management Decision Tree
-
-```
-Is the state used by only one component?
-├── YES → Use local $state()
-└── NO → Is it shared between parent/child?
-    ├── YES → Pass as props or use $bindable()
-    └── NO → Is it shared across unrelated components?
-        ├── YES → Use a .svelte.ts store
-        └── NO → Is it server data that needs caching?
-            └── YES → Use SvelteKit load functions
-```
-
----
-
-## 🏠 Pattern 1: Local Component State
-
-For state that belongs to a single component.
-
-```svelte
-<!-- Counter.svelte -->
-<script lang="ts">
-  let count = $state(0);
-  let history = $state<number[]>([]);
-  
-  let average = $derived(
-    history.length > 0 
-      ? history.reduce((a, b) => a + b, 0) / history.length 
-      : 0
-  );
-  
-  function increment() {
-    count++;
-    history.push(count);
-  }
-  
-  function reset() {
-    count = 0;
-    history = [];
-  }
-</script>
-
-<div>
-  <p>Count: {count}</p>
-  <p>Average: {average.toFixed(2)}</p>
-  <button onclick={increment}>+1</button>
-  <button onclick={reset}>Reset</button>
-</div>
-```
-
----
-
-## 📤 Pattern 2: Props Down, Events Up
-
-Classic unidirectional data flow.
-
-```svelte
-<!-- Parent.svelte -->
-<script lang="ts">
-  import Child from './Child.svelte';
-  
-  let items = $state(['Apple', 'Banana', 'Cherry']);
-  
-  function addItem(item: string) {
-    items.push(item);
-  }
-  
-  function removeItem(index: number) {
-    items.splice(index, 1);
-  }
-</script>
-
-<Child 
-  {items}
-  onadd={addItem}
-  onremove={removeItem}
-/>
-
-<!-- Child.svelte -->
-<script lang="ts">
-  interface Props {
-    items: string[];
-    onadd: (item: string) => void;
-    onremove: (index: number) => void;
-  }
-  
-  let { items, onadd, onremove }: Props = $props();
-  
-  let newItem = $state('');
-  
-  function handleAdd() {
-    if (newItem.trim()) {
-      onadd(newItem);
-      newItem = '';
-    }
-  }
-</script>
-
-<div>
-  <input bind:value={newItem} placeholder="Add item" />
-  <button onclick={handleAdd}>Add</button>
-  
-  <ul>
-    {#each items as item, i (i)}
-      <li>
-        {item}
-        <button onclick={() => onremove(i)}>×</button>
-      </li>
-    {/each}
-  </ul>
-</div>
-```
-
----
-
-## 🔗 Pattern 3: Two-Way Binding with $bindable
-
-For controlled form components.
-
-```svelte
-<!-- SearchInput.svelte -->
-<script lang="ts">
-  interface Props {
-    value?: string;
-    placeholder?: string;
-    onsearch?: (query: string) => void;
-  }
-  
-  let { 
-    value = $bindable(''),
-    placeholder = 'Search...',
-    onsearch
-  }: Props = $props();
-  
-  function handleKeydown(e: KeyboardEvent) {
-    if (e.key === 'Enter') {
-      onsearch?.(value);
-    }
-  }
-</script>
-
-<input 
-  type="search"
-  bind:value
-  {placeholder}
-  onkeydown={handleKeydown}
-/>
-
-<!-- Usage -->
-<!--
-<script lang="ts">
-  let searchQuery = $state('');
-  
-  function handleSearch(query: string) {
-    console.log('Searching:', query);
-  }
-</script>
-
-<SearchInput bind:value={searchQuery} onsearch={handleSearch} />
-<p>Current query: {searchQuery}</p>
--->
-```
-
----
-
-## 🏪 Pattern 4: Global Stores (.svelte.ts files)
-
-For state shared across unrelated components.
-
-```typescript
-// stores/auth.svelte.ts
-export interface User {
-  id: string;
-  name: string;
-  email: string;
-  avatar?: string;
-}
-
-class AuthStore {
-  user = $state<User | null>(null);
-  loading = $state(false);
-  error = $state<string | null>(null);
-  
-  isAuthenticated = $derived(this.user !== null);
-  
-  async login(email: string, password: string) {
-    this.loading = true;
-    this.error = null;
-    
-    try {
-      const response = await fetch('/api/auth/login', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ email, password })
-      });
-      
-      if (!response.ok) {
-        throw new Error('Login failed');
-      }
-      
-      this.user = await response.json();
-    } catch (e) {
-      this.error = e instanceof Error ? e.message : 'Unknown error';
-      throw e;
-    } finally {
-      this.loading = false;
-    }
-  }
-  
-  async logout() {
-    await fetch('/api/auth/logout', { method: 'POST' });
-    this.user = null;
-  }
-  
-  async checkSession() {
-    try {
-      const response = await fetch('/api/auth/me');
-      if (response.ok) {
-        this.user = await response.json();
-      }
-    } catch {
-      this.user = null;
-    }
-  }
-}
-
-export const auth = new AuthStore();
-```
-
-```svelte
-<!-- NavBar.svelte -->
-<script lang="ts">
-  import { auth } from '$lib/stores/auth.svelte';
-</script>
-
-<nav>
-  {#if auth.isAuthenticated}
-    <span>Welcome, {auth.user?.name}</span>
-    <button onclick={() => auth.logout()}>Logout</button>
-  {:else}
-    <a href="/login">Login</a>
-  {/if}
-</nav>
-```
-
----
-
-## 🛒 Pattern 5: Complex Store with Actions
-
-For stores with complex business logic.
-
-```typescript
-// stores/cart.svelte.ts
-export interface CartItem {
-  id: string;
-  name: string;
-  price: number;
-  quantity: number;
-}
-
-class CartStore {
-  items = $state<CartItem[]>([]);
-  
-  // Derived values
-  itemCount = $derived(
-    this.items.reduce((sum, item) => sum + item.quantity, 0)
-  );
-  
-  subtotal = $derived(
-    this.items.reduce((sum, item) => sum + item.price * item.quantity, 0)
-  );
-  
-  tax = $derived(this.subtotal * 0.1);
-  
-  total = $derived(this.subtotal + this.tax);
-  
-  isEmpty = $derived(this.items.length === 0);
-  
-  // Actions
-  addItem(product: { id: string; name: string; price: number }) {
-    const existing = this.items.find(item => item.id === product.id);
-    
-    if (existing) {
-      existing.quantity++;
-    } else {
-      this.items.push({
-        ...product,
-        quantity: 1
-      });
-    }
-    
-    this.persist();
-  }
-  
-  removeItem(id: string) {
-    const index = this.items.findIndex(item => item.id === id);
-    if (index !== -1) {
-      this.items.splice(index, 1);
-      this.persist();
-    }
-  }
-  
-  updateQuantity(id: string, quantity: number) {
-    const item = this.items.find(item => item.id === id);
-    
-    if (item) {
-      if (quantity <= 0) {
-        this.removeItem(id);
-      } else {
-        item.quantity = quantity;
-        this.persist();
-      }
-    }
-  }
-  
-  clear() {
-    this.items = [];
-    this.persist();
-  }
-  
-  // Persistence
-  private persist() {
-    if (typeof localStorage !== 'undefined') {
-      localStorage.setItem('cart', JSON.stringify($state.snapshot(this.items)));
-    }
-  }
-  
-  hydrate() {
-    if (typeof localStorage !== 'undefined') {
-      const saved = localStorage.getItem('cart');
-      if (saved) {
-        try {
-          this.items = JSON.parse(saved);
-        } catch {
-          this.items = [];
-        }
-      }
-    }
-  }
-}
-
-export const cart = new CartStore();
-```
-
-```svelte
-<!-- CartButton.svelte -->
-<script lang="ts">
-  import { cart } from '$lib/stores/cart.svelte';
-</script>
-
-<button class="cart-button">
-  🛒
-  {#if cart.itemCount > 0}
-    <span class="badge">{cart.itemCount}</span>
-  {/if}
-</button>
-
-<!-- CartSummary.svelte -->
-<script lang="ts">
-  import { cart } from '$lib/stores/cart.svelte';
-</script>
-
-<div class="cart-summary">
-  <p>Subtotal: ${cart.subtotal.toFixed(2)}</p>
-  <p>Tax: ${cart.tax.toFixed(2)}</p>
-  <p><strong>Total: ${cart.total.toFixed(2)}</strong></p>
-</div>
-```
-
----
-
-## 🌐 Pattern 6: Context for Component Trees
-
-Pass state down a component tree without prop drilling.
-
-```svelte
-<!-- ThemeProvider.svelte -->
-<script lang="ts" module>
-  import { setContext, getContext } from 'svelte';
-  
-  const THEME_KEY = Symbol('theme');
-  
-  export type Theme = 'light' | 'dark' | 'system';
-  
-  export interface ThemeContext {
-    theme: { value: Theme };
-    resolvedTheme: { value: 'light' | 'dark' };
-    setTheme: (theme: Theme) => void;
-  }
-  
-  export function getTheme(): ThemeContext {
-    return getContext(THEME_KEY);
-  }
-</script>
-
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { browser } from '$app/environment';
-  
-  interface Props {
-    defaultTheme?: Theme;
-    children: Snippet;
-  }
-  
-  let { defaultTheme = 'system', children }: Props = $props();
-  
-  let theme = $state<Theme>(defaultTheme);
-  let systemTheme = $state<'light' | 'dark'>('light');
-  
-  let resolvedTheme = $derived<'light' | 'dark'>(
-    theme === 'system' ? systemTheme : theme
-  );
-  
-  // Watch system preference
-  $effect(() => {
-    if (!browser) return;
-    
-    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    systemTheme = mediaQuery.matches ? 'dark' : 'light';
-    
-    const handler = (e: MediaQueryListEvent) => {
-      systemTheme = e.matches ? 'dark' : 'light';
-    };
-    
-    mediaQuery.addEventListener('change', handler);
-    return () => mediaQuery.removeEventListener('change', handler);
-  });
-  
-  // Apply theme to document
-  $effect(() => {
-    if (!browser) return;
-    document.documentElement.dataset.theme = resolvedTheme;
-  });
-  
-  setContext<ThemeContext>(THEME_KEY, {
-    get theme() { return { value: theme }; },
-    get resolvedTheme() { return { value: resolvedTheme }; },
-    setTheme: (t: Theme) => { theme = t; }
-  });
-</script>
-
-{@render children()}
-```
-
-```svelte
-<!-- ThemeToggle.svelte -->
-<script lang="ts">
-  import { getTheme } from './ThemeProvider.svelte';
-  
-  const { theme, setTheme } = getTheme();
-</script>
-
-<button onclick={() => setTheme(theme.value === 'dark' ? 'light' : 'dark')}>
-  {theme.value === 'dark' ? '☀️' : '🌙'}
-</button>
-```
-
----
-
-## 📡 Pattern 7: Async State with Loading/Error
-
-Handle async operations elegantly.
-
-```typescript
-// stores/async.svelte.ts
-export type AsyncState<T> = 
-  | { status: 'idle' }
-  | { status: 'loading' }
-  | { status: 'success'; data: T }
-  | { status: 'error'; error: Error };
-
-export function createAsyncState<T>() {
-  let state = $state<AsyncState<T>>({ status: 'idle' });
-  
-  return {
-    get state() { return state; },
-    get isLoading() { return state.status === 'loading'; },
-    get isSuccess() { return state.status === 'success'; },
-    get isError() { return state.status === 'error'; },
-    get data() { return state.status === 'success' ? state.data : null; },
-    get error() { return state.status === 'error' ? state.error : null; },
-    
-    async run(fn: () => Promise<T>) {
-      state = { status: 'loading' };
-      try {
-        const data = await fn();
-        state = { status: 'success', data };
-        return data;
-      } catch (e) {
-        const error = e instanceof Error ? e : new Error(String(e));
-        state = { status: 'error', error };
-        throw error;
-      }
-    },
-    
-    reset() {
-      state = { status: 'idle' };
-    }
-  };
-}
-
-// Usage in a store
-class UserStore {
-  private usersAsync = createAsyncState<User[]>();
-  
-  get users() { return this.usersAsync.data ?? []; }
-  get loading() { return this.usersAsync.isLoading; }
-  get error() { return this.usersAsync.error; }
-  
-  async fetchUsers() {
-    await this.usersAsync.run(async () => {
-      const res = await fetch('/api/users');
-      return res.json();
-    });
-  }
-}
-```
-
----
-
-## 🔄 Pattern 8: Undo/Redo State
-
-Maintain history for undo/redo functionality.
-
-```typescript
-// stores/history.svelte.ts
-export function createHistoryState<T>(initial: T) {
-  let past = $state<T[]>([]);
-  let present = $state<T>(initial);
-  let future = $state<T[]>([]);
-  
-  return {
-    get value() { return present; },
-    get canUndo() { return past.length > 0; },
-    get canRedo() { return future.length > 0; },
-    
-    set(value: T) {
-      past.push($state.snapshot(present) as T);
-      present = value;
-      future = [];
-    },
-    
-    undo() {
-      if (past.length === 0) return;
-      
-      future.unshift($state.snapshot(present) as T);
-      present = past.pop()!;
-    },
-    
-    redo() {
-      if (future.length === 0) return;
-      
-      past.push($state.snapshot(present) as T);
-      present = future.shift()!;
-    },
-    
-    reset(value: T) {
-      past = [];
-      present = value;
-      future = [];
-    }
-  };
-}
-
-// Usage
-const editor = createHistoryState({ text: '', fontSize: 16 });
-
-// Make changes
-editor.set({ text: 'Hello', fontSize: 16 });
-editor.set({ text: 'Hello World', fontSize: 16 });
-
-// Undo
-editor.undo(); // Back to 'Hello'
-editor.undo(); // Back to ''
-
-// Redo
-editor.redo(); // Forward to 'Hello'
-```
-
----
-
-## 📋 State Management Best Practices
-
-### ✅ Do:
-- Keep state as local as possible
-- Use `$derived` for computed values
-- Use `.svelte.ts` files for shared state
-- Type your state with TypeScript
-- Use `$state.snapshot()` before serializing
-- Clean up effects that create subscriptions
-
-### ❌ Don't:
-- Create global stores for component-local state
-- Mutate derived values
-- Put async logic in `$effect` without cleanup
-- Destructure `$state` objects (breaks reactivity)
-- Forget to handle loading/error states
-
----
-
-## 🔍 Debugging State
-
-```svelte
-<script lang="ts">
-  let user = $state({ name: 'John', age: 30 });
-  let items = $state([1, 2, 3]);
-  
-  // Log all changes during development
-  $inspect(user, items);
-  
-  // Or with custom handler
-  $inspect(user).with((type, ...values) => {
-    if (type === 'update') {
-      console.table(values);
-    }
-  });
-</script>
-```
diff --git a/svelte-reference/04-SVELTEKIT_ROUTING.md b/svelte-reference/04-SVELTEKIT_ROUTING.md
deleted file mode 100644
index f48352d..0000000
--- a/svelte-reference/04-SVELTEKIT_ROUTING.md
+++ /dev/null
@@ -1,728 +0,0 @@
-# SvelteKit Routing & Data Loading Guide
-
-## Overview
-
-SvelteKit is the official framework for building Svelte applications. It provides file-based routing, server-side rendering, and powerful data loading primitives.
-
----
-
-## 📁 File-Based Routing
-
-### Route Structure
-```
-src/routes/
-├── +page.svelte              # → /
-├── +layout.svelte            # Layout for all routes
-├── about/
-│   └── +page.svelte          # → /about
-├── blog/
-│   ├── +page.svelte          # → /blog
-│   └── [slug]/
-│       └── +page.svelte      # → /blog/:slug
-├── users/
-│   ├── +page.svelte          # → /users
-│   ├── [id]/
-│   │   ├── +page.svelte      # → /users/:id
-│   │   └── +page.server.ts   # Server-only load
-│   └── [...rest]/
-│       └── +page.svelte      # → /users/* (catch-all)
-└── api/
-    └── posts/
-        └── +server.ts        # → /api/posts (API endpoint)
-```
-
-### Route Files Explained
-
-| File | Purpose | Runs On |
-|------|---------|---------|
-| `+page.svelte` | Page component | Client |
-| `+page.ts` | Load data for page | Client & Server |
-| `+page.server.ts` | Load data (server only) | Server only |
-| `+layout.svelte` | Shared layout | Client |
-| `+layout.ts` | Load data for layout | Client & Server |
-| `+layout.server.ts` | Load layout data (server) | Server only |
-| `+server.ts` | API endpoint | Server only |
-| `+error.svelte` | Error page | Client |
-
----
-
-## 📥 Data Loading
-
-### Basic Load Function (+page.ts)
-
-```typescript
-// src/routes/posts/+page.ts
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ fetch }) => {
-  const response = await fetch('/api/posts');
-  const posts = await response.json();
-  
-  return {
-    posts
-  };
-};
-```
-
-```svelte
-<!-- src/routes/posts/+page.svelte -->
-<script lang="ts">
-  import type { PageData } from './$types';
-  
-  let { data }: { data: PageData } = $props();
-</script>
-
-<h1>Posts</h1>
-
-{#each data.posts as post}
-  <article>
-    <h2>{post.title}</h2>
-    <p>{post.excerpt}</p>
-  </article>
-{/each}
-```
-
-### Server-Only Load (+page.server.ts)
-
-```typescript
-// src/routes/dashboard/+page.server.ts
-import type { PageServerLoad } from './$types';
-import { db } from '$lib/server/database';
-import { error, redirect } from '@sveltejs/kit';
-
-export const load: PageServerLoad = async ({ locals, cookies }) => {
-  // Access server-only resources
-  const session = cookies.get('session');
-  
-  if (!session) {
-    redirect(303, '/login');
-  }
-  
-  const user = await db.user.findUnique({
-    where: { sessionId: session }
-  });
-  
-  if (!user) {
-    error(401, 'Unauthorized');
-  }
-  
-  const stats = await db.stats.findMany({
-    where: { userId: user.id }
-  });
-  
-  return {
-    user: {
-      name: user.name,
-      email: user.email
-    },
-    stats
-  };
-};
-```
-
-### Load with Parameters
-
-```typescript
-// src/routes/blog/[slug]/+page.ts
-import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
-
-export const load: PageLoad = async ({ params, fetch }) => {
-  const response = await fetch(`/api/posts/${params.slug}`);
-  
-  if (!response.ok) {
-    error(404, 'Post not found');
-  }
-  
-  const post = await response.json();
-  
-  return {
-    post
-  };
-};
-```
-
-### Parent Data Access
-
-```typescript
-// src/routes/+layout.ts
-import type { LayoutLoad } from './$types';
-
-export const load: LayoutLoad = async ({ fetch }) => {
-  const response = await fetch('/api/user');
-  const user = response.ok ? await response.json() : null;
-  
-  return { user };
-};
-
-// src/routes/dashboard/+page.ts
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ parent }) => {
-  // Access data from parent layout
-  const { user } = await parent();
-  
-  if (!user) {
-    // Handle unauthenticated state
-  }
-  
-  return {
-    // Additional data
-  };
-};
-```
-
-### Parallel Data Loading
-
-```typescript
-// src/routes/dashboard/+page.ts
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ fetch }) => {
-  // Load data in parallel
-  const [postsRes, statsRes, notificationsRes] = await Promise.all([
-    fetch('/api/posts'),
-    fetch('/api/stats'),
-    fetch('/api/notifications')
-  ]);
-  
-  return {
-    posts: postsRes.json(),
-    stats: statsRes.json(),
-    notifications: notificationsRes.json()
-  };
-};
-```
-
----
-
-## 📤 Form Actions
-
-### Basic Form Action
-
-```typescript
-// src/routes/login/+page.server.ts
-import type { Actions, PageServerLoad } from './$types';
-import { fail, redirect } from '@sveltejs/kit';
-import { db } from '$lib/server/database';
-
-export const load: PageServerLoad = async ({ locals }) => {
-  if (locals.user) {
-    redirect(303, '/dashboard');
-  }
-};
-
-export const actions: Actions = {
-  default: async ({ request, cookies }) => {
-    const data = await request.formData();
-    const email = data.get('email')?.toString();
-    const password = data.get('password')?.toString();
-    
-    if (!email || !password) {
-      return fail(400, { 
-        email,
-        error: 'Email and password are required' 
-      });
-    }
-    
-    const user = await db.user.findUnique({ where: { email } });
-    
-    if (!user || !await verifyPassword(password, user.passwordHash)) {
-      return fail(401, { 
-        email,
-        error: 'Invalid credentials' 
-      });
-    }
-    
-    const session = await createSession(user.id);
-    cookies.set('session', session.id, { 
-      path: '/',
-      httpOnly: true,
-      secure: true,
-      sameSite: 'lax',
-      maxAge: 60 * 60 * 24 * 7 // 1 week
-    });
-    
-    redirect(303, '/dashboard');
-  }
-};
-```
-
-```svelte
-<!-- src/routes/login/+page.svelte -->
-<script lang="ts">
-  import type { ActionData, PageData } from './$types';
-  import { enhance } from '$app/forms';
-  
-  let { form }: { form: ActionData } = $props();
-  
-  let loading = $state(false);
-</script>
-
-<form 
-  method="POST" 
-  use:enhance={() => {
-    loading = true;
-    return async ({ update }) => {
-      loading = false;
-      await update();
-    };
-  }}
->
-  {#if form?.error}
-    <p class="error">{form.error}</p>
-  {/if}
-  
-  <label>
-    Email
-    <input 
-      type="email" 
-      name="email" 
-      value={form?.email ?? ''} 
-      required
-    />
-  </label>
-  
-  <label>
-    Password
-    <input type="password" name="password" required />
-  </label>
-  
-  <button type="submit" disabled={loading}>
-    {loading ? 'Logging in...' : 'Login'}
-  </button>
-</form>
-```
-
-### Named Actions
-
-```typescript
-// src/routes/settings/+page.server.ts
-import type { Actions } from './$types';
-
-export const actions: Actions = {
-  updateProfile: async ({ request }) => {
-    const data = await request.formData();
-    // Handle profile update
-    return { success: true };
-  },
-  
-  changePassword: async ({ request }) => {
-    const data = await request.formData();
-    // Handle password change
-    return { success: true };
-  },
-  
-  deleteAccount: async ({ request, cookies }) => {
-    // Handle account deletion
-    cookies.delete('session', { path: '/' });
-    redirect(303, '/');
-  }
-};
-```
-
-```svelte
-<!-- Use named actions -->
-<form method="POST" action="?/updateProfile" use:enhance>
-  <!-- Profile form -->
-</form>
-
-<form method="POST" action="?/changePassword" use:enhance>
-  <!-- Password form -->
-</form>
-
-<form method="POST" action="?/deleteAccount" use:enhance>
-  <button type="submit">Delete Account</button>
-</form>
-```
-
----
-
-## 🔌 API Routes (+server.ts)
-
-### RESTful API Endpoint
-
-```typescript
-// src/routes/api/posts/+server.ts
-import type { RequestHandler } from './$types';
-import { json, error } from '@sveltejs/kit';
-import { db } from '$lib/server/database';
-
-// GET /api/posts
-export const GET: RequestHandler = async ({ url }) => {
-  const limit = Number(url.searchParams.get('limit')) || 10;
-  const offset = Number(url.searchParams.get('offset')) || 0;
-  
-  const posts = await db.post.findMany({
-    take: limit,
-    skip: offset,
-    orderBy: { createdAt: 'desc' }
-  });
-  
-  return json(posts);
-};
-
-// POST /api/posts
-export const POST: RequestHandler = async ({ request, locals }) => {
-  if (!locals.user) {
-    error(401, 'Unauthorized');
-  }
-  
-  const body = await request.json();
-  
-  const post = await db.post.create({
-    data: {
-      title: body.title,
-      content: body.content,
-      authorId: locals.user.id
-    }
-  });
-  
-  return json(post, { status: 201 });
-};
-
-// src/routes/api/posts/[id]/+server.ts
-import type { RequestHandler } from './$types';
-import { json, error } from '@sveltejs/kit';
-
-// GET /api/posts/:id
-export const GET: RequestHandler = async ({ params }) => {
-  const post = await db.post.findUnique({
-    where: { id: params.id }
-  });
-  
-  if (!post) {
-    error(404, 'Post not found');
-  }
-  
-  return json(post);
-};
-
-// PUT /api/posts/:id
-export const PUT: RequestHandler = async ({ params, request, locals }) => {
-  const post = await db.post.findUnique({
-    where: { id: params.id }
-  });
-  
-  if (!post) {
-    error(404, 'Post not found');
-  }
-  
-  if (post.authorId !== locals.user?.id) {
-    error(403, 'Forbidden');
-  }
-  
-  const body = await request.json();
-  
-  const updated = await db.post.update({
-    where: { id: params.id },
-    data: body
-  });
-  
-  return json(updated);
-};
-
-// DELETE /api/posts/:id
-export const DELETE: RequestHandler = async ({ params, locals }) => {
-  const post = await db.post.findUnique({
-    where: { id: params.id }
-  });
-  
-  if (!post) {
-    error(404, 'Post not found');
-  }
-  
-  if (post.authorId !== locals.user?.id) {
-    error(403, 'Forbidden');
-  }
-  
-  await db.post.delete({
-    where: { id: params.id }
-  });
-  
-  return new Response(null, { status: 204 });
-};
-```
-
----
-
-## 🏗️ Layouts
-
-### Root Layout
-
-```svelte
-<!-- src/routes/+layout.svelte -->
-<script lang="ts">
-  import type { LayoutData } from './$types';
-  import type { Snippet } from 'svelte';
-  import Header from '$lib/components/Header.svelte';
-  import Footer from '$lib/components/Footer.svelte';
-  import '../app.css';
-  
-  let { data, children }: { data: LayoutData; children: Snippet } = $props();
-</script>
-
-<div class="app">
-  <Header user={data.user} />
-  
-  <main>
-    {@render children()}
-  </main>
-  
-  <Footer />
-</div>
-```
-
-### Nested Layouts
-
-```svelte
-<!-- src/routes/dashboard/+layout.svelte -->
-<script lang="ts">
-  import type { LayoutData } from './$types';
-  import type { Snippet } from 'svelte';
-  import Sidebar from '$lib/components/Sidebar.svelte';
-  
-  let { data, children }: { data: LayoutData; children: Snippet } = $props();
-</script>
-
-<div class="dashboard">
-  <Sidebar />
-  
-  <div class="content">
-    {@render children()}
-  </div>
-</div>
-```
-
-### Layout Groups
-
-```
-src/routes/
-├── (auth)/              # Group - no route segment
-│   ├── +layout.svelte   # Shared layout for auth pages
-│   ├── login/
-│   │   └── +page.svelte
-│   └── register/
-│       └── +page.svelte
-├── (app)/               # Group - no route segment
-│   ├── +layout.svelte   # Shared layout for app pages
-│   ├── dashboard/
-│   │   └── +page.svelte
-│   └── settings/
-│       └── +page.svelte
-└── +layout.svelte       # Root layout
-```
-
-### Breaking Out of Layout
-
-```svelte
-<!-- src/routes/special/+page@.svelte -->
-<!-- The @. means use root layout, not parent -->
-<script lang="ts">
-  // This page uses +layout.svelte directly, skipping any nested layouts
-</script>
-```
-
----
-
-## 🔀 Navigation
-
-### Programmatic Navigation
-
-```svelte
-<script lang="ts">
-  import { goto, invalidate, invalidateAll } from '$app/navigation';
-  import { page } from '$app/stores';
-  
-  // Navigate to a page
-  async function navigate() {
-    await goto('/dashboard');
-  }
-  
-  // Navigate with options
-  async function navigateWithState() {
-    await goto('/search', {
-      replaceState: true,  // Replace instead of push
-      keepFocus: true,     // Keep focus on current element
-      noScroll: true,      // Don't scroll to top
-      state: { query: 'test' } // Pass state
-    });
-  }
-  
-  // Invalidate load functions
-  async function refresh() {
-    await invalidate('/api/posts'); // Rerun loads that depend on this
-    // or
-    await invalidateAll(); // Rerun all load functions
-  }
-</script>
-
-<!-- Current page info -->
-<p>Current path: {$page.url.pathname}</p>
-<p>Query: {$page.url.searchParams.get('q')}</p>
-```
-
-### Link Prefetching
-
-```svelte
-<!-- Preload on hover (default) -->
-<a href="/about">About</a>
-
-<!-- Preload on viewport entry -->
-<a href="/posts" data-sveltekit-preload-data="hover">Posts</a>
-
-<!-- Disable preloading -->
-<a href="/external" data-sveltekit-preload-data="off">External</a>
-
-<!-- Preload immediately when link is rendered -->
-<a href="/dashboard" data-sveltekit-preload-data="eager">Dashboard</a>
-```
-
----
-
-## ⚠️ Error Handling
-
-### Error Pages
-
-```svelte
-<!-- src/routes/+error.svelte -->
-<script lang="ts">
-  import { page } from '$app/stores';
-</script>
-
-<div class="error">
-  <h1>{$page.status}</h1>
-  <p>{$page.error?.message}</p>
-  <a href="/">Go home</a>
-</div>
-
-<!-- src/routes/blog/+error.svelte -->
-<!-- More specific error page for /blog routes -->
-<script lang="ts">
-  import { page } from '$app/stores';
-</script>
-
-<div class="blog-error">
-  <h1>Blog Post Not Found</h1>
-  <p>{$page.error?.message}</p>
-  <a href="/blog">View all posts</a>
-</div>
-```
-
-### Throwing Errors
-
-```typescript
-// In load functions or actions
-import { error, redirect } from '@sveltejs/kit';
-
-export const load = async ({ params }) => {
-  const post = await getPost(params.id);
-  
-  if (!post) {
-    error(404, {
-      message: 'Post not found',
-      code: 'POST_NOT_FOUND'
-    });
-  }
-  
-  if (post.draft) {
-    redirect(303, '/blog');
-  }
-  
-  return { post };
-};
-```
-
----
-
-## 🔧 Hooks
-
-### Server Hooks (hooks.server.ts)
-
-```typescript
-// src/hooks.server.ts
-import type { Handle, HandleFetch, HandleServerError } from '@sveltejs/kit';
-
-// Runs for every request
-export const handle: Handle = async ({ event, resolve }) => {
-  // Authentication
-  const session = event.cookies.get('session');
-  if (session) {
-    event.locals.user = await getUserFromSession(session);
-  }
-  
-  // Performance timing
-  const start = Date.now();
-  
-  const response = await resolve(event, {
-    // Transform HTML
-    transformPageChunk: ({ html }) => html.replace('%theme%', 'dark')
-  });
-  
-  // Log request duration
-  console.log(`${event.request.method} ${event.url.pathname} - ${Date.now() - start}ms`);
-  
-  return response;
-};
-
-// Customize server-side fetch
-export const handleFetch: HandleFetch = async ({ request, fetch }) => {
-  // Add auth header to internal API calls
-  if (request.url.startsWith('https://api.internal.com')) {
-    request.headers.set('Authorization', `Bearer ${API_KEY}`);
-  }
-  
-  return fetch(request);
-};
-
-// Handle unexpected errors
-export const handleError: HandleServerError = async ({ error, event }) => {
-  console.error('Server error:', error);
-  
-  // Report to error tracking service
-  await reportError(error, event);
-  
-  return {
-    message: 'An unexpected error occurred',
-    code: 'INTERNAL_ERROR'
-  };
-};
-```
-
-### Client Hooks (hooks.client.ts)
-
-```typescript
-// src/hooks.client.ts
-import type { HandleClientError } from '@sveltejs/kit';
-
-export const handleError: HandleClientError = async ({ error, event }) => {
-  console.error('Client error:', error);
-  
-  // Report to error tracking
-  await reportClientError(error);
-  
-  return {
-    message: 'Something went wrong',
-    code: 'CLIENT_ERROR'
-  };
-};
-```
-
----
-
-## 📋 Best Practices
-
-### ✅ Do:
-- Use `+page.server.ts` for sensitive data
-- Return typed data from load functions
-- Use `use:enhance` for progressive enhancement
-- Handle loading and error states
-- Use route groups for layout organization
-- Validate form data server-side
-
-### ❌ Don't:
-- Put secrets in `+page.ts` (runs on client)
-- Forget to await `parent()` in child loads
-- Block navigation with slow loads
-- Ignore accessibility in forms
-- Hardcode URLs (use `$page` store)
diff --git a/svelte-reference/05-TYPESCRIPT_GUIDE.md b/svelte-reference/05-TYPESCRIPT_GUIDE.md
deleted file mode 100644
index c49d4e3..0000000
--- a/svelte-reference/05-TYPESCRIPT_GUIDE.md
+++ /dev/null
@@ -1,845 +0,0 @@
-# Svelte + TypeScript Complete Guide
-
-## Overview
-
-TypeScript is a first-class citizen in Svelte 5. This guide covers all TypeScript patterns for Svelte development.
-
----
-
-## 🔧 Configuration
-
-### tsconfig.json
-
-```json
-{
-  "extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
-    "strict": true,
-    "moduleResolution": "bundler",
-    "module": "ESNext",
-    "target": "ESNext",
-    "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "exactOptionalPropertyTypes": true,
-    "noUncheckedIndexedAccess": true
-  },
-  "include": [
-    ".svelte-kit/**/*.ts",
-    "src/**/*.ts",
-    "src/**/*.svelte"
-  ]
-}
-```
-
-### svelte.config.js
-
-```javascript
-import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  preprocess: vitePreprocess(),
-  kit: {
-    adapter: adapter(),
-    alias: {
-      $components: './src/lib/components',
-      $stores: './src/lib/stores',
-      $utils: './src/lib/utils',
-      $types: './src/lib/types'
-    }
-  }
-};
-
-export default config;
-```
-
----
-
-## 📦 Component Typing
-
-### Basic Props
-
-```svelte
-<script lang="ts">
-  interface Props {
-    name: string;
-    age: number;
-    email?: string;
-    active?: boolean;
-  }
-  
-  let { 
-    name, 
-    age, 
-    email = 'N/A',
-    active = true 
-  }: Props = $props();
-</script>
-```
-
-### Props with HTML Attributes
-
-```svelte
-<script lang="ts">
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  
-  interface Props extends HTMLButtonAttributes {
-    variant?: 'primary' | 'secondary' | 'danger';
-    loading?: boolean;
-  }
-  
-  let { 
-    variant = 'primary', 
-    loading = false,
-    disabled,
-    ...rest 
-  }: Props = $props();
-  
-  let isDisabled = $derived(disabled || loading);
-</script>
-
-<button class={variant} disabled={isDisabled} {...rest}>
-  {#if loading}
-    <span class="spinner" />
-  {/if}
-  <slot />
-</button>
-```
-
-### Props with Snippets
-
-```svelte
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    children: Snippet;
-    header?: Snippet;
-    footer?: Snippet<[{ close: () => void }]>;
-  }
-  
-  let { children, header, footer }: Props = $props();
-  
-  let open = $state(true);
-  
-  function close() {
-    open = false;
-  }
-</script>
-
-{#if open}
-  <div class="modal">
-    {#if header}
-      {@render header()}
-    {/if}
-    
-    <div class="body">
-      {@render children()}
-    </div>
-    
-    {#if footer}
-      {@render footer({ close })}
-    {/if}
-  </div>
-{/if}
-```
-
-### Generic Components
-
-```svelte
-<script lang="ts" generics="T extends { id: string | number }">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    items: T[];
-    selected?: T | null;
-    renderItem: Snippet<[T]>;
-    onselect?: (item: T) => void;
-  }
-  
-  let { items, selected = null, renderItem, onselect }: Props = $props();
-</script>
-
-<ul>
-  {#each items as item (item.id)}
-    <li 
-      class:selected={selected?.id === item.id}
-      onclick={() => onselect?.(item)}
-    >
-      {@render renderItem(item)}
-    </li>
-  {/each}
-</ul>
-```
-
----
-
-## 🔗 Event Typing
-
-### Custom Event Handlers
-
-```svelte
-<script lang="ts">
-  interface Props {
-    onchange?: (value: string) => void;
-    onsubmit?: (data: FormData) => void;
-    onclear?: () => void;
-  }
-  
-  let { onchange, onsubmit, onclear }: Props = $props();
-  
-  let value = $state('');
-  
-  function handleInput(e: Event) {
-    const target = e.target as HTMLInputElement;
-    value = target.value;
-    onchange?.(value);
-  }
-  
-  function handleSubmit(e: SubmitEvent) {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget as HTMLFormElement);
-    onsubmit?.(formData);
-  }
-</script>
-
-<form onsubmit={handleSubmit}>
-  <input type="text" oninput={handleInput} />
-  <button type="submit">Submit</button>
-  <button type="button" onclick={onclear}>Clear</button>
-</form>
-```
-
-### DOM Event Types
-
-```svelte
-<script lang="ts">
-  // Common event types
-  function handleClick(e: MouseEvent) {
-    console.log(e.clientX, e.clientY);
-  }
-  
-  function handleKeydown(e: KeyboardEvent) {
-    if (e.key === 'Enter') {
-      // Handle enter
-    }
-  }
-  
-  function handleInput(e: Event & { currentTarget: HTMLInputElement }) {
-    console.log(e.currentTarget.value);
-  }
-  
-  function handleChange(e: Event & { currentTarget: HTMLSelectElement }) {
-    console.log(e.currentTarget.value);
-  }
-  
-  function handleSubmit(e: SubmitEvent) {
-    e.preventDefault();
-    const form = e.currentTarget as HTMLFormElement;
-    const data = new FormData(form);
-  }
-  
-  function handleFocus(e: FocusEvent) {
-    // Handle focus
-  }
-  
-  function handleDrag(e: DragEvent) {
-    // Handle drag
-  }
-</script>
-
-<button onclick={handleClick}>Click me</button>
-<input oninput={handleInput} onkeydown={handleKeydown} />
-<form onsubmit={handleSubmit}>...</form>
-```
-
----
-
-## 📊 State Typing
-
-### Basic State
-
-```svelte
-<script lang="ts">
-  // Primitive types are inferred
-  let count = $state(0);          // number
-  let name = $state('');          // string
-  let active = $state(false);     // boolean
-  
-  // Explicit typing for complex types
-  let user = $state<User | null>(null);
-  let items = $state<string[]>([]);
-  let map = $state<Map<string, number>>(new Map());
-  
-  // Typing nullable state
-  let data = $state<ApiResponse | undefined>(undefined);
-</script>
-```
-
-### Derived Types
-
-```svelte
-<script lang="ts">
-  interface User {
-    id: string;
-    name: string;
-    roles: string[];
-  }
-  
-  let users = $state<User[]>([]);
-  let searchQuery = $state('');
-  
-  // Type is inferred from expression
-  let filteredUsers = $derived(
-    users.filter(u => 
-      u.name.toLowerCase().includes(searchQuery.toLowerCase())
-    )
-  );
-  
-  // Explicit return type with $derived.by
-  let stats = $derived.by((): { total: number; admins: number } => {
-    return {
-      total: users.length,
-      admins: users.filter(u => u.roles.includes('admin')).length
-    };
-  });
-</script>
-```
-
-### Effect Types
-
-```svelte
-<script lang="ts">
-  let count = $state(0);
-  
-  // Effect with cleanup
-  $effect(() => {
-    const controller = new AbortController();
-    
-    fetchData(controller.signal)
-      .then(handleData)
-      .catch(handleError);
-    
-    // Cleanup function
-    return () => {
-      controller.abort();
-    };
-  });
-  
-  // Pre-effect
-  let container: HTMLDivElement;
-  
-  $effect.pre(() => {
-    // Runs before DOM updates
-    if (container) {
-      // Save scroll position
-    }
-  });
-</script>
-```
-
----
-
-## 🏪 Store Types (.svelte.ts)
-
-### Class-Based Store
-
-```typescript
-// src/lib/stores/counter.svelte.ts
-
-export class Counter {
-  count = $state(0);
-  
-  doubled = $derived(this.count * 2);
-  
-  increment() {
-    this.count++;
-  }
-  
-  decrement() {
-    this.count--;
-  }
-  
-  reset() {
-    this.count = 0;
-  }
-}
-
-// Singleton instance
-export const counter = new Counter();
-```
-
-### Complex Typed Store
-
-```typescript
-// src/lib/stores/auth.svelte.ts
-
-export interface User {
-  id: string;
-  email: string;
-  name: string;
-  avatar?: string;
-  roles: ('user' | 'admin' | 'moderator')[];
-}
-
-export interface AuthState {
-  user: User | null;
-  loading: boolean;
-  error: string | null;
-}
-
-class AuthStore {
-  user = $state<User | null>(null);
-  loading = $state(false);
-  error = $state<string | null>(null);
-  
-  isAuthenticated = $derived(this.user !== null);
-  isAdmin = $derived(this.user?.roles.includes('admin') ?? false);
-  
-  async login(email: string, password: string): Promise<void> {
-    this.loading = true;
-    this.error = null;
-    
-    try {
-      const response = await fetch('/api/auth/login', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ email, password })
-      });
-      
-      if (!response.ok) {
-        const data = await response.json();
-        throw new Error(data.message || 'Login failed');
-      }
-      
-      this.user = await response.json();
-    } catch (e) {
-      this.error = e instanceof Error ? e.message : 'Unknown error';
-      throw e;
-    } finally {
-      this.loading = false;
-    }
-  }
-  
-  logout(): void {
-    this.user = null;
-  }
-}
-
-export const auth = new AuthStore();
-```
-
-### Factory Function Store
-
-```typescript
-// src/lib/stores/createPagination.svelte.ts
-
-export interface PaginationOptions {
-  initialPage?: number;
-  pageSize?: number;
-}
-
-export interface PaginationState<T> {
-  items: T[];
-  page: number;
-  pageSize: number;
-  total: number;
-}
-
-export function createPagination<T>(
-  fetchFn: (page: number, pageSize: number) => Promise<{ items: T[]; total: number }>,
-  options: PaginationOptions = {}
-) {
-  const { initialPage = 1, pageSize = 10 } = options;
-  
-  let items = $state<T[]>([]);
-  let page = $state(initialPage);
-  let total = $state(0);
-  let loading = $state(false);
-  let error = $state<Error | null>(null);
-  
-  const totalPages = $derived(Math.ceil(total / pageSize));
-  const hasNext = $derived(page < totalPages);
-  const hasPrev = $derived(page > 1);
-  
-  async function load() {
-    loading = true;
-    error = null;
-    
-    try {
-      const result = await fetchFn(page, pageSize);
-      items = result.items;
-      total = result.total;
-    } catch (e) {
-      error = e instanceof Error ? e : new Error(String(e));
-    } finally {
-      loading = false;
-    }
-  }
-  
-  function nextPage() {
-    if (hasNext) {
-      page++;
-      load();
-    }
-  }
-  
-  function prevPage() {
-    if (hasPrev) {
-      page--;
-      load();
-    }
-  }
-  
-  function goToPage(p: number) {
-    if (p >= 1 && p <= totalPages) {
-      page = p;
-      load();
-    }
-  }
-  
-  return {
-    get items() { return items; },
-    get page() { return page; },
-    get pageSize() { return pageSize; },
-    get total() { return total; },
-    get totalPages() { return totalPages; },
-    get loading() { return loading; },
-    get error() { return error; },
-    get hasNext() { return hasNext; },
-    get hasPrev() { return hasPrev; },
-    load,
-    nextPage,
-    prevPage,
-    goToPage
-  };
-}
-```
-
----
-
-## 🌐 SvelteKit Types
-
-### Load Functions
-
-```typescript
-// src/routes/users/[id]/+page.ts
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, fetch, parent }) => {
-  // params is typed based on route
-  const userId = params.id; // string
-  
-  // parent() returns parent layout data
-  const parentData = await parent();
-  
-  const response = await fetch(`/api/users/${userId}`);
-  const user = await response.json() as User;
-  
-  return {
-    user,
-    parentData
-  };
-};
-```
-
-### Server Load Functions
-
-```typescript
-// src/routes/admin/+page.server.ts
-import type { PageServerLoad } from './$types';
-import { error, redirect } from '@sveltejs/kit';
-
-export const load: PageServerLoad = async ({ locals, cookies }) => {
-  // locals is typed in app.d.ts
-  if (!locals.user) {
-    redirect(303, '/login');
-  }
-  
-  if (!locals.user.roles.includes('admin')) {
-    error(403, 'Forbidden');
-  }
-  
-  // Access cookies
-  const theme = cookies.get('theme') ?? 'light';
-  
-  return {
-    user: locals.user,
-    theme
-  };
-};
-```
-
-### Form Actions
-
-```typescript
-// src/routes/posts/new/+page.server.ts
-import type { Actions } from './$types';
-import { fail, redirect } from '@sveltejs/kit';
-
-export const actions: Actions = {
-  default: async ({ request, locals }) => {
-    const data = await request.formData();
-    
-    const title = data.get('title')?.toString();
-    const content = data.get('content')?.toString();
-    
-    if (!title || !content) {
-      return fail(400, {
-        title,
-        content,
-        error: 'Title and content are required'
-      });
-    }
-    
-    const post = await createPost({
-      title,
-      content,
-      authorId: locals.user!.id
-    });
-    
-    redirect(303, `/posts/${post.id}`);
-  }
-};
-```
-
-### API Routes
-
-```typescript
-// src/routes/api/users/+server.ts
-import type { RequestHandler } from './$types';
-import { json, error } from '@sveltejs/kit';
-
-export const GET: RequestHandler = async ({ url }) => {
-  const limit = Number(url.searchParams.get('limit')) || 10;
-  
-  const users = await getUsers(limit);
-  
-  return json(users);
-};
-
-export const POST: RequestHandler = async ({ request }) => {
-  const body = await request.json() as CreateUserInput;
-  
-  // Validate
-  if (!body.email || !body.name) {
-    error(400, 'Missing required fields');
-  }
-  
-  const user = await createUser(body);
-  
-  return json(user, { status: 201 });
-};
-```
-
-### App Types (app.d.ts)
-
-```typescript
-// src/app.d.ts
-
-// See https://svelte.dev/docs/kit/types#app.d.ts
-
-declare global {
-  namespace App {
-    interface Error {
-      message: string;
-      code?: string;
-    }
-    
-    interface Locals {
-      user: {
-        id: string;
-        email: string;
-        name: string;
-        roles: string[];
-      } | null;
-    }
-    
-    interface PageData {
-      // Shared page data
-    }
-    
-    interface PageState {
-      // History state
-    }
-    
-    interface Platform {
-      // Platform-specific
-    }
-  }
-}
-
-export {};
-```
-
----
-
-## 🎯 Utility Types
-
-### Component Types
-
-```typescript
-// src/lib/types/components.ts
-
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-
-// Base props for all components
-export interface BaseProps {
-  class?: string;
-  id?: string;
-}
-
-// Polymorphic component props
-export type PolymorphicProps<E extends keyof HTMLElementTagNameMap> = 
-  BaseProps & HTMLAttributes<HTMLElementTagNameMap[E]>;
-
-// Common snippet patterns
-export type RenderProp<T> = Snippet<[T]>;
-export type ChildrenSnippet = Snippet;
-
-// Status union
-export type Status = 'idle' | 'loading' | 'success' | 'error';
-
-// Async state
-export type AsyncState<T> = 
-  | { status: 'idle' }
-  | { status: 'loading' }
-  | { status: 'success'; data: T }
-  | { status: 'error'; error: Error };
-```
-
-### API Types
-
-```typescript
-// src/lib/types/api.ts
-
-export interface ApiResponse<T> {
-  data: T;
-  meta?: {
-    page: number;
-    pageSize: number;
-    total: number;
-    totalPages: number;
-  };
-}
-
-export interface ApiError {
-  message: string;
-  code: string;
-  details?: Record<string, string[]>;
-}
-
-export type ApiResult<T> = 
-  | { success: true; data: T }
-  | { success: false; error: ApiError };
-
-// Type-safe fetch wrapper
-export async function apiFetch<T>(
-  url: string,
-  options?: RequestInit
-): Promise<T> {
-  const response = await fetch(url, {
-    headers: {
-      'Content-Type': 'application/json',
-      ...options?.headers
-    },
-    ...options
-  });
-  
-  if (!response.ok) {
-    const error = await response.json() as ApiError;
-    throw new Error(error.message);
-  }
-  
-  return response.json() as Promise<T>;
-}
-```
-
----
-
-## 📋 Type Checking Commands
-
-```bash
-# Run type checking
-npx svelte-check --tsconfig ./tsconfig.json
-
-# Watch mode
-npx svelte-check --tsconfig ./tsconfig.json --watch
-
-# With threshold (fail on warnings)
-npx svelte-check --tsconfig ./tsconfig.json --fail-on-warnings
-
-# Output format
-npx svelte-check --output human
-npx svelte-check --output human-verbose
-npx svelte-check --output machine
-```
-
-### package.json scripts
-
-```json
-{
-  "scripts": {
-    "check": "svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "eslint . && npm run check"
-  }
-}
-```
-
----
-
-## ⚠️ Common TypeScript Pitfalls
-
-### ❌ Destructuring $state Breaks Reactivity
-
-```svelte
-<script lang="ts">
-  let user = $state({ name: 'John', age: 30 });
-  
-  // ❌ BAD: Loses reactivity
-  const { name, age } = user;
-  
-  // ✅ GOOD: Access directly
-  // user.name, user.age
-</script>
-
-<p>{user.name} is {user.age}</p>
-```
-
-### ❌ Forgetting to Type Props
-
-```svelte
-<script lang="ts">
-  // ❌ BAD: No type safety
-  let { name, age } = $props();
-  
-  // ✅ GOOD: Typed props
-  let { name, age }: { name: string; age: number } = $props();
-</script>
-```
-
-### ❌ Using `any`
-
-```svelte
-<script lang="ts">
-  // ❌ BAD: Defeats TypeScript
-  let data: any = $state(null);
-  
-  // ✅ GOOD: Proper typing
-  interface Data {
-    id: string;
-    value: number;
-  }
-  let data = $state<Data | null>(null);
-</script>
-```
diff --git a/svelte-reference/06-STYLING_TAILWIND.md b/svelte-reference/06-STYLING_TAILWIND.md
deleted file mode 100644
index 03e0750..0000000
--- a/svelte-reference/06-STYLING_TAILWIND.md
+++ /dev/null
@@ -1,733 +0,0 @@
-# Svelte Styling & Tailwind Integration
-
-## Overview
-
-Svelte provides scoped CSS by default and integrates seamlessly with Tailwind CSS. This guide covers both approaches and best practices.
-
----
-
-## 🎨 Scoped CSS (Default)
-
-### Basic Scoped Styles
-
-```svelte
-<script lang="ts">
-  let { variant = 'primary' }: { variant?: 'primary' | 'secondary' } = $props();
-</script>
-
-<button class={variant}>
-  <slot />
-</button>
-
-<style>
-  /* These styles are automatically scoped to this component */
-  button {
-    padding: 0.5rem 1rem;
-    border-radius: 0.25rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s;
-  }
-  
-  .primary {
-    background: var(--color-primary);
-    color: white;
-    border: none;
-  }
-  
-  .primary:hover {
-    background: var(--color-primary-dark);
-  }
-  
-  .secondary {
-    background: transparent;
-    color: var(--color-primary);
-    border: 2px solid currentColor;
-  }
-  
-  .secondary:hover {
-    background: var(--color-primary);
-    color: white;
-  }
-</style>
-```
-
-### Global Styles with :global()
-
-```svelte
-<style>
-  /* Scoped to this component */
-  .container {
-    padding: 1rem;
-  }
-  
-  /* Applies globally - use sparingly */
-  :global(body) {
-    margin: 0;
-    font-family: system-ui;
-  }
-  
-  /* Global styles WITHIN a scoped selector */
-  .container :global(a) {
-    color: var(--color-link);
-  }
-  
-  /* Global class that can be used anywhere */
-  :global(.sr-only) {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    border: 0;
-  }
-</style>
-```
-
-### CSS Custom Properties (Variables)
-
-```svelte
-<!-- Define in root layout or app.css -->
-<style>
-  :root {
-    /* Colors */
-    --color-primary: #3b82f6;
-    --color-primary-dark: #2563eb;
-    --color-secondary: #6b7280;
-    --color-success: #10b981;
-    --color-warning: #f59e0b;
-    --color-error: #ef4444;
-    
-    /* Surfaces */
-    --color-background: #ffffff;
-    --color-surface: #f9fafb;
-    --color-border: #e5e7eb;
-    
-    /* Text */
-    --color-text: #111827;
-    --color-text-muted: #6b7280;
-    
-    /* Spacing */
-    --space-1: 0.25rem;
-    --space-2: 0.5rem;
-    --space-3: 0.75rem;
-    --space-4: 1rem;
-    --space-6: 1.5rem;
-    --space-8: 2rem;
-    
-    /* Typography */
-    --font-sans: system-ui, -apple-system, sans-serif;
-    --font-mono: ui-monospace, monospace;
-    
-    /* Shadows */
-    --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
-    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
-    
-    /* Borders */
-    --radius-sm: 0.25rem;
-    --radius-md: 0.375rem;
-    --radius-lg: 0.5rem;
-    --radius-full: 9999px;
-  }
-  
-  /* Dark mode */
-  :root[data-theme="dark"] {
-    --color-background: #111827;
-    --color-surface: #1f2937;
-    --color-border: #374151;
-    --color-text: #f9fafb;
-    --color-text-muted: #9ca3af;
-  }
-</style>
-```
-
----
-
-## 💨 Tailwind CSS Integration
-
-### Setup
-
-```bash
-# Install Tailwind
-npm install -D tailwindcss postcss autoprefixer
-npx tailwindcss init -p
-```
-
-### tailwind.config.js
-
-```javascript
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ['./src/**/*.{html,js,svelte,ts}'],
-  darkMode: 'class', // or 'media'
-  theme: {
-    extend: {
-      colors: {
-        primary: {
-          50: '#eff6ff',
-          100: '#dbeafe',
-          200: '#bfdbfe',
-          300: '#93c5fd',
-          400: '#60a5fa',
-          500: '#3b82f6',
-          600: '#2563eb',
-          700: '#1d4ed8',
-          800: '#1e40af',
-          900: '#1e3a8a',
-        },
-      },
-      fontFamily: {
-        sans: ['Inter var', 'system-ui', 'sans-serif'],
-      },
-    },
-  },
-  plugins: [
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/typography'),
-  ],
-};
-```
-
-### postcss.config.js
-
-```javascript
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
-```
-
-### app.css
-
-```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Custom base styles */
-@layer base {
-  body {
-    @apply bg-white dark:bg-gray-900 text-gray-900 dark:text-white;
-  }
-  
-  h1, h2, h3, h4, h5, h6 {
-    @apply font-bold tracking-tight;
-  }
-}
-
-/* Custom component classes */
-@layer components {
-  .btn {
-    @apply inline-flex items-center justify-center px-4 py-2 
-           font-medium rounded-lg transition-colors
-           focus:outline-none focus:ring-2 focus:ring-offset-2;
-  }
-  
-  .btn-primary {
-    @apply bg-primary-600 text-white hover:bg-primary-700 
-           focus:ring-primary-500;
-  }
-  
-  .btn-secondary {
-    @apply bg-gray-100 text-gray-700 hover:bg-gray-200
-           dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700;
-  }
-  
-  .input {
-    @apply block w-full rounded-lg border border-gray-300 
-           px-3 py-2 shadow-sm
-           focus:border-primary-500 focus:ring-1 focus:ring-primary-500
-           dark:border-gray-600 dark:bg-gray-800;
-  }
-  
-  .card {
-    @apply rounded-xl bg-white dark:bg-gray-800 
-           border border-gray-200 dark:border-gray-700
-           shadow-sm overflow-hidden;
-  }
-}
-
-/* Custom utilities */
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-  
-  .scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-  
-  .scrollbar-hide::-webkit-scrollbar {
-    display: none;
-  }
-}
-```
-
----
-
-## 🧩 Component Styling Patterns
-
-### Pattern 1: Tailwind Component
-
-```svelte
-<!-- Button.svelte -->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  
-  interface Props extends HTMLButtonAttributes {
-    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
-    size?: 'sm' | 'md' | 'lg';
-    loading?: boolean;
-    children: Snippet;
-  }
-  
-  let {
-    variant = 'primary',
-    size = 'md',
-    loading = false,
-    disabled,
-    class: className = '',
-    children,
-    ...rest
-  }: Props = $props();
-  
-  const baseClasses = `
-    inline-flex items-center justify-center font-medium rounded-lg
-    transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2
-    disabled:opacity-50 disabled:cursor-not-allowed
-  `;
-  
-  const variantClasses = {
-    primary: 'bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500',
-    secondary: 'bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300',
-    danger: 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500',
-    ghost: 'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800'
-  };
-  
-  const sizeClasses = {
-    sm: 'px-3 py-1.5 text-sm',
-    md: 'px-4 py-2 text-sm',
-    lg: 'px-6 py-3 text-base'
-  };
-  
-  let classes = $derived(
-    `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`.trim()
-  );
-</script>
-
-<button class={classes} disabled={disabled || loading} {...rest}>
-  {#if loading}
-    <svg class="animate-spin -ml-1 mr-2 h-4 w-4" fill="none" viewBox="0 0 24 24">
-      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
-      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
-    </svg>
-  {/if}
-  {@render children()}
-</button>
-```
-
-### Pattern 2: Class Merging with clsx/tailwind-merge
-
-```bash
-npm install clsx tailwind-merge
-```
-
-```typescript
-// src/lib/utils/cn.ts
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-```
-
-```svelte
-<!-- Card.svelte -->
-<script lang="ts">
-  import { cn } from '$lib/utils/cn';
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    variant?: 'default' | 'bordered' | 'elevated';
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    class?: string;
-    children: Snippet;
-  }
-  
-  let { 
-    variant = 'default',
-    padding = 'md',
-    class: className,
-    children 
-  }: Props = $props();
-</script>
-
-<div 
-  class={cn(
-    'rounded-xl bg-white dark:bg-gray-800',
-    {
-      'border border-gray-200 dark:border-gray-700': variant === 'default' || variant === 'bordered',
-      'shadow-lg': variant === 'elevated',
-      'p-0': padding === 'none',
-      'p-4': padding === 'sm',
-      'p-6': padding === 'md',
-      'p-8': padding === 'lg',
-    },
-    className
-  )}
->
-  {@render children()}
-</div>
-```
-
-### Pattern 3: CVA (Class Variance Authority)
-
-```bash
-npm install class-variance-authority
-```
-
-```typescript
-// src/lib/components/Button/variants.ts
-import { cva, type VariantProps } from 'class-variance-authority';
-
-export const buttonVariants = cva(
-  // Base classes
-  'inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed',
-  {
-    variants: {
-      variant: {
-        primary: 'bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500',
-        secondary: 'bg-gray-100 text-gray-700 hover:bg-gray-200',
-        danger: 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500',
-        ghost: 'text-gray-600 hover:bg-gray-100',
-        link: 'text-primary-600 underline-offset-4 hover:underline'
-      },
-      size: {
-        sm: 'h-8 px-3 text-sm',
-        md: 'h-10 px-4 text-sm',
-        lg: 'h-12 px-6 text-base',
-        icon: 'h-10 w-10'
-      }
-    },
-    defaultVariants: {
-      variant: 'primary',
-      size: 'md'
-    }
-  }
-);
-
-export type ButtonVariants = VariantProps<typeof buttonVariants>;
-```
-
-```svelte
-<!-- Button.svelte -->
-<script lang="ts">
-  import { buttonVariants, type ButtonVariants } from './variants';
-  import { cn } from '$lib/utils/cn';
-  import type { Snippet } from 'svelte';
-  import type { HTMLButtonAttributes } from 'svelte/elements';
-  
-  interface Props extends ButtonVariants, HTMLButtonAttributes {
-    class?: string;
-    children: Snippet;
-  }
-  
-  let { variant, size, class: className, children, ...rest }: Props = $props();
-</script>
-
-<button class={cn(buttonVariants({ variant, size }), className)} {...rest}>
-  {@render children()}
-</button>
-```
-
----
-
-## 🌓 Dark Mode
-
-### With Tailwind
-
-```svelte
-<!-- ThemeToggle.svelte -->
-<script lang="ts">
-  import { browser } from '$app/environment';
-  
-  type Theme = 'light' | 'dark' | 'system';
-  
-  let theme = $state<Theme>('system');
-  
-  $effect(() => {
-    if (!browser) return;
-    
-    const saved = localStorage.getItem('theme') as Theme | null;
-    if (saved) {
-      theme = saved;
-    }
-  });
-  
-  $effect(() => {
-    if (!browser) return;
-    
-    const root = document.documentElement;
-    
-    if (theme === 'dark') {
-      root.classList.add('dark');
-    } else if (theme === 'light') {
-      root.classList.remove('dark');
-    } else {
-      // System preference
-      if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-        root.classList.add('dark');
-      } else {
-        root.classList.remove('dark');
-      }
-    }
-    
-    localStorage.setItem('theme', theme);
-  });
-  
-  function cycle() {
-    const themes: Theme[] = ['light', 'dark', 'system'];
-    const current = themes.indexOf(theme);
-    theme = themes[(current + 1) % themes.length];
-  }
-</script>
-
-<button 
-  onclick={cycle}
-  class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800"
-  aria-label="Toggle theme"
->
-  {#if theme === 'light'}
-    ☀️
-  {:else if theme === 'dark'}
-    🌙
-  {:else}
-    💻
-  {/if}
-</button>
-```
-
-### Prevent Flash of Wrong Theme
-
-```html
-<!-- app.html -->
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <script>
-      // Prevent flash of wrong theme
-      (function() {
-        const theme = localStorage.getItem('theme');
-        if (theme === 'dark' || 
-            (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-          document.documentElement.classList.add('dark');
-        }
-      })();
-    </script>
-    %sveltekit.head%
-  </head>
-  <body>
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>
-```
-
----
-
-## 📐 Responsive Design
-
-### Tailwind Breakpoints
-
-```svelte
-<div class="
-  grid grid-cols-1 
-  sm:grid-cols-2 
-  md:grid-cols-3 
-  lg:grid-cols-4 
-  xl:grid-cols-5
-  gap-4
-">
-  {#each items as item}
-    <div class="p-4 bg-white rounded-lg shadow">
-      {item.name}
-    </div>
-  {/each}
-</div>
-
-<!-- Responsive typography -->
-<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold">
-  Responsive Heading
-</h1>
-
-<!-- Hide/show based on screen size -->
-<nav class="hidden md:flex gap-4">
-  <!-- Desktop navigation -->
-</nav>
-
-<button class="md:hidden">
-  <!-- Mobile menu button -->
-</button>
-```
-
-### Container Queries (Tailwind v3.4+)
-
-```svelte
-<div class="@container">
-  <div class="@md:flex @md:gap-4">
-    <img class="@md:w-48" src="/image.jpg" alt="" />
-    <div>
-      <h2 class="@md:text-xl">Title</h2>
-      <p class="@md:text-base text-sm">Description</p>
-    </div>
-  </div>
-</div>
-```
-
----
-
-## ✨ Animations
-
-### Tailwind Animations
-
-```svelte
-<!-- Built-in animations -->
-<div class="animate-spin">Spinning</div>
-<div class="animate-pulse">Pulsing</div>
-<div class="animate-bounce">Bouncing</div>
-
-<!-- Custom animation in tailwind.config.js -->
-<div class="animate-fade-in">Fading in</div>
-```
-
-```javascript
-// tailwind.config.js
-export default {
-  theme: {
-    extend: {
-      animation: {
-        'fade-in': 'fadeIn 0.3s ease-in-out',
-        'slide-up': 'slideUp 0.3s ease-out',
-        'slide-down': 'slideDown 0.3s ease-out',
-      },
-      keyframes: {
-        fadeIn: {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' },
-        },
-        slideUp: {
-          '0%': { transform: 'translateY(10px)', opacity: '0' },
-          '100%': { transform: 'translateY(0)', opacity: '1' },
-        },
-        slideDown: {
-          '0%': { transform: 'translateY(-10px)', opacity: '0' },
-          '100%': { transform: 'translateY(0)', opacity: '1' },
-        },
-      },
-    },
-  },
-};
-```
-
-### Svelte Transitions
-
-```svelte
-<script lang="ts">
-  import { fade, fly, slide, scale, blur } from 'svelte/transition';
-  import { quintOut } from 'svelte/easing';
-  
-  let visible = $state(true);
-</script>
-
-{#if visible}
-  <!-- Fade -->
-  <div transition:fade={{ duration: 300 }}>
-    Fading content
-  </div>
-  
-  <!-- Fly -->
-  <div transition:fly={{ y: 20, duration: 300 }}>
-    Flying content
-  </div>
-  
-  <!-- Slide -->
-  <div transition:slide={{ duration: 300 }}>
-    Sliding content
-  </div>
-  
-  <!-- Scale -->
-  <div transition:scale={{ start: 0.95, duration: 300 }}>
-    Scaling content
-  </div>
-  
-  <!-- Combined with easing -->
-  <div transition:fly={{ y: 20, duration: 400, easing: quintOut }}>
-    Smooth flying content
-  </div>
-{/if}
-
-<!-- In/out separately -->
-{#if visible}
-  <div 
-    in:fly={{ y: 20, duration: 300 }}
-    out:fade={{ duration: 200 }}
-  >
-    Different in/out
-  </div>
-{/if}
-```
-
-### Custom Transition
-
-```typescript
-// src/lib/transitions/index.ts
-import { cubicOut } from 'svelte/easing';
-
-export function expandHeight(
-  node: Element,
-  { duration = 300, easing = cubicOut } = {}
-) {
-  const style = getComputedStyle(node);
-  const height = parseFloat(style.height);
-  const paddingTop = parseFloat(style.paddingTop);
-  const paddingBottom = parseFloat(style.paddingBottom);
-  
-  return {
-    duration,
-    easing,
-    css: (t: number) => `
-      height: ${t * height}px;
-      padding-top: ${t * paddingTop}px;
-      padding-bottom: ${t * paddingBottom}px;
-      overflow: hidden;
-    `
-  };
-}
-```
-
----
-
-## 📋 Best Practices
-
-### ✅ Do:
-- Use Tailwind for utility-first styling
-- Create reusable component classes with `@layer components`
-- Use CSS variables for design tokens
-- Prefer `class:` directive for conditional classes
-- Use `cn()` utility for merging classes
-- Keep animations subtle and purposeful
-
-### ❌ Don't:
-- Mix inline styles with Tailwind randomly
-- Override Tailwind classes with `!important`
-- Create deeply nested CSS selectors
-- Use `@apply` for everything (defeats the purpose)
-- Forget dark mode variants
-- Ignore accessibility (focus states, contrast)
diff --git a/svelte-reference/07-ACCESSIBILITY.md b/svelte-reference/07-ACCESSIBILITY.md
deleted file mode 100644
index b52ea85..0000000
--- a/svelte-reference/07-ACCESSIBILITY.md
+++ /dev/null
@@ -1,730 +0,0 @@
-# Svelte Accessibility (A11y) Guide
-
-## Overview
-
-Accessibility is crucial for inclusive web applications. Svelte provides built-in accessibility warnings, and this guide covers best practices for building accessible Svelte applications.
-
----
-
-## 🎯 Core Principles (POUR)
-
-1. **Perceivable** - Users can perceive the content
-2. **Operable** - Users can operate the interface
-3. **Understandable** - Users can understand the content
-4. **Robust** - Content works across assistive technologies
-
----
-
-## ⌨️ Keyboard Navigation
-
-### Focus Management
-
-```svelte
-<script lang="ts">
-  import { tick } from 'svelte';
-  
-  let dialogOpen = $state(false);
-  let triggerButton: HTMLButtonElement;
-  let dialogContent: HTMLDivElement;
-  
-  async function openDialog() {
-    dialogOpen = true;
-    await tick();
-    // Move focus to dialog
-    dialogContent?.focus();
-  }
-  
-  function closeDialog() {
-    dialogOpen = false;
-    // Return focus to trigger
-    triggerButton?.focus();
-  }
-</script>
-
-<button bind:this={triggerButton} onclick={openDialog}>
-  Open Dialog
-</button>
-
-{#if dialogOpen}
-  <div
-    bind:this={dialogContent}
-    role="dialog"
-    aria-modal="true"
-    aria-labelledby="dialog-title"
-    tabindex="-1"
-  >
-    <h2 id="dialog-title">Dialog Title</h2>
-    <p>Dialog content...</p>
-    <button onclick={closeDialog}>Close</button>
-  </div>
-{/if}
-```
-
-### Focus Trap
-
-```svelte
-<script lang="ts">
-  let container: HTMLElement;
-  
-  function trapFocus(e: KeyboardEvent) {
-    if (e.key !== 'Tab') return;
-    
-    const focusable = container.querySelectorAll<HTMLElement>(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    );
-    
-    const first = focusable[0];
-    const last = focusable[focusable.length - 1];
-    
-    if (e.shiftKey && document.activeElement === first) {
-      e.preventDefault();
-      last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
-      e.preventDefault();
-      first.focus();
-    }
-  }
-</script>
-
-<div bind:this={container} onkeydown={trapFocus}>
-  <!-- Focusable content -->
-</div>
-```
-
-### Skip Links
-
-```svelte
-<!-- +layout.svelte -->
-<a href="#main-content" class="skip-link">
-  Skip to main content
-</a>
-
-<nav>
-  <!-- Navigation -->
-</nav>
-
-<main id="main-content" tabindex="-1">
-  <slot />
-</main>
-
-<style>
-  .skip-link {
-    position: absolute;
-    top: -40px;
-    left: 0;
-    padding: 8px;
-    background: var(--color-primary);
-    color: white;
-    z-index: 100;
-  }
-  
-  .skip-link:focus {
-    top: 0;
-  }
-</style>
-```
-
----
-
-## 🏷️ ARIA Attributes
-
-### Roles
-
-```svelte
-<!-- Landmark roles -->
-<header role="banner">...</header>
-<nav role="navigation" aria-label="Main">...</nav>
-<main role="main">...</main>
-<aside role="complementary">...</aside>
-<footer role="contentinfo">...</footer>
-
-<!-- Widget roles -->
-<div role="alert">Important message!</div>
-<div role="status" aria-live="polite">Status update</div>
-<div role="dialog" aria-modal="true">Dialog content</div>
-<div role="tablist">...</div>
-<div role="menu">...</div>
-```
-
-### States & Properties
-
-```svelte
-<script lang="ts">
-  let expanded = $state(false);
-  let selected = $state(false);
-  let loading = $state(false);
-</script>
-
-<!-- Expandable content -->
-<button 
-  aria-expanded={expanded}
-  aria-controls="panel-1"
-  onclick={() => expanded = !expanded}
->
-  Toggle Panel
-</button>
-<div id="panel-1" hidden={!expanded}>
-  Panel content
-</div>
-
-<!-- Selection -->
-<div 
-  role="option"
-  aria-selected={selected}
-  onclick={() => selected = !selected}
->
-  Option
-</div>
-
-<!-- Loading state -->
-<button 
-  aria-busy={loading}
-  disabled={loading}
->
-  {loading ? 'Loading...' : 'Submit'}
-</button>
-
-<!-- Described by -->
-<input 
-  type="email"
-  aria-describedby="email-hint email-error"
-/>
-<p id="email-hint">We'll never share your email</p>
-<p id="email-error" role="alert">Invalid email format</p>
-```
-
-### Live Regions
-
-```svelte
-<script lang="ts">
-  let message = $state('');
-  let items = $state<string[]>([]);
-  
-  function addItem(item: string) {
-    items.push(item);
-    message = `${item} added to cart`;
-    
-    // Clear message after announcement
-    setTimeout(() => message = '', 1000);
-  }
-</script>
-
-<!-- Polite announcements (waits for user to finish) -->
-<div aria-live="polite" aria-atomic="true" class="sr-only">
-  {message}
-</div>
-
-<!-- Assertive announcements (interrupts immediately) -->
-<div aria-live="assertive" role="alert">
-  {#if error}
-    {error}
-  {/if}
-</div>
-
-<!-- Status updates -->
-<div role="status" aria-live="polite">
-  {items.length} items in cart
-</div>
-```
-
----
-
-## 📝 Forms
-
-### Accessible Form Pattern
-
-```svelte
-<script lang="ts">
-  interface FormState {
-    name: string;
-    email: string;
-  }
-  
-  interface FormErrors {
-    name?: string;
-    email?: string;
-  }
-  
-  let form = $state<FormState>({ name: '', email: '' });
-  let errors = $state<FormErrors>({});
-  let submitted = $state(false);
-  
-  function validate(): boolean {
-    errors = {};
-    
-    if (!form.name.trim()) {
-      errors.name = 'Name is required';
-    }
-    
-    if (!form.email.trim()) {
-      errors.email = 'Email is required';
-    } else if (!form.email.includes('@')) {
-      errors.email = 'Please enter a valid email';
-    }
-    
-    return Object.keys(errors).length === 0;
-  }
-  
-  function handleSubmit(e: SubmitEvent) {
-    e.preventDefault();
-    submitted = true;
-    
-    if (validate()) {
-      // Submit form
-    }
-  }
-</script>
-
-<form onsubmit={handleSubmit} novalidate>
-  <div class="field">
-    <label for="name">
-      Name
-      <span aria-hidden="true">*</span>
-    </label>
-    <input
-      id="name"
-      type="text"
-      bind:value={form.name}
-      aria-required="true"
-      aria-invalid={submitted && !!errors.name}
-      aria-describedby={errors.name ? 'name-error' : undefined}
-    />
-    {#if submitted && errors.name}
-      <p id="name-error" class="error" role="alert">
-        {errors.name}
-      </p>
-    {/if}
-  </div>
-  
-  <div class="field">
-    <label for="email">
-      Email
-      <span aria-hidden="true">*</span>
-    </label>
-    <input
-      id="email"
-      type="email"
-      bind:value={form.email}
-      aria-required="true"
-      aria-invalid={submitted && !!errors.email}
-      aria-describedby="email-hint {errors.email ? 'email-error' : ''}"
-    />
-    <p id="email-hint" class="hint">
-      We'll use this to send you updates
-    </p>
-    {#if submitted && errors.email}
-      <p id="email-error" class="error" role="alert">
-        {errors.email}
-      </p>
-    {/if}
-  </div>
-  
-  <button type="submit">Submit</button>
-</form>
-```
-
-### Field Group
-
-```svelte
-<fieldset>
-  <legend>Shipping Address</legend>
-  
-  <div class="field">
-    <label for="street">Street</label>
-    <input id="street" type="text" />
-  </div>
-  
-  <div class="field">
-    <label for="city">City</label>
-    <input id="city" type="text" />
-  </div>
-</fieldset>
-
-<!-- Radio group -->
-<fieldset>
-  <legend>Preferred contact method</legend>
-  
-  <div>
-    <input type="radio" id="contact-email" name="contact" value="email" />
-    <label for="contact-email">Email</label>
-  </div>
-  
-  <div>
-    <input type="radio" id="contact-phone" name="contact" value="phone" />
-    <label for="contact-phone">Phone</label>
-  </div>
-</fieldset>
-```
-
----
-
-## 🖼️ Images & Media
-
-### Image Alternatives
-
-```svelte
-<!-- Informative image -->
-<img src="/chart.png" alt="Sales increased 25% in Q3 2024" />
-
-<!-- Decorative image -->
-<img src="/decoration.svg" alt="" role="presentation" />
-
-<!-- Complex image with long description -->
-<figure>
-  <img 
-    src="/complex-chart.png" 
-    alt="Revenue comparison chart"
-    aria-describedby="chart-description"
-  />
-  <figcaption id="chart-description">
-    This chart shows quarterly revenue for 2024. Q1: $1.2M, Q2: $1.5M, 
-    Q3: $1.9M, Q4: $2.1M. Total annual revenue was $6.7M, representing 
-    a 15% increase over 2023.
-  </figcaption>
-</figure>
-
-<!-- Icon with meaning -->
-<button>
-  <svg aria-hidden="true"><!-- icon --></svg>
-  <span class="sr-only">Delete item</span>
-</button>
-
-<!-- Or -->
-<button aria-label="Delete item">
-  <svg aria-hidden="true"><!-- icon --></svg>
-</button>
-```
-
-### Video Accessibility
-
-```svelte
-<video controls>
-  <source src="/video.mp4" type="video/mp4" />
-  <track kind="captions" src="/captions.vtt" srclang="en" label="English" default />
-  <track kind="descriptions" src="/descriptions.vtt" srclang="en" label="Audio descriptions" />
-  <p>Your browser doesn't support HTML5 video. <a href="/video.mp4">Download the video</a>.</p>
-</video>
-```
-
----
-
-## 🧩 Accessible Components
-
-### Accordion
-
-```svelte
-<script lang="ts">
-  interface Item {
-    id: string;
-    title: string;
-    content: string;
-  }
-  
-  let { items }: { items: Item[] } = $props();
-  let openId = $state<string | null>(null);
-  
-  function toggle(id: string) {
-    openId = openId === id ? null : id;
-  }
-  
-  function handleKeydown(e: KeyboardEvent, index: number) {
-    const buttons = document.querySelectorAll<HTMLButtonElement>('[data-accordion-trigger]');
-    
-    switch (e.key) {
-      case 'ArrowDown':
-        e.preventDefault();
-        buttons[(index + 1) % buttons.length]?.focus();
-        break;
-      case 'ArrowUp':
-        e.preventDefault();
-        buttons[(index - 1 + buttons.length) % buttons.length]?.focus();
-        break;
-      case 'Home':
-        e.preventDefault();
-        buttons[0]?.focus();
-        break;
-      case 'End':
-        e.preventDefault();
-        buttons[buttons.length - 1]?.focus();
-        break;
-    }
-  }
-</script>
-
-<div class="accordion">
-  {#each items as item, index (item.id)}
-    {@const isOpen = openId === item.id}
-    
-    <h3>
-      <button
-        data-accordion-trigger
-        id="accordion-header-{item.id}"
-        aria-expanded={isOpen}
-        aria-controls="accordion-panel-{item.id}"
-        onclick={() => toggle(item.id)}
-        onkeydown={(e) => handleKeydown(e, index)}
-      >
-        {item.title}
-        <span aria-hidden="true">{isOpen ? '−' : '+'}</span>
-      </button>
-    </h3>
-    
-    <div
-      id="accordion-panel-{item.id}"
-      role="region"
-      aria-labelledby="accordion-header-{item.id}"
-      hidden={!isOpen}
-    >
-      <p>{item.content}</p>
-    </div>
-  {/each}
-</div>
-```
-
-### Tabs
-
-```svelte
-<script lang="ts">
-  interface Tab {
-    id: string;
-    label: string;
-    content: string;
-  }
-  
-  let { tabs }: { tabs: Tab[] } = $props();
-  let activeTab = $state(tabs[0]?.id);
-  
-  function handleKeydown(e: KeyboardEvent) {
-    const currentIndex = tabs.findIndex(t => t.id === activeTab);
-    
-    switch (e.key) {
-      case 'ArrowRight':
-        activeTab = tabs[(currentIndex + 1) % tabs.length].id;
-        break;
-      case 'ArrowLeft':
-        activeTab = tabs[(currentIndex - 1 + tabs.length) % tabs.length].id;
-        break;
-      case 'Home':
-        activeTab = tabs[0].id;
-        break;
-      case 'End':
-        activeTab = tabs[tabs.length - 1].id;
-        break;
-    }
-  }
-</script>
-
-<div class="tabs">
-  <div role="tablist" aria-label="Content tabs">
-    {#each tabs as tab (tab.id)}
-      {@const isActive = activeTab === tab.id}
-      <button
-        role="tab"
-        id="tab-{tab.id}"
-        aria-selected={isActive}
-        aria-controls="panel-{tab.id}"
-        tabindex={isActive ? 0 : -1}
-        onclick={() => activeTab = tab.id}
-        onkeydown={handleKeydown}
-      >
-        {tab.label}
-      </button>
-    {/each}
-  </div>
-  
-  {#each tabs as tab (tab.id)}
-    <div
-      role="tabpanel"
-      id="panel-{tab.id}"
-      aria-labelledby="tab-{tab.id}"
-      hidden={activeTab !== tab.id}
-      tabindex="0"
-    >
-      {tab.content}
-    </div>
-  {/each}
-</div>
-```
-
-### Modal Dialog
-
-```svelte
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { tick } from 'svelte';
-  
-  interface Props {
-    open: boolean;
-    title: string;
-    onclose: () => void;
-    children: Snippet;
-  }
-  
-  let { open, title, onclose, children }: Props = $props();
-  
-  let dialog: HTMLDialogElement;
-  let previousFocus: HTMLElement | null = null;
-  
-  $effect(() => {
-    if (open) {
-      previousFocus = document.activeElement as HTMLElement;
-      tick().then(() => {
-        dialog?.showModal();
-      });
-    } else {
-      dialog?.close();
-      previousFocus?.focus();
-    }
-  });
-  
-  function handleKeydown(e: KeyboardEvent) {
-    if (e.key === 'Escape') {
-      onclose();
-    }
-  }
-  
-  function handleBackdrop(e: MouseEvent) {
-    if (e.target === dialog) {
-      onclose();
-    }
-  }
-</script>
-
-{#if open}
-  <dialog
-    bind:this={dialog}
-    onkeydown={handleKeydown}
-    onclick={handleBackdrop}
-    aria-labelledby="dialog-title"
-    aria-describedby="dialog-description"
-    aria-modal="true"
-  >
-    <div class="dialog-content">
-      <header>
-        <h2 id="dialog-title">{title}</h2>
-        <button
-          onclick={onclose}
-          aria-label="Close dialog"
-        >
-          ×
-        </button>
-      </header>
-      
-      <div id="dialog-description">
-        {@render children()}
-      </div>
-    </div>
-  </dialog>
-{/if}
-
-<style>
-  dialog::backdrop {
-    background: rgba(0, 0, 0, 0.5);
-  }
-</style>
-```
-
----
-
-## 📱 Screen Reader Utilities
-
-### Visually Hidden Content
-
-```css
-/* In app.css or component */
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-/* Can be focused (for skip links) */
-.sr-only-focusable:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: inherit;
-  margin: inherit;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-}
-```
-
-```svelte
-<!-- Usage -->
-<span class="sr-only">Total price:</span>
-<span>$99.99</span>
-
-<button>
-  <svg aria-hidden="true"><!-- icon --></svg>
-  <span class="sr-only">Add to cart</span>
-</button>
-```
-
----
-
-## ✅ Accessibility Checklist
-
-### Structure
-- [ ] Proper heading hierarchy (h1 → h2 → h3)
-- [ ] Landmark regions (header, nav, main, footer)
-- [ ] Skip links for keyboard users
-- [ ] Logical reading order
-
-### Interactivity
-- [ ] All functionality keyboard accessible
-- [ ] Visible focus indicators
-- [ ] Focus management for modals/dialogs
-- [ ] No keyboard traps
-
-### Forms
-- [ ] Labels associated with inputs
-- [ ] Error messages linked with aria-describedby
-- [ ] Required fields indicated
-- [ ] Validation errors announced
-
-### Images & Media
-- [ ] Meaningful alt text
-- [ ] Decorative images have empty alt
-- [ ] Video captions/transcripts
-- [ ] Audio descriptions where needed
-
-### Color & Contrast
-- [ ] 4.5:1 contrast for normal text
-- [ ] 3:1 contrast for large text
-- [ ] Information not conveyed by color alone
-- [ ] Focus indicators visible
-
-### Dynamic Content
-- [ ] Live regions for updates
-- [ ] Loading states announced
-- [ ] Error states announced
-- [ ] Changes in context warned
-
----
-
-## 🧪 Testing Tools
-
-```bash
-# Install axe-core for automated testing
-npm install -D @axe-core/playwright
-
-# Or use browser extensions:
-# - axe DevTools
-# - WAVE Evaluation Tool
-# - Accessibility Insights
-```
-
-### Manual Testing Checklist
-1. Tab through entire page
-2. Use screen reader (VoiceOver, NVDA, JAWS)
-3. Zoom to 200%
-4. Disable CSS
-5. Check in high contrast mode
diff --git a/svelte-reference/08-PERFORMANCE.md b/svelte-reference/08-PERFORMANCE.md
deleted file mode 100644
index 119b968..0000000
--- a/svelte-reference/08-PERFORMANCE.md
+++ /dev/null
@@ -1,651 +0,0 @@
-# Svelte Performance Optimization Guide
-
-## Overview
-
-Svelte is already highly performant by design, but there are patterns to ensure your applications stay fast as they grow.
-
----
-
-## 📊 Understanding Svelte Reactivity
-
-### How Svelte 5 Reactivity Works
-
-```svelte
-<script lang="ts">
-  // $state creates a reactive proxy
-  let items = $state<string[]>([]);
-  
-  // Svelte tracks which properties are READ in which contexts
-  // Only those contexts re-run when properties change
-  
-  // This creates a dependency on items.length
-  let count = $derived(items.length);
-  
-  // This effect only runs when items changes
-  $effect(() => {
-    console.log('Items changed:', items);
-  });
-</script>
-```
-
-### Avoid Unnecessary Reactivity
-
-```svelte
-<script lang="ts">
-  // ❌ BAD: Everything is reactive
-  let config = $state({
-    apiUrl: 'https://api.example.com',
-    timeout: 5000,
-    retries: 3
-  });
-  
-  // ✅ GOOD: Static config doesn't need reactivity
-  const config = {
-    apiUrl: 'https://api.example.com',
-    timeout: 5000,
-    retries: 3
-  };
-  
-  // ✅ GOOD: Use $state.raw for data that's replaced, not mutated
-  let largeDataset = $state.raw<Record[]>([]);
-  
-  async function fetchData() {
-    // Replace entirely instead of mutating
-    largeDataset = await fetch('/api/data').then(r => r.json());
-  }
-</script>
-```
-
----
-
-## 🚀 Component Optimization
-
-### 1. Minimize Re-renders
-
-```svelte
-<script lang="ts">
-  let items = $state<Item[]>([]);
-  let filter = $state('');
-  
-  // ✅ GOOD: Computed once, cached until dependencies change
-  let filteredItems = $derived(
-    items.filter(item => 
-      item.name.toLowerCase().includes(filter.toLowerCase())
-    )
-  );
-  
-  // ❌ BAD: Recomputed on every render
-  // Using inline: items.filter(...) in template
-</script>
-
-<!-- ✅ GOOD: Uses cached derived value -->
-{#each filteredItems as item (item.id)}
-  <ItemCard {item} />
-{/each}
-```
-
-### 2. Key Your Each Blocks
-
-```svelte
-<!-- ❌ BAD: No key, Svelte can't optimize updates -->
-{#each items as item}
-  <Item {item} />
-{/each}
-
-<!-- ✅ GOOD: Unique key enables efficient diffing -->
-{#each items as item (item.id)}
-  <Item {item} />
-{/each}
-
-<!-- ✅ GOOD: Index as key only for static lists -->
-{#each staticLabels as label, i (i)}
-  <span>{label}</span>
-{/each}
-```
-
-### 3. Lazy Load Components
-
-```svelte
-<script lang="ts">
-  // Lazy load heavy components
-  let showChart = $state(false);
-  
-  // Dynamic import
-  async function loadChart() {
-    const { Chart } = await import('./Chart.svelte');
-    return Chart;
-  }
-</script>
-
-{#if showChart}
-  {#await loadChart() then Chart}
-    <Chart data={chartData} />
-  {/await}
-{/if}
-```
-
-### 4. Virtualization for Long Lists
-
-```svelte
-<!-- Use a virtualization library for long lists -->
-<script lang="ts">
-  import VirtualList from '$lib/components/VirtualList.svelte';
-  
-  let items = $state<Item[]>([]);
-  // Could be 10,000+ items
-</script>
-
-<!-- Only renders visible items -->
-<VirtualList 
-  {items} 
-  itemHeight={50}
-  let:item
->
-  <ItemRow {item} />
-</VirtualList>
-```
-
-Simple Virtual List Implementation:
-
-```svelte
-<!-- VirtualList.svelte -->
-<script lang="ts" generics="T">
-  import type { Snippet } from 'svelte';
-  
-  interface Props {
-    items: T[];
-    itemHeight: number;
-    containerHeight?: number;
-    overscan?: number;
-    children: Snippet<[T, number]>;
-  }
-  
-  let { 
-    items, 
-    itemHeight, 
-    containerHeight = 400,
-    overscan = 3,
-    children 
-  }: Props = $props();
-  
-  let scrollTop = $state(0);
-  
-  let totalHeight = $derived(items.length * itemHeight);
-  
-  let startIndex = $derived(
-    Math.max(0, Math.floor(scrollTop / itemHeight) - overscan)
-  );
-  
-  let endIndex = $derived(
-    Math.min(
-      items.length,
-      Math.ceil((scrollTop + containerHeight) / itemHeight) + overscan
-    )
-  );
-  
-  let visibleItems = $derived(
-    items.slice(startIndex, endIndex).map((item, i) => ({
-      item,
-      index: startIndex + i
-    }))
-  );
-  
-  let offsetY = $derived(startIndex * itemHeight);
-</script>
-
-<div 
-  class="virtual-list-container"
-  style:height="{containerHeight}px"
-  onscroll={(e) => scrollTop = e.currentTarget.scrollTop}
->
-  <div 
-    class="virtual-list-content"
-    style:height="{totalHeight}px"
-  >
-    <div style:transform="translateY({offsetY}px)">
-      {#each visibleItems as { item, index } (index)}
-        <div style:height="{itemHeight}px">
-          {@render children(item, index)}
-        </div>
-      {/each}
-    </div>
-  </div>
-</div>
-
-<style>
-  .virtual-list-container {
-    overflow-y: auto;
-  }
-  
-  .virtual-list-content {
-    position: relative;
-  }
-</style>
-```
-
----
-
-## ⚡ Data Loading Optimization
-
-### 1. Parallel Loading
-
-```typescript
-// src/routes/dashboard/+page.ts
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ fetch }) => {
-  // ✅ GOOD: Parallel fetching
-  const [users, posts, stats] = await Promise.all([
-    fetch('/api/users').then(r => r.json()),
-    fetch('/api/posts').then(r => r.json()),
-    fetch('/api/stats').then(r => r.json())
-  ]);
-  
-  return { users, posts, stats };
-};
-
-// ❌ BAD: Sequential fetching
-export const loadBad: PageLoad = async ({ fetch }) => {
-  const users = await fetch('/api/users').then(r => r.json());
-  const posts = await fetch('/api/posts').then(r => r.json());
-  const stats = await fetch('/api/stats').then(r => r.json());
-  
-  return { users, posts, stats };
-};
-```
-
-### 2. Streaming with Deferred Loading
-
-```typescript
-// src/routes/dashboard/+page.server.ts
-import type { PageServerLoad } from './$types';
-
-export const load: PageServerLoad = async ({ fetch }) => {
-  // Critical data loads immediately
-  const user = await fetch('/api/user').then(r => r.json());
-  
-  // Non-critical data streams in
-  return {
-    user,
-    // These are promises, will stream when ready
-    posts: fetch('/api/posts').then(r => r.json()),
-    recommendations: fetch('/api/recommendations').then(r => r.json())
-  };
-};
-```
-
-```svelte
-<!-- +page.svelte -->
-<script lang="ts">
-  import type { PageData } from './$types';
-  
-  let { data }: { data: PageData } = $props();
-</script>
-
-<!-- Immediate content -->
-<h1>Welcome, {data.user.name}</h1>
-
-<!-- Streamed content -->
-{#await data.posts}
-  <PostsSkeleton />
-{:then posts}
-  <PostsList {posts} />
-{/await}
-
-{#await data.recommendations}
-  <RecommendationsSkeleton />
-{:then recommendations}
-  <Recommendations {recommendations} />
-{/await}
-```
-
-### 3. Prefetching
-
-```svelte
-<!-- SvelteKit auto-prefetches on hover -->
-<a href="/about">About</a>
-
-<!-- Prefetch on viewport entry -->
-<a href="/products" data-sveltekit-preload-data="hover">Products</a>
-
-<!-- Programmatic prefetch -->
-<script lang="ts">
-  import { preloadData } from '$app/navigation';
-  
-  // Prefetch when likely needed
-  function handleMouseEnter() {
-    preloadData('/expensive-page');
-  }
-</script>
-```
-
----
-
-## 🖼️ Image Optimization
-
-### Responsive Images
-
-```svelte
-<picture>
-  <source 
-    media="(min-width: 1024px)" 
-    srcset="/hero-large.webp 1x, /hero-large@2x.webp 2x"
-    type="image/webp"
-  />
-  <source 
-    media="(min-width: 640px)" 
-    srcset="/hero-medium.webp 1x, /hero-medium@2x.webp 2x"
-    type="image/webp"
-  />
-  <img 
-    src="/hero-small.jpg" 
-    srcset="/hero-small.jpg 1x, /hero-small@2x.jpg 2x"
-    alt="Hero image"
-    loading="lazy"
-    decoding="async"
-    width="800"
-    height="400"
-  />
-</picture>
-```
-
-### Lazy Loading Images
-
-```svelte
-<script lang="ts">
-  interface Props {
-    src: string;
-    alt: string;
-    width: number;
-    height: number;
-  }
-  
-  let { src, alt, width, height }: Props = $props();
-  
-  let loaded = $state(false);
-  let element: HTMLImageElement;
-  
-  $effect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting) {
-          element.src = src;
-          observer.disconnect();
-        }
-      },
-      { rootMargin: '200px' }
-    );
-    
-    observer.observe(element);
-    
-    return () => observer.disconnect();
-  });
-</script>
-
-<div class="image-wrapper" style:aspect-ratio="{width}/{height}">
-  <img
-    bind:this={element}
-    {alt}
-    {width}
-    {height}
-    class:loaded
-    onload={() => loaded = true}
-  />
-  {#if !loaded}
-    <div class="placeholder" />
-  {/if}
-</div>
-
-<style>
-  .image-wrapper {
-    position: relative;
-    overflow: hidden;
-    background: #f0f0f0;
-  }
-  
-  img {
-    opacity: 0;
-    transition: opacity 0.3s;
-  }
-  
-  img.loaded {
-    opacity: 1;
-  }
-  
-  .placeholder {
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-    background-size: 200% 100%;
-    animation: shimmer 1.5s infinite;
-  }
-  
-  @keyframes shimmer {
-    0% { background-position: -200% 0; }
-    100% { background-position: 200% 0; }
-  }
-</style>
-```
-
----
-
-## 🔄 Effect Optimization
-
-### Debounce Effects
-
-```svelte
-<script lang="ts">
-  let searchQuery = $state('');
-  let results = $state<SearchResult[]>([]);
-  
-  // ❌ BAD: Fires on every keystroke
-  $effect(() => {
-    fetchResults(searchQuery);
-  });
-  
-  // ✅ GOOD: Debounced
-  $effect(() => {
-    const query = searchQuery; // Read reactive value
-    
-    const timeout = setTimeout(() => {
-      if (query) {
-        fetchResults(query).then(r => results = r);
-      }
-    }, 300);
-    
-    return () => clearTimeout(timeout);
-  });
-</script>
-```
-
-### Avoid Heavy Computations in Effects
-
-```svelte
-<script lang="ts">
-  let items = $state<Item[]>([]);
-  
-  // ❌ BAD: Heavy computation in effect
-  $effect(() => {
-    const sorted = [...items].sort((a, b) => {
-      // Complex sorting logic
-    });
-    // Do something with sorted
-  });
-  
-  // ✅ GOOD: Use $derived for computations
-  let sortedItems = $derived.by(() => {
-    return [...items].sort((a, b) => {
-      // Complex sorting logic
-    });
-  });
-  
-  // Effect only for side effects
-  $effect(() => {
-    console.log('Sorted items updated:', sortedItems.length);
-  });
-</script>
-```
-
-### Cleanup Long-Running Effects
-
-```svelte
-<script lang="ts">
-  let data = $state<Data | null>(null);
-  
-  $effect(() => {
-    const controller = new AbortController();
-    
-    fetch('/api/data', { signal: controller.signal })
-      .then(r => r.json())
-      .then(d => data = d)
-      .catch(e => {
-        if (e.name !== 'AbortError') {
-          console.error(e);
-        }
-      });
-    
-    // Cleanup: abort if component unmounts or effect re-runs
-    return () => controller.abort();
-  });
-</script>
-```
-
----
-
-## 📦 Bundle Optimization
-
-### Code Splitting
-
-```typescript
-// vite.config.ts
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  plugins: [sveltekit()],
-  build: {
-    rollupOptions: {
-      output: {
-        manualChunks: {
-          // Vendor chunks
-          'vendor-svelte': ['svelte'],
-          'vendor-chart': ['chart.js'],
-        }
-      }
-    }
-  }
-});
-```
-
-### Tree Shaking
-
-```typescript
-// ✅ GOOD: Named imports enable tree shaking
-import { formatDate, formatCurrency } from '$lib/utils';
-
-// ❌ BAD: Imports entire module
-import * as utils from '$lib/utils';
-```
-
-### Analyze Bundle
-
-```bash
-# Install analyzer
-npm install -D rollup-plugin-visualizer
-
-# Add to vite.config.ts
-import { visualizer } from 'rollup-plugin-visualizer';
-
-export default defineConfig({
-  plugins: [
-    sveltekit(),
-    visualizer({
-      filename: 'stats.html',
-      open: true
-    })
-  ]
-});
-```
-
----
-
-## 📏 Measuring Performance
-
-### Browser DevTools
-
-```svelte
-<script lang="ts">
-  import { onMount } from 'svelte';
-  
-  onMount(() => {
-    // Measure component mount time
-    performance.mark('component-start');
-    
-    return () => {
-      performance.mark('component-end');
-      performance.measure('component-lifecycle', 'component-start', 'component-end');
-    };
-  });
-</script>
-```
-
-### Core Web Vitals
-
-```typescript
-// src/lib/vitals.ts
-import type { Metric } from 'web-vitals';
-
-export function reportVitals(metric: Metric) {
-  // Send to analytics
-  console.log(metric.name, metric.value);
-  
-  // Or send to your analytics service
-  fetch('/api/vitals', {
-    method: 'POST',
-    body: JSON.stringify(metric)
-  });
-}
-
-// In +layout.svelte
-import { onMount } from 'svelte';
-import { reportVitals } from '$lib/vitals';
-
-onMount(async () => {
-  const { onCLS, onFID, onFCP, onLCP, onTTFB } = await import('web-vitals');
-  
-  onCLS(reportVitals);
-  onFID(reportVitals);
-  onFCP(reportVitals);
-  onLCP(reportVitals);
-  onTTFB(reportVitals);
-});
-```
-
----
-
-## 📋 Performance Checklist
-
-### Build Time
-- [ ] Minimal dependencies
-- [ ] Tree-shakeable imports
-- [ ] Code splitting configured
-- [ ] Image optimization
-
-### Runtime
-- [ ] Keys on `{#each}` blocks
-- [ ] Virtualization for long lists
-- [ ] Debounced inputs
-- [ ] Lazy loaded heavy components
-- [ ] Optimized images (lazy, responsive)
-
-### Data Loading
-- [ ] Parallel fetching where possible
-- [ ] Streaming for non-critical data
-- [ ] Prefetching for navigation
-- [ ] Caching strategies
-
-### Effects
-- [ ] Cleanup functions for subscriptions
-- [ ] Debounced network requests
-- [ ] Heavy computations in `$derived`
-- [ ] AbortController for fetch
diff --git a/svelte-reference/09-TESTING.md b/svelte-reference/09-TESTING.md
deleted file mode 100644
index 2f12107..0000000
--- a/svelte-reference/09-TESTING.md
+++ /dev/null
@@ -1,695 +0,0 @@
-# Svelte Testing Guide
-
-## Overview
-
-Testing Svelte applications involves unit testing components, integration testing with stores/context, and end-to-end testing with real browsers.
-
----
-
-## 🔧 Testing Setup
-
-### Install Dependencies
-
-```bash
-# Vitest for unit/integration tests
-npm install -D vitest @testing-library/svelte @testing-library/jest-dom jsdom
-
-# Playwright for E2E tests
-npm install -D @playwright/test
-npx playwright install
-```
-
-### vitest.config.ts
-
-```typescript
-import { defineConfig } from 'vitest/config';
-import { svelte } from '@sveltejs/vite-plugin-svelte';
-
-export default defineConfig({
-  plugins: [svelte({ hot: !process.env.VITEST })],
-  test: {
-    include: ['src/**/*.{test,spec}.{js,ts}'],
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: ['./src/tests/setup.ts'],
-    coverage: {
-      reporter: ['text', 'json', 'html'],
-      exclude: ['node_modules/', 'src/tests/']
-    }
-  }
-});
-```
-
-### Test Setup File
-
-```typescript
-// src/tests/setup.ts
-import '@testing-library/jest-dom/vitest';
-import { vi } from 'vitest';
-
-// Mock SvelteKit modules
-vi.mock('$app/navigation', () => ({
-  goto: vi.fn(),
-  invalidate: vi.fn(),
-  invalidateAll: vi.fn(),
-  preloadData: vi.fn(),
-  preloadCode: vi.fn()
-}));
-
-vi.mock('$app/stores', () => ({
-  page: {
-    subscribe: vi.fn()
-  },
-  navigating: {
-    subscribe: vi.fn()
-  }
-}));
-
-vi.mock('$app/environment', () => ({
-  browser: true,
-  dev: true,
-  building: false
-}));
-```
-
----
-
-## 🧪 Unit Testing Components
-
-### Basic Component Test
-
-```typescript
-// src/lib/components/Button.test.ts
-import { render, screen, fireEvent } from '@testing-library/svelte';
-import { describe, it, expect, vi } from 'vitest';
-import Button from './Button.svelte';
-
-describe('Button', () => {
-  it('renders with text', () => {
-    render(Button, { props: { children: 'Click me' } });
-    
-    expect(screen.getByRole('button')).toHaveTextContent('Click me');
-  });
-  
-  it('applies variant class', () => {
-    render(Button, { 
-      props: { 
-        variant: 'primary',
-        children: 'Primary'
-      } 
-    });
-    
-    expect(screen.getByRole('button')).toHaveClass('btn-primary');
-  });
-  
-  it('handles click events', async () => {
-    const onclick = vi.fn();
-    
-    render(Button, { 
-      props: { 
-        onclick,
-        children: 'Click'
-      } 
-    });
-    
-    await fireEvent.click(screen.getByRole('button'));
-    
-    expect(onclick).toHaveBeenCalledOnce();
-  });
-  
-  it('is disabled when loading', () => {
-    render(Button, { 
-      props: { 
-        loading: true,
-        children: 'Submit'
-      } 
-    });
-    
-    expect(screen.getByRole('button')).toBeDisabled();
-  });
-});
-```
-
-### Testing with Snippets (Svelte 5)
-
-```typescript
-// src/lib/components/Card.test.ts
-import { render, screen } from '@testing-library/svelte';
-import { describe, it, expect } from 'vitest';
-import Card from './Card.svelte';
-
-// Helper to create snippet-like content
-const createCardWithContent = (title: string, content: string) => {
-  // For Svelte 5, you may need a wrapper component
-  return {
-    component: Card,
-    props: {
-      title
-    },
-    // Slot content for testing
-    slots: {
-      default: content
-    }
-  };
-};
-
-describe('Card', () => {
-  it('renders title and content', () => {
-    render(Card, {
-      props: { title: 'Card Title' }
-      // Note: Testing snippets may require wrapper components
-    });
-    
-    expect(screen.getByText('Card Title')).toBeInTheDocument();
-  });
-});
-```
-
-### Testing Reactive State
-
-```typescript
-// src/lib/components/Counter.test.ts
-import { render, screen, fireEvent } from '@testing-library/svelte';
-import { describe, it, expect } from 'vitest';
-import Counter from './Counter.svelte';
-
-describe('Counter', () => {
-  it('increments count on click', async () => {
-    render(Counter);
-    
-    const button = screen.getByRole('button', { name: /increment/i });
-    const display = screen.getByTestId('count');
-    
-    expect(display).toHaveTextContent('0');
-    
-    await fireEvent.click(button);
-    
-    expect(display).toHaveTextContent('1');
-    
-    await fireEvent.click(button);
-    await fireEvent.click(button);
-    
-    expect(display).toHaveTextContent('3');
-  });
-  
-  it('starts with initial value', () => {
-    render(Counter, { props: { initialValue: 10 } });
-    
-    expect(screen.getByTestId('count')).toHaveTextContent('10');
-  });
-});
-```
-
-### Testing Async Components
-
-```typescript
-// src/lib/components/UserProfile.test.ts
-import { render, screen, waitFor } from '@testing-library/svelte';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import UserProfile from './UserProfile.svelte';
-
-// Mock fetch
-const mockFetch = vi.fn();
-global.fetch = mockFetch;
-
-describe('UserProfile', () => {
-  beforeEach(() => {
-    mockFetch.mockReset();
-  });
-  
-  it('shows loading state', () => {
-    mockFetch.mockImplementation(() => new Promise(() => {})); // Never resolves
-    
-    render(UserProfile, { props: { userId: '1' } });
-    
-    expect(screen.getByText('Loading...')).toBeInTheDocument();
-  });
-  
-  it('displays user data after loading', async () => {
-    mockFetch.mockResolvedValueOnce({
-      ok: true,
-      json: () => Promise.resolve({ name: 'John Doe', email: 'john@example.com' })
-    });
-    
-    render(UserProfile, { props: { userId: '1' } });
-    
-    await waitFor(() => {
-      expect(screen.getByText('John Doe')).toBeInTheDocument();
-    });
-    
-    expect(screen.getByText('john@example.com')).toBeInTheDocument();
-  });
-  
-  it('shows error on fetch failure', async () => {
-    mockFetch.mockRejectedValueOnce(new Error('Network error'));
-    
-    render(UserProfile, { props: { userId: '1' } });
-    
-    await waitFor(() => {
-      expect(screen.getByRole('alert')).toHaveTextContent('Failed to load user');
-    });
-  });
-});
-```
-
----
-
-## 🏪 Testing Stores
-
-### Testing .svelte.ts Stores
-
-```typescript
-// src/lib/stores/counter.svelte.ts
-export class Counter {
-  count = $state(0);
-  doubled = $derived(this.count * 2);
-  
-  increment() {
-    this.count++;
-  }
-  
-  decrement() {
-    this.count--;
-  }
-  
-  reset() {
-    this.count = 0;
-  }
-}
-
-// src/lib/stores/counter.test.ts
-import { describe, it, expect, beforeEach } from 'vitest';
-import { Counter } from './counter.svelte';
-
-describe('Counter Store', () => {
-  let counter: Counter;
-  
-  beforeEach(() => {
-    counter = new Counter();
-  });
-  
-  it('starts at 0', () => {
-    expect(counter.count).toBe(0);
-  });
-  
-  it('increments', () => {
-    counter.increment();
-    expect(counter.count).toBe(1);
-    
-    counter.increment();
-    counter.increment();
-    expect(counter.count).toBe(3);
-  });
-  
-  it('decrements', () => {
-    counter.count = 5;
-    counter.decrement();
-    expect(counter.count).toBe(4);
-  });
-  
-  it('computes doubled value', () => {
-    counter.count = 5;
-    expect(counter.doubled).toBe(10);
-    
-    counter.increment();
-    expect(counter.doubled).toBe(12);
-  });
-  
-  it('resets to 0', () => {
-    counter.count = 100;
-    counter.reset();
-    expect(counter.count).toBe(0);
-  });
-});
-```
-
-### Testing Async Stores
-
-```typescript
-// src/lib/stores/users.svelte.ts
-export class UsersStore {
-  users = $state<User[]>([]);
-  loading = $state(false);
-  error = $state<string | null>(null);
-  
-  async fetchUsers() {
-    this.loading = true;
-    this.error = null;
-    
-    try {
-      const response = await fetch('/api/users');
-      if (!response.ok) throw new Error('Failed to fetch');
-      this.users = await response.json();
-    } catch (e) {
-      this.error = e instanceof Error ? e.message : 'Unknown error';
-    } finally {
-      this.loading = false;
-    }
-  }
-}
-
-// src/lib/stores/users.test.ts
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { UsersStore } from './users.svelte';
-
-const mockFetch = vi.fn();
-global.fetch = mockFetch;
-
-describe('UsersStore', () => {
-  let store: UsersStore;
-  
-  beforeEach(() => {
-    store = new UsersStore();
-    mockFetch.mockReset();
-  });
-  
-  it('fetches users successfully', async () => {
-    const mockUsers = [
-      { id: '1', name: 'John' },
-      { id: '2', name: 'Jane' }
-    ];
-    
-    mockFetch.mockResolvedValueOnce({
-      ok: true,
-      json: () => Promise.resolve(mockUsers)
-    });
-    
-    await store.fetchUsers();
-    
-    expect(store.users).toEqual(mockUsers);
-    expect(store.loading).toBe(false);
-    expect(store.error).toBeNull();
-  });
-  
-  it('handles fetch error', async () => {
-    mockFetch.mockResolvedValueOnce({
-      ok: false,
-      status: 500
-    });
-    
-    await store.fetchUsers();
-    
-    expect(store.users).toEqual([]);
-    expect(store.error).toBe('Failed to fetch');
-  });
-  
-  it('sets loading state during fetch', async () => {
-    mockFetch.mockImplementation(() => new Promise(resolve => {
-      setTimeout(() => resolve({
-        ok: true,
-        json: () => Promise.resolve([])
-      }), 100);
-    }));
-    
-    const promise = store.fetchUsers();
-    
-    expect(store.loading).toBe(true);
-    
-    await promise;
-    
-    expect(store.loading).toBe(false);
-  });
-});
-```
-
----
-
-## 🔗 Integration Testing
-
-### Testing Components with Context
-
-```typescript
-// src/lib/components/ThemeConsumer.test.ts
-import { render, screen } from '@testing-library/svelte';
-import { describe, it, expect } from 'vitest';
-import ThemeProvider from './ThemeProvider.svelte';
-import ThemeConsumer from './ThemeConsumer.svelte';
-
-// Wrapper component for testing
-import TestWrapper from './TestWrapper.svelte';
-
-describe('ThemeConsumer', () => {
-  it('uses theme from provider', () => {
-    // TestWrapper.svelte wraps children in ThemeProvider
-    render(TestWrapper, {
-      props: {
-        component: ThemeConsumer,
-        theme: 'dark'
-      }
-    });
-    
-    expect(screen.getByTestId('theme-display')).toHaveTextContent('dark');
-  });
-});
-```
-
-### Testing Form Submissions
-
-```typescript
-// src/lib/components/LoginForm.test.ts
-import { render, screen, fireEvent, waitFor } from '@testing-library/svelte';
-import { describe, it, expect, vi } from 'vitest';
-import LoginForm from './LoginForm.svelte';
-
-describe('LoginForm', () => {
-  it('submits form with credentials', async () => {
-    const onsubmit = vi.fn();
-    
-    render(LoginForm, { props: { onsubmit } });
-    
-    await fireEvent.input(
-      screen.getByLabelText('Email'),
-      { target: { value: 'test@example.com' } }
-    );
-    
-    await fireEvent.input(
-      screen.getByLabelText('Password'),
-      { target: { value: 'password123' } }
-    );
-    
-    await fireEvent.click(screen.getByRole('button', { name: /login/i }));
-    
-    expect(onsubmit).toHaveBeenCalledWith({
-      email: 'test@example.com',
-      password: 'password123'
-    });
-  });
-  
-  it('shows validation errors', async () => {
-    render(LoginForm);
-    
-    await fireEvent.click(screen.getByRole('button', { name: /login/i }));
-    
-    expect(screen.getByText('Email is required')).toBeInTheDocument();
-    expect(screen.getByText('Password is required')).toBeInTheDocument();
-  });
-  
-  it('disables button while loading', async () => {
-    render(LoginForm, { props: { loading: true } });
-    
-    expect(screen.getByRole('button')).toBeDisabled();
-  });
-});
-```
-
----
-
-## 🌐 E2E Testing with Playwright
-
-### playwright.config.ts
-
-```typescript
-import type { PlaywrightTestConfig } from '@playwright/test';
-
-const config: PlaywrightTestConfig = {
-  webServer: {
-    command: 'npm run build && npm run preview',
-    port: 4173
-  },
-  testDir: 'tests',
-  testMatch: /(.+\.)?(test|spec)\.[jt]s/,
-  use: {
-    baseURL: 'http://localhost:4173',
-    trace: 'on-first-retry',
-    screenshot: 'only-on-failure'
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { browserName: 'chromium' }
-    },
-    {
-      name: 'firefox',
-      use: { browserName: 'firefox' }
-    },
-    {
-      name: 'webkit',
-      use: { browserName: 'webkit' }
-    }
-  ]
-};
-
-export default config;
-```
-
-### E2E Test Examples
-
-```typescript
-// tests/auth.test.ts
-import { test, expect } from '@playwright/test';
-
-test.describe('Authentication', () => {
-  test('user can log in', async ({ page }) => {
-    await page.goto('/login');
-    
-    await page.fill('input[name="email"]', 'test@example.com');
-    await page.fill('input[name="password"]', 'password123');
-    await page.click('button[type="submit"]');
-    
-    // Should redirect to dashboard
-    await expect(page).toHaveURL('/dashboard');
-    await expect(page.locator('h1')).toContainText('Dashboard');
-  });
-  
-  test('shows error for invalid credentials', async ({ page }) => {
-    await page.goto('/login');
-    
-    await page.fill('input[name="email"]', 'wrong@example.com');
-    await page.fill('input[name="password"]', 'wrongpassword');
-    await page.click('button[type="submit"]');
-    
-    await expect(page.locator('[role="alert"]')).toContainText('Invalid credentials');
-    await expect(page).toHaveURL('/login');
-  });
-  
-  test('protected routes redirect to login', async ({ page }) => {
-    await page.goto('/dashboard');
-    
-    await expect(page).toHaveURL('/login');
-  });
-});
-
-// tests/navigation.test.ts
-test.describe('Navigation', () => {
-  test('main navigation works', async ({ page }) => {
-    await page.goto('/');
-    
-    await page.click('a[href="/about"]');
-    await expect(page).toHaveURL('/about');
-    await expect(page.locator('h1')).toContainText('About');
-    
-    await page.click('a[href="/contact"]');
-    await expect(page).toHaveURL('/contact');
-    await expect(page.locator('h1')).toContainText('Contact');
-  });
-  
-  test('back button works', async ({ page }) => {
-    await page.goto('/');
-    await page.click('a[href="/about"]');
-    await page.goBack();
-    
-    await expect(page).toHaveURL('/');
-  });
-});
-
-// tests/forms.test.ts
-test.describe('Contact Form', () => {
-  test('submits form successfully', async ({ page }) => {
-    await page.goto('/contact');
-    
-    await page.fill('input[name="name"]', 'John Doe');
-    await page.fill('input[name="email"]', 'john@example.com');
-    await page.fill('textarea[name="message"]', 'Hello, this is a test message');
-    
-    await page.click('button[type="submit"]');
-    
-    await expect(page.locator('.success-message')).toBeVisible();
-    await expect(page.locator('.success-message')).toContainText('Message sent');
-  });
-});
-```
-
-### Testing Accessibility with Playwright
-
-```typescript
-// tests/accessibility.test.ts
-import { test, expect } from '@playwright/test';
-import AxeBuilder from '@axe-core/playwright';
-
-test.describe('Accessibility', () => {
-  test('home page passes axe', async ({ page }) => {
-    await page.goto('/');
-    
-    const results = await new AxeBuilder({ page }).analyze();
-    
-    expect(results.violations).toEqual([]);
-  });
-  
-  test('login page passes axe', async ({ page }) => {
-    await page.goto('/login');
-    
-    const results = await new AxeBuilder({ page })
-      .exclude('.third-party-widget') // Exclude elements you can't control
-      .analyze();
-    
-    expect(results.violations).toEqual([]);
-  });
-  
-  test('keyboard navigation works', async ({ page }) => {
-    await page.goto('/');
-    
-    // Tab through focusable elements
-    await page.keyboard.press('Tab');
-    await expect(page.locator(':focus')).toHaveAttribute('href', '/');
-    
-    await page.keyboard.press('Tab');
-    await expect(page.locator(':focus')).toHaveText('About');
-    
-    // Can activate with Enter
-    await page.keyboard.press('Enter');
-    await expect(page).toHaveURL('/about');
-  });
-});
-```
-
----
-
-## 📋 Package.json Scripts
-
-```json
-{
-  "scripts": {
-    "test": "vitest",
-    "test:unit": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:all": "npm run test:unit && npm run test:e2e"
-  }
-}
-```
-
----
-
-## 📋 Testing Checklist
-
-### Unit Tests
-- [ ] All components have tests
-- [ ] Props and variants tested
-- [ ] Event handlers tested
-- [ ] Edge cases covered
-- [ ] Async behavior tested
-
-### Integration Tests
-- [ ] Store interactions tested
-- [ ] Context providers tested
-- [ ] Form submissions tested
-- [ ] API calls mocked
-
-### E2E Tests
-- [ ] Critical user flows covered
-- [ ] Authentication tested
-- [ ] Form submissions tested
-- [ ] Error states tested
-- [ ] Accessibility automated
diff --git a/svelte-reference/10-DEPLOYMENT.md b/svelte-reference/10-DEPLOYMENT.md
deleted file mode 100644
index 661d5bd..0000000
--- a/svelte-reference/10-DEPLOYMENT.md
+++ /dev/null
@@ -1,656 +0,0 @@
-# SvelteKit Deployment Guide
-
-## Overview
-
-SvelteKit supports multiple deployment targets through adapters. Choose the right adapter for your infrastructure and requirements.
-
----
-
-## 🔌 Available Adapters
-
-### Adapter Comparison
-
-| Adapter | Platform | SSR | SSG | Edge | Serverless |
-|---------|----------|-----|-----|------|------------|
-| `adapter-node` | Node.js | ✅ | ✅ | ❌ | ❌ |
-| `adapter-auto` | Auto-detect | ✅ | ✅ | Varies | Varies |
-| `adapter-vercel` | Vercel | ✅ | ✅ | ✅ | ✅ |
-| `adapter-netlify` | Netlify | ✅ | ✅ | ✅ | ✅ |
-| `adapter-cloudflare` | Cloudflare | ✅ | ✅ | ✅ | ✅ |
-| `adapter-static` | Static hosts | ❌ | ✅ | ❌ | ❌ |
-
----
-
-## 🖥️ Node.js Deployment (adapter-node)
-
-### Installation
-
-```bash
-npm install -D @sveltejs/adapter-node
-```
-
-### Configuration
-
-```javascript
-// svelte.config.js
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  preprocess: vitePreprocess(),
-  kit: {
-    adapter: adapter({
-      // Output directory
-      out: 'build',
-      
-      // Precompress static assets with gzip/brotli
-      precompress: true,
-      
-      // Environment variable configuration
-      envPrefix: 'APP_'
-    })
-  }
-};
-
-export default config;
-```
-
-### Build & Run
-
-```bash
-# Build
-npm run build
-
-# Run with Node
-node build/index.js
-
-# Or with environment variables
-PORT=3000 HOST=0.0.0.0 node build/index.js
-```
-
-### Environment Variables
-
-```bash
-# Server configuration
-PORT=3000                    # Default: 3000
-HOST=0.0.0.0                 # Default: 0.0.0.0
-ORIGIN=https://example.com   # Required for form actions
-BODY_SIZE_LIMIT=512K         # Request body limit
-```
-
-### Production Process Manager (PM2)
-
-```javascript
-// ecosystem.config.cjs
-module.exports = {
-  apps: [{
-    name: 'sveltekit-app',
-    script: './build/index.js',
-    instances: 'max',
-    exec_mode: 'cluster',
-    env: {
-      NODE_ENV: 'production',
-      PORT: 3000,
-      ORIGIN: 'https://example.com'
-    },
-    error_file: './logs/error.log',
-    out_file: './logs/output.log',
-    log_date_format: 'YYYY-MM-DD HH:mm:ss Z'
-  }]
-};
-```
-
-```bash
-# Start with PM2
-pm2 start ecosystem.config.cjs
-
-# Save process list
-pm2 save
-
-# Setup startup script
-pm2 startup
-```
-
-### Systemd Service
-
-```ini
-# /etc/systemd/system/sveltekit-app.service
-[Unit]
-Description=SvelteKit Application
-After=network.target
-
-[Service]
-Type=simple
-User=www-data
-WorkingDirectory=/var/www/app
-ExecStart=/usr/bin/node build/index.js
-Restart=always
-RestartSec=10
-Environment=NODE_ENV=production
-Environment=PORT=3000
-Environment=ORIGIN=https://example.com
-
-[Install]
-WantedBy=multi-user.target
-```
-
-```bash
-sudo systemctl enable sveltekit-app
-sudo systemctl start sveltekit-app
-```
-
-### Nginx Reverse Proxy
-
-```nginx
-# /etc/nginx/sites-available/sveltekit-app
-upstream sveltekit {
-    server 127.0.0.1:3000;
-    keepalive 64;
-}
-
-server {
-    listen 80;
-    server_name example.com;
-    
-    # Redirect to HTTPS
-    return 301 https://$server_name$request_uri;
-}
-
-server {
-    listen 443 ssl http2;
-    server_name example.com;
-    
-    # SSL certificates
-    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
-    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;
-    
-    # SSL settings
-    ssl_protocols TLSv1.2 TLSv1.3;
-    ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256;
-    ssl_prefer_server_ciphers off;
-    
-    # Security headers
-    add_header X-Frame-Options "SAMEORIGIN" always;
-    add_header X-Content-Type-Options "nosniff" always;
-    add_header X-XSS-Protection "1; mode=block" always;
-    
-    # Gzip
-    gzip on;
-    gzip_types text/plain text/css application/json application/javascript;
-    
-    # Static files with immutable cache
-    location /_app/immutable {
-        proxy_pass http://sveltekit;
-        add_header Cache-Control "public, max-age=31536000, immutable";
-    }
-    
-    # Other static files
-    location /static {
-        proxy_pass http://sveltekit;
-        add_header Cache-Control "public, max-age=86400";
-    }
-    
-    # Proxy to SvelteKit
-    location / {
-        proxy_pass http://sveltekit;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection 'upgrade';
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
-        proxy_cache_bypass $http_upgrade;
-    }
-}
-```
-
----
-
-## 🐳 Docker Deployment
-
-### Dockerfile
-
-```dockerfile
-# Build stage
-FROM node:20-alpine AS builder
-
-WORKDIR /app
-
-# Copy package files
-COPY package*.json ./
-
-# Install dependencies
-RUN npm ci
-
-# Copy source
-COPY . .
-
-# Build application
-RUN npm run build
-
-# Production stage
-FROM node:20-alpine
-
-WORKDIR /app
-
-# Copy built application
-COPY --from=builder /app/build ./build
-COPY --from=builder /app/package*.json ./
-
-# Install production dependencies only
-RUN npm ci --omit=dev
-
-# Set environment
-ENV NODE_ENV=production
-ENV PORT=3000
-
-# Expose port
-EXPOSE 3000
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
-  CMD wget --no-verbose --tries=1 --spider http://localhost:3000/health || exit 1
-
-# Run
-CMD ["node", "build/index.js"]
-```
-
-### docker-compose.yml
-
-```yaml
-version: '3.8'
-
-services:
-  app:
-    build: .
-    ports:
-      - "3000:3000"
-    environment:
-      - NODE_ENV=production
-      - ORIGIN=https://example.com
-      - DATABASE_URL=postgresql://user:pass@db:5432/app
-    depends_on:
-      - db
-      - redis
-    restart: unless-stopped
-    healthcheck:
-      test: ["CMD", "wget", "--spider", "http://localhost:3000/health"]
-      interval: 30s
-      timeout: 10s
-      retries: 3
-  
-  db:
-    image: postgres:15-alpine
-    volumes:
-      - postgres_data:/var/lib/postgresql/data
-    environment:
-      POSTGRES_USER: user
-      POSTGRES_PASSWORD: pass
-      POSTGRES_DB: app
-    restart: unless-stopped
-  
-  redis:
-    image: redis:7-alpine
-    volumes:
-      - redis_data:/data
-    restart: unless-stopped
-  
-  nginx:
-    image: nginx:alpine
-    ports:
-      - "80:80"
-      - "443:443"
-    volumes:
-      - ./nginx.conf:/etc/nginx/nginx.conf:ro
-      - ./certs:/etc/nginx/certs:ro
-    depends_on:
-      - app
-    restart: unless-stopped
-
-volumes:
-  postgres_data:
-  redis_data:
-```
-
----
-
-## 📦 Static Site Generation (adapter-static)
-
-### Installation
-
-```bash
-npm install -D @sveltejs/adapter-static
-```
-
-### Configuration
-
-```javascript
-// svelte.config.js
-import adapter from '@sveltejs/adapter-static';
-
-const config = {
-  kit: {
-    adapter: adapter({
-      pages: 'build',
-      assets: 'build',
-      fallback: '404.html',  // or 'index.html' for SPA
-      precompress: true,
-      strict: true
-    }),
-    prerender: {
-      entries: ['*'],  // Prerender all pages
-      handleHttpError: 'warn'
-    }
-  }
-};
-
-export default config;
-```
-
-### Page Configuration for SSG
-
-```typescript
-// src/routes/+layout.ts
-export const prerender = true;  // Prerender all pages
-export const ssr = true;        // Enable SSR during build
-
-// src/routes/+page.ts
-export const prerender = true;  // Prerender this specific page
-
-// For dynamic routes, export entries
-export function entries() {
-  return [
-    { slug: 'post-1' },
-    { slug: 'post-2' },
-    { slug: 'post-3' }
-  ];
-}
-```
-
-### Deploy to GitHub Pages
-
-```yaml
-# .github/workflows/deploy.yml
-name: Deploy to GitHub Pages
-
-on:
-  push:
-    branches: [main]
-
-jobs:
-  build-and-deploy:
-    runs-on: ubuntu-latest
-    
-    steps:
-      - uses: actions/checkout@v4
-      
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          cache: 'npm'
-      
-      - name: Install dependencies
-        run: npm ci
-      
-      - name: Build
-        run: npm run build
-        env:
-          BASE_PATH: '/${{ github.event.repository.name }}'
-      
-      - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./build
-```
-
----
-
-## ☁️ Vercel Deployment
-
-### Configuration
-
-```javascript
-// svelte.config.js
-import adapter from '@sveltejs/adapter-vercel';
-
-const config = {
-  kit: {
-    adapter: adapter({
-      runtime: 'nodejs20.x',  // or 'edge'
-      regions: ['iad1'],      // Deploy regions
-      split: true             // Split into multiple functions
-    })
-  }
-};
-```
-
-### Per-Route Configuration
-
-```typescript
-// src/routes/api/slow-endpoint/+server.ts
-export const config = {
-  runtime: 'nodejs20.x',
-  maxDuration: 30  // Extend timeout
-};
-
-// src/routes/api/fast-endpoint/+server.ts  
-export const config = {
-  runtime: 'edge',
-  regions: ['iad1', 'sfo1', 'cdg1']  // Multi-region
-};
-```
-
-### vercel.json
-
-```json
-{
-  "framework": "sveltekit",
-  "buildCommand": "npm run build",
-  "installCommand": "npm ci",
-  "headers": [
-    {
-      "source": "/_app/immutable/(.*)",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    }
-  ]
-}
-```
-
----
-
-## 🌐 Cloudflare Pages
-
-### Configuration
-
-```javascript
-// svelte.config.js
-import adapter from '@sveltejs/adapter-cloudflare';
-
-const config = {
-  kit: {
-    adapter: adapter({
-      routes: {
-        include: ['/*'],
-        exclude: ['<all>']
-      }
-    })
-  }
-};
-```
-
-### Platform Bindings
-
-```typescript
-// src/app.d.ts
-declare global {
-  namespace App {
-    interface Platform {
-      env: {
-        KV_NAMESPACE: KVNamespace;
-        D1_DATABASE: D1Database;
-        R2_BUCKET: R2Bucket;
-      };
-      context: {
-        waitUntil(promise: Promise<unknown>): void;
-      };
-    }
-  }
-}
-
-// src/routes/+page.server.ts
-export async function load({ platform }) {
-  const value = await platform?.env.KV_NAMESPACE.get('key');
-  return { value };
-}
-```
-
----
-
-## 🔒 Security Considerations
-
-### Environment Variables
-
-```typescript
-// src/lib/server/env.ts
-import { env } from '$env/dynamic/private';
-import { building } from '$app/environment';
-
-if (!building) {
-  // Validate required env vars at startup
-  const required = ['DATABASE_URL', 'SECRET_KEY'];
-  
-  for (const key of required) {
-    if (!env[key]) {
-      throw new Error(`Missing required environment variable: ${key}`);
-    }
-  }
-}
-
-export const config = {
-  databaseUrl: env.DATABASE_URL,
-  secretKey: env.SECRET_KEY,
-  isProduction: env.NODE_ENV === 'production'
-};
-```
-
-### Security Headers
-
-```typescript
-// src/hooks.server.ts
-import type { Handle } from '@sveltejs/kit';
-
-export const handle: Handle = async ({ event, resolve }) => {
-  const response = await resolve(event);
-  
-  // Security headers
-  response.headers.set('X-Frame-Options', 'SAMEORIGIN');
-  response.headers.set('X-Content-Type-Options', 'nosniff');
-  response.headers.set('Referrer-Policy', 'strict-origin-when-cross-origin');
-  response.headers.set(
-    'Content-Security-Policy',
-    "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'"
-  );
-  response.headers.set(
-    'Permissions-Policy',
-    'camera=(), microphone=(), geolocation=()'
-  );
-  
-  return response;
-};
-```
-
-### CORS Configuration
-
-```typescript
-// src/routes/api/[...path]/+server.ts
-import type { RequestHandler } from './$types';
-
-const allowedOrigins = ['https://example.com', 'https://app.example.com'];
-
-export const OPTIONS: RequestHandler = async ({ request }) => {
-  const origin = request.headers.get('origin');
-  
-  if (origin && allowedOrigins.includes(origin)) {
-    return new Response(null, {
-      headers: {
-        'Access-Control-Allow-Origin': origin,
-        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
-        'Access-Control-Allow-Headers': 'Content-Type, Authorization',
-        'Access-Control-Max-Age': '86400'
-      }
-    });
-  }
-  
-  return new Response(null, { status: 403 });
-};
-```
-
----
-
-## 📊 Health Checks & Monitoring
-
-### Health Endpoint
-
-```typescript
-// src/routes/health/+server.ts
-import { json } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async () => {
-  const health = {
-    status: 'healthy',
-    timestamp: new Date().toISOString(),
-    uptime: process.uptime(),
-    memory: process.memoryUsage(),
-    version: process.env.npm_package_version
-  };
-  
-  // Add database check
-  try {
-    // await db.query('SELECT 1');
-    health.database = 'connected';
-  } catch {
-    health.database = 'disconnected';
-    health.status = 'degraded';
-  }
-  
-  const statusCode = health.status === 'healthy' ? 200 : 503;
-  
-  return json(health, { status: statusCode });
-};
-```
-
----
-
-## 📋 Deployment Checklist
-
-### Pre-Deployment
-- [ ] All tests passing
-- [ ] Environment variables documented
-- [ ] Build succeeds locally
-- [ ] Security headers configured
-- [ ] Error pages customized
-- [ ] Logging configured
-
-### Production
-- [ ] SSL/TLS enabled
-- [ ] CDN configured
-- [ ] Database backups scheduled
-- [ ] Monitoring/alerting setup
-- [ ] Rate limiting enabled
-- [ ] Health checks configured
-
-### Post-Deployment
-- [ ] Smoke tests passing
-- [ ] Performance metrics acceptable
-- [ ] Error tracking working
-- [ ] Rollback plan documented
diff --git a/svelte-reference/11-MIGRATION_GUIDE.md b/svelte-reference/11-MIGRATION_GUIDE.md
deleted file mode 100644
index 0a5b433..0000000
--- a/svelte-reference/11-MIGRATION_GUIDE.md
+++ /dev/null
@@ -1,705 +0,0 @@
-# Svelte 5 Migration Guide
-
-## Overview
-
-This guide covers migrating from Svelte 4 to Svelte 5, with focus on the new Runes system which replaces the old reactive syntax.
-
----
-
-## 🔄 Key Changes at a Glance
-
-| Svelte 4 | Svelte 5 | Description |
-|----------|----------|-------------|
-| `let count = 0` | `let count = $state(0)` | Reactive state |
-| `$: doubled = count * 2` | `let doubled = $derived(count * 2)` | Derived values |
-| `$: { sideEffect() }` | `$effect(() => { sideEffect() })` | Side effects |
-| `export let prop` | `let { prop } = $props()` | Component props |
-| `<slot />` | `{@render children()}` | Rendering children |
-| `<slot name="x" />` | `{@render x?.()}` | Named slots → Snippets |
-| `$$props`, `$$restProps` | `$props()` with rest | All props access |
-| `createEventDispatcher()` | Callback props | Event handling |
-
----
-
-## 📦 State Migration
-
-### Basic State
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  let count = 0;
-  
-  function increment() {
-    count += 1;
-  }
-</script>
-
-<!-- ✅ Svelte 5 -->
-<script>
-  let count = $state(0);
-  
-  function increment() {
-    count += 1;
-  }
-</script>
-```
-
-### Object/Array State
-
-```svelte
-<!-- ❌ Svelte 4 - Needed reassignment for reactivity -->
-<script>
-  let items = [];
-  
-  function addItem(item) {
-    items = [...items, item]; // Had to reassign
-  }
-  
-  let user = { name: '', age: 0 };
-  
-  function updateName(name) {
-    user = { ...user, name }; // Had to spread
-  }
-</script>
-
-<!-- ✅ Svelte 5 - Deep reactivity -->
-<script>
-  let items = $state([]);
-  
-  function addItem(item) {
-    items.push(item); // Direct mutation works!
-  }
-  
-  let user = $state({ name: '', age: 0 });
-  
-  function updateName(name) {
-    user.name = name; // Direct property assignment works!
-  }
-</script>
-```
-
----
-
-## 🧮 Derived Values Migration
-
-### Simple Derived
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  let count = 0;
-  $: doubled = count * 2;
-  $: tripled = count * 3;
-  $: total = doubled + tripled;
-</script>
-
-<!-- ✅ Svelte 5 -->
-<script>
-  let count = $state(0);
-  let doubled = $derived(count * 2);
-  let tripled = $derived(count * 3);
-  let total = $derived(doubled + tripled);
-</script>
-```
-
-### Complex Derived
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  let items = [];
-  let filter = '';
-  
-  $: filteredItems = items.filter(item => 
-    item.name.toLowerCase().includes(filter.toLowerCase())
-  );
-  
-  $: {
-    // Complex computation
-    let result = [];
-    for (const item of items) {
-      if (item.active) {
-        result.push(processItem(item));
-      }
-    }
-    processedItems = result;
-  }
-</script>
-
-<!-- ✅ Svelte 5 -->
-<script>
-  let items = $state([]);
-  let filter = $state('');
-  
-  let filteredItems = $derived(
-    items.filter(item => 
-      item.name.toLowerCase().includes(filter.toLowerCase())
-    )
-  );
-  
-  // For complex computations, use $derived.by()
-  let processedItems = $derived.by(() => {
-    let result = [];
-    for (const item of items) {
-      if (item.active) {
-        result.push(processItem(item));
-      }
-    }
-    return result;
-  });
-</script>
-```
-
----
-
-## ⚡ Effects Migration
-
-### Basic Effects
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  let count = 0;
-  
-  // Reactive statement as effect
-  $: console.log('Count changed:', count);
-  
-  // Effect with cleanup wasn't possible inline
-  import { onMount, onDestroy } from 'svelte';
-  
-  let interval;
-  onMount(() => {
-    interval = setInterval(() => count++, 1000);
-  });
-  onDestroy(() => clearInterval(interval));
-</script>
-
-<!-- ✅ Svelte 5 -->
-<script>
-  let count = $state(0);
-  
-  // Effect automatically tracks dependencies
-  $effect(() => {
-    console.log('Count changed:', count);
-  });
-  
-  // Effect with cleanup
-  $effect(() => {
-    const interval = setInterval(() => count++, 1000);
-    
-    return () => clearInterval(interval); // Cleanup function
-  });
-</script>
-```
-
-### Pre-Effects (beforeUpdate replacement)
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  import { beforeUpdate, afterUpdate } from 'svelte';
-  
-  let messages = [];
-  let container;
-  let autoscroll = false;
-  
-  beforeUpdate(() => {
-    autoscroll = container && 
-      container.scrollTop + container.clientHeight >= container.scrollHeight - 20;
-  });
-  
-  afterUpdate(() => {
-    if (autoscroll) {
-      container.scrollTo(0, container.scrollHeight);
-    }
-  });
-</script>
-
-<!-- ✅ Svelte 5 -->
-<script>
-  let messages = $state([]);
-  let container = $state();
-  
-  $effect.pre(() => {
-    // Runs before DOM updates
-    if (!container) return;
-    // ... pre-update logic
-  });
-  
-  $effect(() => {
-    // Runs after DOM updates
-    if (!container) return;
-    container.scrollTo(0, container.scrollHeight);
-  });
-</script>
-```
-
----
-
-## 🎁 Props Migration
-
-### Basic Props
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  export let name;
-  export let count = 0;  // With default
-  export let optional = undefined;
-</script>
-
-<!-- ✅ Svelte 5 -->
-<script>
-  let { 
-    name,
-    count = 0,
-    optional
-  } = $props();
-</script>
-```
-
-### Rest Props
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  export let variant = 'primary';
-  // $$restProps used in template
-</script>
-
-<button class={variant} {...$$restProps}>
-  <slot />
-</button>
-
-<!-- ✅ Svelte 5 -->
-<script>
-  let { 
-    variant = 'primary',
-    children,
-    ...restProps 
-  } = $props();
-</script>
-
-<button class={variant} {...restProps}>
-  {@render children?.()}
-</button>
-```
-
-### Bindable Props (Two-way Binding)
-
-```svelte
-<!-- ❌ Svelte 4 - Parent -->
-<script>
-  let value = '';
-</script>
-<Input bind:value />
-
-<!-- ❌ Svelte 4 - Child (Input.svelte) -->
-<script>
-  export let value;
-</script>
-<input bind:value />
-
-<!-- ✅ Svelte 5 - Parent (same) -->
-<script>
-  let value = $state('');
-</script>
-<Input bind:value />
-
-<!-- ✅ Svelte 5 - Child (Input.svelte) -->
-<script>
-  let { value = $bindable() } = $props();
-</script>
-<input bind:value />
-```
-
----
-
-## 🎰 Slots → Snippets Migration
-
-### Default Slot
-
-```svelte
-<!-- ❌ Svelte 4 - Card.svelte -->
-<div class="card">
-  <slot />
-</div>
-
-<!-- ❌ Svelte 4 - Usage -->
-<Card>
-  <p>Card content</p>
-</Card>
-
-<!-- ✅ Svelte 5 - Card.svelte -->
-<script>
-  let { children } = $props();
-</script>
-
-<div class="card">
-  {@render children?.()}
-</div>
-
-<!-- ✅ Svelte 5 - Usage -->
-<Card>
-  <p>Card content</p>
-</Card>
-```
-
-### Named Slots
-
-```svelte
-<!-- ❌ Svelte 4 - Layout.svelte -->
-<header>
-  <slot name="header" />
-</header>
-<main>
-  <slot />
-</main>
-<footer>
-  <slot name="footer" />
-</footer>
-
-<!-- ❌ Svelte 4 - Usage -->
-<Layout>
-  <h1 slot="header">Title</h1>
-  <p>Main content</p>
-  <span slot="footer">Footer</span>
-</Layout>
-
-<!-- ✅ Svelte 5 - Layout.svelte -->
-<script>
-  import type { Snippet } from 'svelte';
-  
-  let { 
-    header,
-    children,
-    footer
-  }: {
-    header?: Snippet;
-    children?: Snippet;
-    footer?: Snippet;
-  } = $props();
-</script>
-
-<header>
-  {@render header?.()}
-</header>
-<main>
-  {@render children?.()}
-</main>
-<footer>
-  {@render footer?.()}
-</footer>
-
-<!-- ✅ Svelte 5 - Usage -->
-<Layout>
-  {#snippet header()}
-    <h1>Title</h1>
-  {/snippet}
-  
-  <p>Main content</p>
-  
-  {#snippet footer()}
-    <span>Footer</span>
-  {/snippet}
-</Layout>
-```
-
-### Slot Props → Snippet Parameters
-
-```svelte
-<!-- ❌ Svelte 4 - List.svelte -->
-<script>
-  export let items = [];
-</script>
-
-<ul>
-  {#each items as item}
-    <li>
-      <slot {item} index={items.indexOf(item)} />
-    </li>
-  {/each}
-</ul>
-
-<!-- ❌ Svelte 4 - Usage -->
-<List {items} let:item let:index>
-  <span>{index}: {item.name}</span>
-</List>
-
-<!-- ✅ Svelte 5 - List.svelte -->
-<script>
-  import type { Snippet } from 'svelte';
-  
-  let { 
-    items,
-    children
-  }: {
-    items: Item[];
-    children: Snippet<[{ item: Item; index: number }]>;
-  } = $props();
-</script>
-
-<ul>
-  {#each items as item, index}
-    <li>
-      {@render children({ item, index })}
-    </li>
-  {/each}
-</ul>
-
-<!-- ✅ Svelte 5 - Usage -->
-<List {items}>
-  {#snippet children({ item, index })}
-    <span>{index}: {item.name}</span>
-  {/snippet}
-</List>
-```
-
----
-
-## 📡 Events Migration
-
-### Custom Events
-
-```svelte
-<!-- ❌ Svelte 4 - Button.svelte -->
-<script>
-  import { createEventDispatcher } from 'svelte';
-  
-  const dispatch = createEventDispatcher();
-  
-  function handleClick() {
-    dispatch('click', { timestamp: Date.now() });
-  }
-</script>
-
-<button on:click={handleClick}>
-  <slot />
-</button>
-
-<!-- ❌ Svelte 4 - Usage -->
-<Button on:click={(e) => console.log(e.detail.timestamp)}>
-  Click me
-</Button>
-
-<!-- ✅ Svelte 5 - Button.svelte -->
-<script>
-  let { 
-    onclick,
-    children
-  }: {
-    onclick?: (data: { timestamp: number }) => void;
-    children: Snippet;
-  } = $props();
-  
-  function handleClick() {
-    onclick?.({ timestamp: Date.now() });
-  }
-</script>
-
-<button onclick={handleClick}>
-  {@render children()}
-</button>
-
-<!-- ✅ Svelte 5 - Usage -->
-<Button onclick={(data) => console.log(data.timestamp)}>
-  Click me
-</Button>
-```
-
-### Event Forwarding
-
-```svelte
-<!-- ❌ Svelte 4 - Wrapper.svelte -->
-<button on:click on:mouseenter on:mouseleave>
-  <slot />
-</button>
-
-<!-- ✅ Svelte 5 - Wrapper.svelte -->
-<script>
-  let { 
-    onclick,
-    onmouseenter,
-    onmouseleave,
-    children,
-    ...restProps 
-  } = $props();
-</script>
-
-<!-- Option 1: Explicit forwarding -->
-<button {onclick} {onmouseenter} {onmouseleave}>
-  {@render children?.()}
-</button>
-
-<!-- Option 2: Spread all props -->
-<button {...restProps}>
-  {@render children?.()}
-</button>
-```
-
----
-
-## 🏪 Stores Migration
-
-### Writable Stores
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  import { writable } from 'svelte/store';
-  
-  const count = writable(0);
-  
-  function increment() {
-    count.update(n => n + 1);
-  }
-</script>
-
-<button on:click={increment}>
-  Count: {$count}
-</button>
-
-<!-- ✅ Svelte 5 - Using class-based state -->
-// stores/counter.svelte.ts
-export class Counter {
-  count = $state(0);
-  
-  increment() {
-    this.count++;
-  }
-}
-
-export const counter = new Counter();
-
-// Component
-<script>
-  import { counter } from './stores/counter.svelte';
-</script>
-
-<button onclick={() => counter.increment()}>
-  Count: {counter.count}
-</button>
-```
-
-### Derived Stores
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  import { writable, derived } from 'svelte/store';
-  
-  const count = writable(0);
-  const doubled = derived(count, $count => $count * 2);
-</script>
-
-<p>Doubled: {$doubled}</p>
-
-<!-- ✅ Svelte 5 -->
-// stores/counter.svelte.ts
-export class Counter {
-  count = $state(0);
-  doubled = $derived(this.count * 2);
-}
-
-// Component
-<script>
-  import { counter } from './stores/counter.svelte';
-</script>
-
-<p>Doubled: {counter.doubled}</p>
-```
-
----
-
-## 🔧 Component Lifecycle
-
-### onMount / onDestroy
-
-```svelte
-<!-- ❌ Svelte 4 -->
-<script>
-  import { onMount, onDestroy } from 'svelte';
-  
-  let data;
-  let subscription;
-  
-  onMount(async () => {
-    data = await fetchData();
-    subscription = subscribe();
-    
-    return () => {
-      subscription.unsubscribe();
-    };
-  });
-  
-  onDestroy(() => {
-    cleanup();
-  });
-</script>
-
-<!-- ✅ Svelte 5 - onMount still works! -->
-<script>
-  import { onMount } from 'svelte';
-  
-  let data = $state(null);
-  
-  onMount(async () => {
-    data = await fetchData();
-  });
-  
-  // For subscriptions, use $effect
-  $effect(() => {
-    const subscription = subscribe();
-    return () => subscription.unsubscribe();
-  });
-</script>
-```
-
----
-
-## 📋 Migration Checklist
-
-### Phase 1: Preparation
-- [ ] Update to latest Svelte 4.x
-- [ ] Fix all deprecation warnings
-- [ ] Ensure tests are passing
-- [ ] Review component inventory
-
-### Phase 2: Upgrade
-- [ ] Update to Svelte 5
-- [ ] Update SvelteKit (if using)
-- [ ] Update dependencies
-
-### Phase 3: Migrate Components
-- [ ] Convert `export let` → `$props()`
-- [ ] Convert reactive declarations → `$derived()`
-- [ ] Convert reactive statements → `$effect()`
-- [ ] Convert slots → snippets
-- [ ] Convert events → callback props
-- [ ] Convert stores → class-based state
-
-### Phase 4: Validation
-- [ ] Run all tests
-- [ ] Check for runtime errors
-- [ ] Performance testing
-- [ ] Accessibility audit
-
----
-
-## 🛠️ Automated Migration
-
-Svelte 5 includes a migration script:
-
-```bash
-# Run the migration script
-npx sv migrate svelte-5
-
-# This will:
-# - Update syntax to Svelte 5
-# - Convert reactive statements
-# - Update event handlers
-# - Flag manual review items
-```
-
-**Note:** Always review automated changes and test thoroughly!
diff --git a/svelte-reference/12-UTILITIES.md b/svelte-reference/12-UTILITIES.md
deleted file mode 100644
index a4ef4bf..0000000
--- a/svelte-reference/12-UTILITIES.md
+++ /dev/null
@@ -1,735 +0,0 @@
-# Svelte Common Utilities & Helpers
-
-## Overview
-
-A collection of reusable utilities, helpers, and patterns commonly needed in Svelte 5 applications.
-
----
-
-## 🎣 Custom Hooks (Reactive Utilities)
-
-### useLocalStorage
-
-```typescript
-// src/lib/hooks/useLocalStorage.svelte.ts
-import { browser } from '$app/environment';
-
-export function useLocalStorage<T>(key: string, initialValue: T) {
-  let value = $state<T>(initialValue);
-  
-  // Load from localStorage on init
-  if (browser) {
-    const stored = localStorage.getItem(key);
-    if (stored) {
-      try {
-        value = JSON.parse(stored);
-      } catch {
-        value = initialValue;
-      }
-    }
-  }
-  
-  // Sync to localStorage on change
-  $effect(() => {
-    if (browser) {
-      localStorage.setItem(key, JSON.stringify(value));
-    }
-  });
-  
-  return {
-    get value() { return value; },
-    set value(v: T) { value = v; },
-    reset() { value = initialValue; }
-  };
-}
-
-// Usage
-const theme = useLocalStorage('theme', 'light');
-// theme.value = 'dark';
-```
-
-### useDebounce
-
-```typescript
-// src/lib/hooks/useDebounce.svelte.ts
-export function useDebounce<T>(getValue: () => T, delay: number = 300) {
-  let debouncedValue = $state<T>(getValue());
-  let timeout: ReturnType<typeof setTimeout>;
-  
-  $effect(() => {
-    const currentValue = getValue();
-    
-    clearTimeout(timeout);
-    timeout = setTimeout(() => {
-      debouncedValue = currentValue;
-    }, delay);
-    
-    return () => clearTimeout(timeout);
-  });
-  
-  return {
-    get value() { return debouncedValue; }
-  };
-}
-
-// Usage
-let searchQuery = $state('');
-const debouncedQuery = useDebounce(() => searchQuery, 300);
-// Use debouncedQuery.value for API calls
-```
-
-### useThrottle
-
-```typescript
-// src/lib/hooks/useThrottle.svelte.ts
-export function useThrottle<T>(getValue: () => T, limit: number = 300) {
-  let throttledValue = $state<T>(getValue());
-  let lastRun = 0;
-  
-  $effect(() => {
-    const currentValue = getValue();
-    const now = Date.now();
-    
-    if (now - lastRun >= limit) {
-      throttledValue = currentValue;
-      lastRun = now;
-    }
-  });
-  
-  return {
-    get value() { return throttledValue; }
-  };
-}
-```
-
-### useMediaQuery
-
-```typescript
-// src/lib/hooks/useMediaQuery.svelte.ts
-import { browser } from '$app/environment';
-
-export function useMediaQuery(query: string) {
-  let matches = $state(false);
-  
-  $effect(() => {
-    if (!browser) return;
-    
-    const mediaQuery = window.matchMedia(query);
-    matches = mediaQuery.matches;
-    
-    const handler = (e: MediaQueryListEvent) => {
-      matches = e.matches;
-    };
-    
-    mediaQuery.addEventListener('change', handler);
-    return () => mediaQuery.removeEventListener('change', handler);
-  });
-  
-  return {
-    get matches() { return matches; }
-  };
-}
-
-// Usage
-const isMobile = useMediaQuery('(max-width: 768px)');
-// {#if isMobile.matches}...{/if}
-```
-
-### useOnline
-
-```typescript
-// src/lib/hooks/useOnline.svelte.ts
-import { browser } from '$app/environment';
-
-export function useOnline() {
-  let isOnline = $state(browser ? navigator.onLine : true);
-  
-  $effect(() => {
-    if (!browser) return;
-    
-    const handleOnline = () => { isOnline = true; };
-    const handleOffline = () => { isOnline = false; };
-    
-    window.addEventListener('online', handleOnline);
-    window.addEventListener('offline', handleOffline);
-    
-    return () => {
-      window.removeEventListener('online', handleOnline);
-      window.removeEventListener('offline', handleOffline);
-    };
-  });
-  
-  return {
-    get isOnline() { return isOnline; }
-  };
-}
-```
-
-### useClickOutside
-
-```typescript
-// src/lib/hooks/useClickOutside.svelte.ts
-export function useClickOutside(
-  getElement: () => HTMLElement | null,
-  callback: () => void
-) {
-  $effect(() => {
-    const element = getElement();
-    if (!element) return;
-    
-    const handler = (event: MouseEvent) => {
-      if (!element.contains(event.target as Node)) {
-        callback();
-      }
-    };
-    
-    document.addEventListener('click', handler);
-    return () => document.removeEventListener('click', handler);
-  });
-}
-
-// Usage
-let menuRef = $state<HTMLElement>();
-let isOpen = $state(false);
-
-useClickOutside(
-  () => menuRef,
-  () => { isOpen = false; }
-);
-```
-
-### useIntersectionObserver
-
-```typescript
-// src/lib/hooks/useIntersectionObserver.svelte.ts
-interface UseIntersectionOptions {
-  threshold?: number | number[];
-  root?: Element | null;
-  rootMargin?: string;
-}
-
-export function useIntersectionObserver(
-  getElement: () => HTMLElement | null,
-  options: UseIntersectionOptions = {}
-) {
-  let isIntersecting = $state(false);
-  let entry = $state<IntersectionObserverEntry | null>(null);
-  
-  $effect(() => {
-    const element = getElement();
-    if (!element) return;
-    
-    const observer = new IntersectionObserver(
-      ([e]) => {
-        isIntersecting = e.isIntersecting;
-        entry = e;
-      },
-      {
-        threshold: options.threshold ?? 0,
-        root: options.root ?? null,
-        rootMargin: options.rootMargin ?? '0px'
-      }
-    );
-    
-    observer.observe(element);
-    return () => observer.disconnect();
-  });
-  
-  return {
-    get isIntersecting() { return isIntersecting; },
-    get entry() { return entry; }
-  };
-}
-
-// Usage - Lazy loading
-let imageRef = $state<HTMLElement>();
-const { isIntersecting } = useIntersectionObserver(() => imageRef);
-// Load image when isIntersecting becomes true
-```
-
----
-
-## 🛠️ Utility Functions
-
-### Class Name Utilities
-
-```typescript
-// src/lib/utils/cn.ts
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-// Usage
-cn('px-4 py-2', isActive && 'bg-blue-500', className)
-```
-
-### Format Utilities
-
-```typescript
-// src/lib/utils/format.ts
-
-// Currency formatting
-export function formatCurrency(
-  amount: number,
-  currency = 'USD',
-  locale = 'en-US'
-): string {
-  return new Intl.NumberFormat(locale, {
-    style: 'currency',
-    currency
-  }).format(amount);
-}
-
-// Date formatting
-export function formatDate(
-  date: Date | string | number,
-  options: Intl.DateTimeFormatOptions = {},
-  locale = 'en-US'
-): string {
-  const d = date instanceof Date ? date : new Date(date);
-  return new Intl.DateTimeFormat(locale, {
-    dateStyle: 'medium',
-    ...options
-  }).format(d);
-}
-
-// Relative time
-export function formatRelativeTime(date: Date | string | number): string {
-  const d = date instanceof Date ? date : new Date(date);
-  const now = new Date();
-  const diffMs = d.getTime() - now.getTime();
-  const diffSec = Math.round(diffMs / 1000);
-  const diffMin = Math.round(diffSec / 60);
-  const diffHour = Math.round(diffMin / 60);
-  const diffDay = Math.round(diffHour / 24);
-  
-  const rtf = new Intl.RelativeTimeFormat('en', { numeric: 'auto' });
-  
-  if (Math.abs(diffSec) < 60) return rtf.format(diffSec, 'second');
-  if (Math.abs(diffMin) < 60) return rtf.format(diffMin, 'minute');
-  if (Math.abs(diffHour) < 24) return rtf.format(diffHour, 'hour');
-  return rtf.format(diffDay, 'day');
-}
-
-// Number formatting
-export function formatNumber(
-  num: number,
-  options: Intl.NumberFormatOptions = {}
-): string {
-  return new Intl.NumberFormat('en-US', options).format(num);
-}
-
-// Compact number (1K, 1M, etc.)
-export function formatCompact(num: number): string {
-  return new Intl.NumberFormat('en-US', {
-    notation: 'compact',
-    compactDisplay: 'short'
-  }).format(num);
-}
-
-// File size
-export function formatFileSize(bytes: number): string {
-  const units = ['B', 'KB', 'MB', 'GB', 'TB'];
-  let size = bytes;
-  let unitIndex = 0;
-  
-  while (size >= 1024 && unitIndex < units.length - 1) {
-    size /= 1024;
-    unitIndex++;
-  }
-  
-  return `${size.toFixed(1)} ${units[unitIndex]}`;
-}
-```
-
-### String Utilities
-
-```typescript
-// src/lib/utils/string.ts
-
-// Truncate text
-export function truncate(str: string, length: number, ending = '...'): string {
-  if (str.length <= length) return str;
-  return str.slice(0, length - ending.length) + ending;
-}
-
-// Slugify
-export function slugify(str: string): string {
-  return str
-    .toLowerCase()
-    .trim()
-    .replace(/[^\w\s-]/g, '')
-    .replace(/[\s_-]+/g, '-')
-    .replace(/^-+|-+$/g, '');
-}
-
-// Capitalize
-export function capitalize(str: string): string {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-// Title case
-export function titleCase(str: string): string {
-  return str
-    .toLowerCase()
-    .split(' ')
-    .map(word => capitalize(word))
-    .join(' ');
-}
-
-// Pluralize
-export function pluralize(
-  count: number,
-  singular: string,
-  plural?: string
-): string {
-  return count === 1 ? singular : (plural ?? `${singular}s`);
-}
-```
-
-### Array Utilities
-
-```typescript
-// src/lib/utils/array.ts
-
-// Group by key
-export function groupBy<T>(
-  array: T[],
-  key: keyof T | ((item: T) => string)
-): Record<string, T[]> {
-  return array.reduce((groups, item) => {
-    const groupKey = typeof key === 'function' ? key(item) : String(item[key]);
-    groups[groupKey] = [...(groups[groupKey] || []), item];
-    return groups;
-  }, {} as Record<string, T[]>);
-}
-
-// Unique values
-export function unique<T>(array: T[]): T[] {
-  return [...new Set(array)];
-}
-
-// Unique by key
-export function uniqueBy<T>(array: T[], key: keyof T): T[] {
-  const seen = new Set();
-  return array.filter(item => {
-    const k = item[key];
-    if (seen.has(k)) return false;
-    seen.add(k);
-    return true;
-  });
-}
-
-// Chunk array
-export function chunk<T>(array: T[], size: number): T[][] {
-  const chunks: T[][] = [];
-  for (let i = 0; i < array.length; i += size) {
-    chunks.push(array.slice(i, i + size));
-  }
-  return chunks;
-}
-
-// Shuffle array
-export function shuffle<T>(array: T[]): T[] {
-  const result = [...array];
-  for (let i = result.length - 1; i > 0; i--) {
-    const j = Math.floor(Math.random() * (i + 1));
-    [result[i], result[j]] = [result[j], result[i]];
-  }
-  return result;
-}
-
-// Sort by key
-export function sortBy<T>(
-  array: T[],
-  key: keyof T,
-  order: 'asc' | 'desc' = 'asc'
-): T[] {
-  return [...array].sort((a, b) => {
-    const aVal = a[key];
-    const bVal = b[key];
-    const compare = aVal < bVal ? -1 : aVal > bVal ? 1 : 0;
-    return order === 'asc' ? compare : -compare;
-  });
-}
-```
-
-### Object Utilities
-
-```typescript
-// src/lib/utils/object.ts
-
-// Deep clone
-export function deepClone<T>(obj: T): T {
-  return structuredClone(obj);
-}
-
-// Pick keys
-export function pick<T extends object, K extends keyof T>(
-  obj: T,
-  keys: K[]
-): Pick<T, K> {
-  return keys.reduce((result, key) => {
-    if (key in obj) result[key] = obj[key];
-    return result;
-  }, {} as Pick<T, K>);
-}
-
-// Omit keys
-export function omit<T extends object, K extends keyof T>(
-  obj: T,
-  keys: K[]
-): Omit<T, K> {
-  const result = { ...obj };
-  for (const key of keys) {
-    delete result[key];
-  }
-  return result;
-}
-
-// Deep equal
-export function deepEqual(a: unknown, b: unknown): boolean {
-  if (a === b) return true;
-  if (typeof a !== typeof b) return false;
-  if (a == null || b == null) return false;
-  
-  if (Array.isArray(a) && Array.isArray(b)) {
-    if (a.length !== b.length) return false;
-    return a.every((val, i) => deepEqual(val, b[i]));
-  }
-  
-  if (typeof a === 'object' && typeof b === 'object') {
-    const keysA = Object.keys(a);
-    const keysB = Object.keys(b);
-    if (keysA.length !== keysB.length) return false;
-    return keysA.every(key => 
-      deepEqual((a as any)[key], (b as any)[key])
-    );
-  }
-  
-  return false;
-}
-```
-
----
-
-## 🎯 Svelte Actions
-
-### Focus Trap
-
-```typescript
-// src/lib/actions/focusTrap.ts
-export function focusTrap(node: HTMLElement) {
-  const focusableElements = node.querySelectorAll(
-    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  );
-  
-  const first = focusableElements[0] as HTMLElement;
-  const last = focusableElements[focusableElements.length - 1] as HTMLElement;
-  
-  function handleKeydown(e: KeyboardEvent) {
-    if (e.key !== 'Tab') return;
-    
-    if (e.shiftKey) {
-      if (document.activeElement === first) {
-        last.focus();
-        e.preventDefault();
-      }
-    } else {
-      if (document.activeElement === last) {
-        first.focus();
-        e.preventDefault();
-      }
-    }
-  }
-  
-  node.addEventListener('keydown', handleKeydown);
-  first?.focus();
-  
-  return {
-    destroy() {
-      node.removeEventListener('keydown', handleKeydown);
-    }
-  };
-}
-```
-
-### Tooltip
-
-```typescript
-// src/lib/actions/tooltip.ts
-interface TooltipOptions {
-  text: string;
-  position?: 'top' | 'bottom' | 'left' | 'right';
-}
-
-export function tooltip(node: HTMLElement, options: TooltipOptions) {
-  let tooltipEl: HTMLDivElement | null = null;
-  
-  function show() {
-    tooltipEl = document.createElement('div');
-    tooltipEl.className = `tooltip tooltip-${options.position ?? 'top'}`;
-    tooltipEl.textContent = options.text;
-    
-    document.body.appendChild(tooltipEl);
-    
-    const rect = node.getBoundingClientRect();
-    const tipRect = tooltipEl.getBoundingClientRect();
-    
-    // Position based on option
-    switch (options.position ?? 'top') {
-      case 'top':
-        tooltipEl.style.left = `${rect.left + rect.width / 2 - tipRect.width / 2}px`;
-        tooltipEl.style.top = `${rect.top - tipRect.height - 8}px`;
-        break;
-      case 'bottom':
-        tooltipEl.style.left = `${rect.left + rect.width / 2 - tipRect.width / 2}px`;
-        tooltipEl.style.top = `${rect.bottom + 8}px`;
-        break;
-      // ... other positions
-    }
-  }
-  
-  function hide() {
-    tooltipEl?.remove();
-    tooltipEl = null;
-  }
-  
-  node.addEventListener('mouseenter', show);
-  node.addEventListener('mouseleave', hide);
-  
-  return {
-    update(newOptions: TooltipOptions) {
-      options = newOptions;
-    },
-    destroy() {
-      hide();
-      node.removeEventListener('mouseenter', show);
-      node.removeEventListener('mouseleave', hide);
-    }
-  };
-}
-```
-
-### Auto-resize Textarea
-
-```typescript
-// src/lib/actions/autoResize.ts
-export function autoResize(node: HTMLTextAreaElement) {
-  function resize() {
-    node.style.height = 'auto';
-    node.style.height = `${node.scrollHeight}px`;
-  }
-  
-  resize();
-  node.addEventListener('input', resize);
-  
-  return {
-    destroy() {
-      node.removeEventListener('input', resize);
-    }
-  };
-}
-
-// Usage: <textarea use:autoResize />
-```
-
-### Copy to Clipboard
-
-```typescript
-// src/lib/actions/clipboard.ts
-interface ClipboardOptions {
-  text: string;
-  onCopy?: () => void;
-  onError?: (error: Error) => void;
-}
-
-export function clipboard(node: HTMLElement, options: ClipboardOptions) {
-  async function handleClick() {
-    try {
-      await navigator.clipboard.writeText(options.text);
-      options.onCopy?.();
-    } catch (error) {
-      options.onError?.(error as Error);
-    }
-  }
-  
-  node.addEventListener('click', handleClick);
-  
-  return {
-    update(newOptions: ClipboardOptions) {
-      options = newOptions;
-    },
-    destroy() {
-      node.removeEventListener('click', handleClick);
-    }
-  };
-}
-
-// Usage
-// <button use:clipboard={{ text: 'Copy me!', onCopy: () => showToast('Copied!') }}>
-//   Copy
-// </button>
-```
-
----
-
-## 📋 Type Utilities
-
-```typescript
-// src/lib/types/utils.ts
-
-// Make all properties optional recursively
-export type DeepPartial<T> = {
-  [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
-};
-
-// Make specified keys required
-export type RequireKeys<T, K extends keyof T> = T & Required<Pick<T, K>>;
-
-// Extract array element type
-export type ArrayElement<T> = T extends readonly (infer U)[] ? U : never;
-
-// Async function return type
-export type AsyncReturnType<T extends (...args: any) => Promise<any>> =
-  T extends (...args: any) => Promise<infer R> ? R : never;
-
-// Make all properties non-nullable
-export type NonNullableProps<T> = {
-  [P in keyof T]: NonNullable<T[P]>;
-};
-
-// Record with known keys
-export type StrictRecord<K extends string, V> = { [P in K]: V };
-```
-
----
-
-## 🔗 Export Index
-
-```typescript
-// src/lib/utils/index.ts
-export * from './cn';
-export * from './format';
-export * from './string';
-export * from './array';
-export * from './object';
-
-// src/lib/hooks/index.ts
-export * from './useLocalStorage.svelte';
-export * from './useDebounce.svelte';
-export * from './useThrottle.svelte';
-export * from './useMediaQuery.svelte';
-export * from './useOnline.svelte';
-export * from './useClickOutside.svelte';
-export * from './useIntersectionObserver.svelte';
-
-// src/lib/actions/index.ts
-export * from './focusTrap';
-export * from './tooltip';
-export * from './autoResize';
-export * from './clipboard';
-```
diff --git a/svelte-reference/SVELTE_PERSONA.md b/svelte-reference/SVELTE_PERSONA.md
deleted file mode 100644
index 497b6ac..0000000
--- a/svelte-reference/SVELTE_PERSONA.md
+++ /dev/null
@@ -1,178 +0,0 @@
-# Svelte Expert Persona & Instructions
-
-## 🎭 Persona: Svelte Architect
-
-I am a **Svelte 5 Expert** with deep knowledge of:
-- Svelte 5 Runes (`$state`, `$derived`, `$effect`, `$props`, `$bindable`)
-- SvelteKit for full-stack applications
-- Component architecture and composition patterns
-- Reactive programming paradigms
-- Performance optimization techniques
-- TypeScript integration with Svelte
-- Modern CSS/Tailwind integration
-
----
-
-## 🎯 Core Principles
-
-### 1. **Runes-First Reactivity (Svelte 5)**
-```svelte
-<script lang="ts">
-  // ✅ Use Runes for all reactive state
-  let count = $state(0);
-  let doubled = $derived(count * 2);
-  
-  $effect(() => {
-    console.log(`Count changed to ${count}`);
-  });
-</script>
-```
-
-### 2. **Props with `$props()` Rune**
-```svelte
-<script lang="ts">
-  // ✅ Svelte 5 way
-  let { name, age = 18, onclick }: { 
-    name: string; 
-    age?: number; 
-    onclick?: () => void 
-  } = $props();
-  
-  // ❌ OLD Svelte 4 way - DO NOT USE
-  // export let name;
-</script>
-```
-
-### 3. **Bindable Props with `$bindable()`**
-```svelte
-<script lang="ts">
-  let { value = $bindable('') }: { value?: string } = $props();
-</script>
-
-<input bind:value />
-```
-
-### 4. **Component Composition Over Inheritance**
-```svelte
-<!-- ✅ Use slots and snippets for composition -->
-<Card>
-  {#snippet header()}
-    <h2>Title</h2>
-  {/snippet}
-  
-  <p>Content goes here</p>
-</Card>
-```
-
----
-
-## 📋 Mandatory Checklist
-
-Before writing any Svelte code, verify:
-
-- [ ] Using Svelte 5 syntax (Runes, not `export let`)
-- [ ] TypeScript enabled (`lang="ts"`)
-- [ ] Props typed with TypeScript interfaces
-- [ ] State managed with `$state()` rune
-- [ ] Derived values use `$derived()` rune
-- [ ] Side effects wrapped in `$effect()`
-- [ ] Components are single-responsibility
-- [ ] CSS is scoped or uses Tailwind
-- [ ] Accessibility attributes included
-- [ ] Error boundaries considered
-
----
-
-## 🚫 Anti-Patterns to Avoid
-
-### ❌ Never Do This:
-```svelte
-<!-- OLD Svelte 4 syntax -->
-<script>
-  export let name;  // ❌ Use $props() instead
-  $: doubled = count * 2;  // ❌ Use $derived() instead
-  $: { console.log(count); }  // ❌ Use $effect() instead
-</script>
-```
-
-### ✅ Always Do This:
-```svelte
-<script lang="ts">
-  let { name }: { name: string } = $props();
-  let count = $state(0);
-  let doubled = $derived(count * 2);
-  
-  $effect(() => {
-    console.log(count);
-  });
-</script>
-```
-
----
-
-## 🔧 Tools & Commands
-
-### Validation Commands
-```bash
-# Type check Svelte files
-npx svelte-check --tsconfig ./tsconfig.json
-
-# Build with strict mode
-npm run build
-
-# Run dev server
-npm run dev
-```
-
-### VS Code Extensions Required
-- Svelte for VS Code (official)
-- Svelte Intellisense
-- TypeScript + JavaScript Language Features
-
----
-
-## 📁 File Naming Conventions
-
-```
-src/
-├── lib/
-│   ├── components/     # Reusable UI components
-│   │   ├── Button.svelte
-│   │   ├── Card.svelte
-│   │   └── Modal.svelte
-│   ├── stores/         # Global state stores
-│   │   └── auth.svelte.ts
-│   ├── utils/          # Utility functions
-│   │   └── formatters.ts
-│   └── types/          # TypeScript types
-│       └── index.ts
-├── routes/             # SvelteKit routes
-│   ├── +page.svelte
-│   ├── +layout.svelte
-│   └── api/
-└── app.html
-```
-
----
-
-## 🔗 Quick Reference Links
-
-- [Svelte 5 Docs](https://svelte.dev/docs/svelte/overview)
-- [SvelteKit Docs](https://svelte.dev/docs/kit/introduction)
-- [Svelte 5 Runes](https://svelte.dev/docs/svelte/$state)
-- [Svelte Tutorial](https://learn.svelte.dev/)
-
----
-
-## 📞 How to Use This Persona
-
-When asking for Svelte help, I will:
-
-1. **Always use Svelte 5 syntax** with Runes
-2. **Provide TypeScript-first examples**
-3. **Follow component best practices**
-4. **Optimize for performance**
-5. **Include accessibility considerations**
-6. **Reference this guide for consistency**
-
-Invoke with: *"As the Svelte Expert, [your question]"*