fix: simplify workspace actions trigger

Author: carlosflorencio

apps/web/components/task/file-browser-toolbar.test.tsx

@@ -38,7 +38,6 @@ describe("FileBrowserToolbar workspace actions", () => {
     );
 
     const trigger = screen.getByRole("button", { name: "Workspace actions" });
-    expect(trigger.className).toContain("min-h-11");
     fireEvent.pointerDown(trigger, { button: 0, ctrlKey: false });
     fireEvent.click(trigger);
 

apps/web/components/task/file-browser-toolbar.tsx

@@ -4,11 +4,11 @@ import { useCallback, useEffect, useRef, type ReactNode, type Ref, type RefObjec
 import {
   IconSearch,
   IconListTree,
-  IconFolderShare,
   IconFolderOpen,
   IconCopy,
   IconCheck,
   IconPlus,
+  IconDots,
 } from "@tabler/icons-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@kandev/ui/tooltip";
 import {
@@ -155,18 +155,22 @@ function WorkspaceActionsMenu({
 
   return (
     <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <button
-          ref={setTriggerRef}
-          type="button"
-          aria-label="Workspace actions"
-          data-testid="files-workspace-actions"
-          className="inline-flex min-h-11 min-w-11 items-center gap-1 rounded px-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground cursor-pointer sm:min-h-8 sm:min-w-0"
-        >
-          <IconFolderShare className="h-3.5 w-3.5" />
-          <span>Workspace actions</span>
-        </button>
-      </DropdownMenuTrigger>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <DropdownMenuTrigger asChild>
+            <button
+              ref={setTriggerRef}
+              type="button"
+              aria-label="Workspace actions"
+              data-testid="files-workspace-actions"
+              className="inline-flex size-11 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground cursor-pointer sm:size-8"
+            >
+              <IconDots className="h-4 w-4" />
+            </button>
+          </DropdownMenuTrigger>
+        </TooltipTrigger>
+        <TooltipContent>Workspace actions</TooltipContent>
+      </Tooltip>
       <DropdownMenuContent
         align="end"
         className="w-56"

apps/web/e2e/tests/task/add-workspace-sources.spec.ts

@@ -70,6 +70,10 @@ test.describe("Attach local workspace sources", () => {
 
     const workspaceActions = testPage.getByTestId("files-workspace-actions");
     await expect(workspaceActions).toBeEnabled();
+    await expect(workspaceActions).toHaveAccessibleName("Workspace actions");
+    const workspaceActionsBox = await workspaceActions.boundingBox();
+    expect(workspaceActionsBox).not.toBeNull();
+    expect(workspaceActionsBox!.width).toBeLessThanOrEqual(44);
     await workspaceActions.click();
     const addSources = testPage.getByRole("menuitem", { name: "Add sources" });
     const openFolder = testPage.getByRole("menuitem", { name: "Open workspace folder" });

apps/web/e2e/tests/task/mobile-add-workspace-sources.spec.ts

@@ -67,6 +67,8 @@ test("mobile Files drawer attaches sources with fixed controls and persisted wor
   const entryBox = await entryPoint.boundingBox();
   expect(entryBox).not.toBeNull();
   expect(entryBox!.height).toBeGreaterThanOrEqual(44);
+  expect(entryBox!.width).toBeGreaterThanOrEqual(44);
+  expect(entryBox!.width).toBeLessThanOrEqual(48);
   await entryPoint.tap();
   const addSources = testPage.getByRole("menuitem", { name: "Add sources" });
   const openFolder = testPage.getByRole("menuitem", { name: "Open workspace folder" });