SettingsPage.tsx

React settings page for configuring API keys, AI model selection, assistant name, Telegram integration, and storage management in OpenBrowserClaw.

// Source: https://github.com/wexare-ai/openbrowserclaw | License: MIT | Copyright 2026 Sacha Arbonel
// Provided via justclaw.it.com; keep this notice with the code.
// ---------------------------------------------------------------------------
// OpenBrowserClaw — Settings page
// ---------------------------------------------------------------------------

import { useEffect, useState } from 'react';
import {
  Palette, KeyRound, Eye, EyeOff, Bot, MessageSquare,
  Smartphone, HardDrive, Lock, Check,
} from 'lucide-react';
import { getConfig, setConfig } from '../../db.js';
import { CONFIG_KEYS } from '../../config.js';
import { getStorageEstimate, requestPersistentStorage } from '../../storage.js';
import { decryptValue } from '../../crypto.js';
import { getOrchestrator } from '../../sto

... (truncated -- full source via MCP)