-
-
-
+
+
@@ -96,31 +94,35 @@ export const DashboardSidebarProjectRow = forwardRef<
) : (
{projectName}
)}
- {!isRenaming && (
-
- ({totalWorkspaceCount})
-
- )}
-
-
- {
- event.stopPropagation();
- onNewWorkspace();
- }}
- onContextMenu={(event) => event.stopPropagation()}
- className="p-1 rounded hover:bg-muted transition-colors shrink-0 ml-1"
- >
-
-
-
-
- New workspace
-
-
+ {!isRenaming && (
+
+
+
+ {
+ event.stopPropagation();
+ onNewWorkspace();
+ }}
+ onKeyDown={(event) => event.stopPropagation()}
+ onContextMenu={(event) => event.stopPropagation()}
+ aria-label="New workspace"
+ className="hidden size-full items-center justify-center rounded transition-colors hover:bg-muted group-hover:flex group-has-[:focus]:flex focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+ >
+
+
+
+
+ New workspace
+
+
+
+ {totalWorkspaceCount}
+
+
+ )}
);
},
diff --git a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarSection/components/DashboardSidebarSectionHeader/DashboardSidebarSectionHeader.tsx b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarSection/components/DashboardSidebarSectionHeader/DashboardSidebarSectionHeader.tsx
index ae08f7c245a..e36fe8c8819 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarSection/components/DashboardSidebarSectionHeader/DashboardSidebarSectionHeader.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarSection/components/DashboardSidebarSectionHeader/DashboardSidebarSectionHeader.tsx
@@ -58,13 +58,13 @@ export const DashboardSidebarSectionHeader = forwardRef<
}
}
className={cn(
- "group flex min-h-8 w-full items-center pl-0.5 pr-2 py-1.5 text-[13px] font-medium",
+ "group flex min-h-8 w-full items-center pl-5 pr-2 py-1.5 text-[13px] font-medium",
"text-muted-foreground hover:bg-muted/50 transition-colors",
className,
)}
{...props}
>
-
+
{section.name}
)}
-
- {!isRenaming && (
-
- ({section.workspaces.length})
-
- )}
- {!isRenaming && actions ? (
- // biome-ignore lint/a11y/noStaticElementInteractions: Nested action controls handle their own semantics; this wrapper only isolates events from the header toggle.
-
event.stopPropagation()}
- onKeyDown={(event) => event.stopPropagation()}
- >
- {actions}
+ {!isRenaming && (
+
+ {actions ? (
+ // biome-ignore lint/a11y/noStaticElementInteractions: Nested action controls handle their own semantics; this wrapper only isolates events from the header toggle.
+
event.stopPropagation()}
+ onKeyDown={(event) => event.stopPropagation()}
+ >
+ {actions}
+
+ ) : null}
+
+ {section.workspaces.length}
+
- ) : null}
+ )}
);
},
diff --git a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/DashboardSidebarWorkspaceItem.tsx b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/DashboardSidebarWorkspaceItem.tsx
index a15b9043320..10b79b82d02 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/DashboardSidebarWorkspaceItem.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/DashboardSidebarWorkspaceItem.tsx
@@ -222,6 +222,7 @@ export function DashboardSidebarWorkspaceItem({
shortcutLabel={shortcutLabel}
diffStats={isPending ? null : diffStats}
workspaceStatus={workspaceStatus}
+ isInSection={isInSection}
onClick={isPending ? handlePendingClick : handleClick}
onDoubleClick={isPending ? undefined : startRename}
onRemoveFromSidebarClick={handleRemoveFromSidebar}
diff --git a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarExpandedWorkspaceRow/DashboardSidebarExpandedWorkspaceRow.tsx b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarExpandedWorkspaceRow/DashboardSidebarExpandedWorkspaceRow.tsx
index 43da297df29..506ab6d4520 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarExpandedWorkspaceRow/DashboardSidebarExpandedWorkspaceRow.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarExpandedWorkspaceRow/DashboardSidebarExpandedWorkspaceRow.tsx
@@ -40,6 +40,7 @@ interface DashboardSidebarExpandedWorkspaceRowProps
shortcutLabel?: string;
diffStats: DiffStats | null;
workspaceStatus?: ActivePaneStatus | null;
+ isInSection?: boolean;
onClick?: () => void;
onDoubleClick?: () => void;
onCloseWorkspaceClick: () => void;
@@ -62,6 +63,7 @@ export const DashboardSidebarExpandedWorkspaceRow = forwardRef<
shortcutLabel,
diffStats,
workspaceStatus = null,
+ isInSection = false,
onClick,
onDoubleClick,
onCloseWorkspaceClick,
@@ -128,7 +130,8 @@ export const DashboardSidebarExpandedWorkspaceRow = forwardRef<
}}
onDoubleClick={onDoubleClick}
className={cn(
- "relative flex w-full items-center pl-5 pr-2 text-left text-sm",
+ "relative flex w-full items-center pr-2 text-left text-sm",
+ isInSection ? "pl-7" : "pl-5",
onClick &&
(isActive
? "cursor-pointer hover:bg-muted"