mirrors/hermes-agent
1
0
Fork 0
mirror of https://github.com/NousResearch/hermes-agent.git synced 2026-05-03 02:11:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

feat: add sidebar

Browse source
This commit is contained in:
Austin Pickett 2026-04-22 23:25:17 -04:00
parent 7db2703b33
commit e5d2815b41
41 changed files with 2469 additions and 1391 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/src/components/ThemeSwitcher.tsx
View file

@ -11,8 +11,12 @@ import { cn } from "@/lib/utils";
* glow) so users can preview the palette before committing. User-defined
* themes from `~/.hermes/dashboard-themes/*.yaml` that aren't in
* `BUILTIN_THEMES` render without swatches and apply the default palette.
*
* When placed at the bottom of a container (e.g. the sidebar rail), pass
* `dropUp` so the menu opens above the trigger instead of clipping below
* the viewport.
*/
export function ThemeSwitcher() {
export function ThemeSwitcher({ dropUp = false }: ThemeSwitcherProps) {
const { themeName, availableThemes, setTheme } = useTheme();
const { t } = useI18n();
const [open, setOpen] = useState(false);
@ -73,7 +77,8 @@ export function ThemeSwitcher() {
role="listbox"
aria-label={t.theme?.title ?? "Theme"}
className={cn(
"absolute right-0 top-full mt-1 z-50 min-w-[240px]",
"absolute z-50 min-w-[240px]",
dropUp ? "left-0 bottom-full mb-1" : "right-0 top-full mt-1",
"border border-current/20 bg-background-base/95 backdrop-blur-sm",
"shadow-[0_12px_32px_-8px_rgba(0,0,0,0.6)]",
)}
@ -166,3 +171,7 @@ function PlaceholderSwatch() {
/>
);
}
interface ThemeSwitcherProps {
dropUp?: boolean;
}