Files
cobble/src/components/general/theme-init-script.tsx
T
tbenandClaude Opus 5.5 694c83346f Make Cobble a local install: setup flow, bots-first admin, settings
Local, password-only auth:
- No public pages; everything outside /admin and /auth redirects in
- First run (no users) sends every page to /auth/signup, which creates
  the super admin (user #1) once and then locks
- Login is email/username + password; removed the emailed-code flow,
  /auth/sso and email password reset
- Google login kept for existing accounts only, never creates them
- seed-super-admin now requires SEED_SUPER_ADMIN_PASSWORD

Bots-first admin:
- /admin and closed sections (people, logs, backups) redirect to
  /admin/bots; only bots and settings are live (AdminSections)
- Removed the old admin layout; every /admin page uses the bots rail
- Coordinator bot created at signup/seed and by /admin/bots
  (ensureCoordinatorBot), which redirects to its chat
- bots.system_prompt (markdown) with a default coordinator prompt
- seed-bots reuses the existing coordinator

Settings:
- Sub pages general (default), profile, change-password, listed in the
  rail with a back link; unknown settings paths redirect to general
- Redesigned settings UI: pane header, grouped rows, sticky save bar
- General: System/Light/Dark theme, saved per device

Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-18 17:49:25 +01:00

27 lines
911 B
TypeScript

import { AppData } from "@/src/data/app-data";
/**
* Applies the saved color scheme to `<html>` before first paint, so pages
* never flash light before twui's `ColorSchemeSelector` mounts. Mirrors the
* selector's resolution order: `localStorage.theme`, then the OS preference.
*/
const ThemeInitScriptSource = `(function () {
try {
var theme = localStorage.getItem("${AppData["ThemeStorageKey"]}");
if (theme !== "dark" && theme !== "light") {
theme = window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: "light";
}
var root = document.documentElement;
root.classList.remove("dark", "light");
root.classList.add(theme);
} catch (e) {}
})();`;
export default function ThemeInitScript() {
return (
<script dangerouslySetInnerHTML={{ __html: ThemeInitScriptSource }} />
);
}