UI: gateway dashboard with glassmorphism theme system

Add a full-featured gateway dashboard UI built on Lit web components.

Shell & plumbing:
- App shell with router, controllers, and dependency wiring
- Login gate, i18n keys, and base layout scaffolding

Styles & theming:
- Base styles, chat styles, and responsive layout CSS
- 6-theme glassmorphism system (Obsidian, Aurora, Solar, etc.)
- Glass card, glass panel, and glass input components
- Favicon logo in expanded sidebar header

Views & features:
- Overview with attention cards, event log, quick actions, and log tail
- Chat view with markdown rendering, tool-call collapse, and delete support
- Command palette with fuzzy search
- Agent overview with config display, slash commands, and sidebar filtering
- Session list navigation and agent selector

Privacy & polish:
- Redact toggle with stream-mode default
- Blur host/IP in Connected Instances with reveal toggle
- Sensitive config value masking with count badge
- Card accent borders, hover lift effects, and responsive grid
This commit is contained in:
Val Alexander
2026-02-22 05:23:55 -06:00
parent 401106b963
commit 3bbbe33a1b
75 changed files with 8323 additions and 1601 deletions

View File

@@ -8,6 +8,18 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<script>
(function () {
var VALID = ["dark", "light", "openknot", "fieldmanual", "openai", "clawdash"];
try {
var s = JSON.parse(localStorage.getItem("openclaw.control.settings.v1") || "{}");
var t = s && s.theme;
if (t && VALID.indexOf(t) !== -1) {
document.documentElement.setAttribute("data-theme", t);
}
} catch (e) {}
})();
</script>
</head>
<body>
<openclaw-app></openclaw-app>