🤖 refactor: move New Workspace to + icon on project row

- Rename sidebar header from "Agents" to "Projects"
- Replace full-width "+ New Workspace" button with compact + icon
- Icon appears on hover in project row (before secrets/remove)
- Saves vertical real estate in sidebar

Author: ammar-agent

src/browser/components/ProjectSidebar.tsx

@@ -472,7 +472,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
           {!collapsed && (
             <>
               <div className="border-dark flex items-center justify-between border-b p-4">
-                <h2 className="text-foreground text-md m-0 font-semibold">Agents</h2>
+                <h2 className="text-foreground text-md m-0 font-semibold">Projects</h2>
                 <TooltipWrapper inline>
                   <button
                     onClick={onAddProject}
@@ -557,6 +557,24 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                               </Tooltip>
                             </TooltipWrapper>
                           </div>
+                          <TooltipWrapper inline>
+                            <button
+                              onClick={(event) => {
+                                event.stopPropagation();
+                                handleAddWorkspace(projectPath);
+                              }}
+                              aria-label={`Add workspace to ${projectName}`}
+                              data-project-path={projectPath}
+                              className="text-muted-dark hover:text-foreground hover:bg-hover flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded-[3px] border-none bg-transparent text-lg opacity-0 transition-all duration-200"
+                            >
+                              +
+                            </button>
+                            <Tooltip className="tooltip" align="right">
+                              New Workspace
+                              {selectedWorkspace?.projectPath === projectPath &&
+                                ` (${formatKeybind(KEYBINDS.NEW_WORKSPACE)})`}
+                            </Tooltip>
+                          </TooltipWrapper>
                           <TooltipWrapper inline>
                             <button
                               onClick={(event) => {
@@ -598,18 +616,6 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                             role="region"
                             aria-label={`Workspaces for ${projectName}`}
                           >
-                            <div className="border-hover border-b px-3 py-2">
-                              <button
-                                onClick={() => handleAddWorkspace(projectPath)}
-                                data-project-path={projectPath}
-                                aria-label={`Add workspace to ${projectName}`}
-                                className="text-muted border-border-medium hover:bg-hover hover:border-border-darker hover:text-foreground w-full cursor-pointer rounded border border-dashed bg-transparent px-3 py-1.5 text-left text-[13px] transition-all duration-200"
-                              >
-                                + New Workspace
-                                {selectedWorkspace?.projectPath === projectPath &&
-                                  ` (${formatKeybind(KEYBINDS.NEW_WORKSPACE)})`}
-                              </button>
-                            </div>
                             {(() => {
                               const allWorkspaces =
                                 sortedWorkspacesByProject.get(projectPath) ?? [];