diff --git a/web/components/workspace-switcher.test.mjs b/web/components/workspace-switcher.test.mjs
index 0101ed2..4645779 100644
--- a/web/components/workspace-switcher.test.mjs
+++ b/web/components/workspace-switcher.test.mjs
@@ -21,4 +21,12 @@ it("does not auto-open the rail menu from focus or hover events", async () => {
assert.doesNotMatch(source, /onPointerLeave=\{closeHoverMenu\}/);
assert.doesNotMatch(source, /hoverOpen/);
});
+
+it("centers the dashboard switcher logo and shows a collapsed switch indicator", async () => {
+ assert.match(source, /variant === "sidebar" &&[\s\S]*group-data-\[collapsible=icon\]:p-0!/);
+ assert.match(source, /variant === "sidebar" &&[\s\S]*group-data-\[collapsible=icon\]:justify-center/);
+ assert.match(source, /const switchIndicatorClassName =\s*"absolute bottom-0\.5 right-0\.5 size-2\.5/);
+ assert.match(source, /variant === "rail" \? \([\s\S]*/);
+ assert.match(source, /className=\{cn\(switchIndicatorClassName, "hidden group-data-\[collapsible=icon\]:block"\)\}/);
+});
});
diff --git a/web/components/workspace-switcher.tsx b/web/components/workspace-switcher.tsx
index d9ed04e..d283040 100644
--- a/web/components/workspace-switcher.tsx
+++ b/web/components/workspace-switcher.tsx
@@ -53,12 +53,15 @@ export function WorkspaceSwitcher({
const t = useI18n()
const currentOption =
workspaceOptions.find((item) => item.key === currentWorkspace) ?? workspaceOptions[0]
+ const switchIndicatorClassName =
+ "absolute bottom-0.5 right-0.5 size-2.5 rounded-full bg-sidebar text-sidebar-foreground/70"
const triggerClassName = cn(
"gap-2 text-left",
variant === "header" &&
"h-9 rounded-md border border-border/70 bg-background px-2.5 shadow-xs hover:bg-muted",
- variant === "sidebar" && "data-[slot=sidebar-menu-button]:p-1.5!",
+ variant === "sidebar" &&
+ "relative data-[slot=sidebar-menu-button]:p-1.5! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:data-[slot=sidebar-menu-button]:p-0!",
variant === "rail" &&
"relative size-11 rounded-lg border-0 bg-transparent p-0 shadow-none hover:bg-sidebar-accent",
className
@@ -76,7 +79,7 @@ export function WorkspaceSwitcher({
{t("workspace.switchWorkspace")} - {t(currentOption.labelKey)}
-
+
>
) : (
<>
@@ -93,7 +96,12 @@ export function WorkspaceSwitcher({
{t(currentOption.labelKey)}
-
+
+ {variant === "sidebar" ? (
+
+ ) : null}
>
)