🤖 refactor: remove VerticalTokenMeter component

Now that we have the context usage indicator in the chat area,
the VerticalTokenMeter in the right sidebar is no longer needed.

Removed:
- VerticalTokenMeter.tsx component
- ChatMetaSidebar.tsx (only existed to show the meter when collapsed)
- Related imports and usage in RightSidebar.tsx

-229 lines

Author: ammar-agent

src/browser/components/AIView.tsx

@@ -797,7 +797,6 @@ const AIViewInner: React.FC<AIViewProps> = ({
         key={workspaceId}
         workspaceId={workspaceId}
         workspacePath={namedWorkspacePath}
-        chatAreaRef={chatAreaRef}
         width={sidebarWidth}
         onStartResize={startResize}
         isResizing={isResizing}

src/browser/components/ChatMetaSidebar.tsx

@@ -51,7 +51,7 @@ export function LeftSidebar(props: LeftSidebarProps) {
         className={cn(
           "h-screen bg-sidebar border-r border-border flex flex-col shrink-0",
           "transition-all duration-200 overflow-hidden relative z-20",
-          collapsed ? "w-8" : "w-72",
+          collapsed ? "w-5" : "w-72",
           "mobile-sidebar",
           collapsed && "mobile-sidebar-collapsed"
         )}

src/browser/components/LeftSidebar.tsx

@@ -19,6 +19,7 @@ import {
   AGE_THRESHOLDS_DAYS,
 } from "@/browser/utils/ui/workspaceFiltering";
 import { Tooltip, TooltipTrigger, TooltipContent } from "./ui/tooltip";
+import { SidebarCollapseButton } from "./ui/SidebarCollapseButton";
 import SecretsModal from "./SecretsModal";
 import type { Secret } from "@/common/types/secrets";
 import { ForceDeleteModal } from "./ForceDeleteModal";
@@ -714,21 +715,12 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
               </div>
             </>
           )}
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <button
-                onClick={onToggleCollapsed}
-                aria-label={collapsed ? "Expand sidebar" : "Collapse sidebar"}
-                className="text-muted border-dark hover:bg-hover hover:text-foreground mt-auto flex h-9 w-full cursor-pointer items-center justify-center border-t border-none bg-transparent p-0 text-sm transition-all duration-200"
-              >
-                {collapsed ? "»" : "«"}
-              </button>
-            </TooltipTrigger>
-            <TooltipContent align="center">
-              {collapsed ? "Expand sidebar" : "Collapse sidebar"} (
-              {formatKeybind(KEYBINDS.TOGGLE_SIDEBAR)})
-            </TooltipContent>
-          </Tooltip>
+          <SidebarCollapseButton
+            collapsed={collapsed}
+            onToggle={onToggleCollapsed}
+            side="left"
+            shortcut={formatKeybind(KEYBINDS.TOGGLE_SIDEBAR)}
+          />
           {secretsModalState && (
             <SecretsModal
               isOpen={secretsModalState.isOpen}