🤖 Continue Tooltip migration - Context1MCheckbox, StatusIndicator, WorkspaceListItem

_Generated with `cmux`_

Author: kylecarbs

src/components/Context1MCheckbox.tsx

@@ -26,12 +26,14 @@ export const Context1MCheckbox: React.FC<Context1MCheckboxProps> = ({ modelStrin
         />
         1M Context
       </label>
-      <TooltipWrapper inline>
-        <span className="text-muted flex cursor-help items-center text-[10px] leading-none">?</span>
-        <Tooltip className="tooltip" align="center" width="auto">
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <span className="text-muted flex cursor-help items-center text-[10px] leading-none">?</span>
+        </TooltipTrigger>
+        <TooltipContent>
           Enable 1M token context window (beta feature for Claude Sonnet 4/4.5)
-        </Tooltip>
-      </TooltipWrapper>
+        </TooltipContent>
+      </Tooltip>
     </div>
   );
 };

src/components/StatusIndicator.tsx

@@ -51,12 +51,14 @@ const StatusIndicatorInner: React.FC<StatusIndicatorProps> = ({
   // If title provided, wrap with proper Tooltip component
   if (title) {
     return (
-      <TooltipWrapper inline>
-        {indicator}
-        <Tooltip className="tooltip" align="center">
+      <Tooltip>
+        <TooltipTrigger asChild>
+          {indicator}
+        </TooltipTrigger>
+        <TooltipContent>
           {title}
-        </Tooltip>
-      </TooltipWrapper>
+        </TooltipContent>
+      </Tooltip>
     );
   }
 

src/components/WorkspaceListItem.tsx

@@ -160,22 +160,24 @@ const WorkspaceListItemInner: React.FC<WorkspaceListItemProps> = ({
         data-workspace-path={namedWorkspacePath}
         data-workspace-id={workspaceId}
       >
-        <TooltipWrapper inline>
-          <button
-            className="text-muted hover:text-foreground col-start-1 flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center border-none bg-transparent p-0 text-base opacity-0 transition-all duration-200 hover:rounded-sm hover:bg-white/10"
-            onClick={(e) => {
-              e.stopPropagation();
-              void onRemoveWorkspace(workspaceId, e.currentTarget);
-            }}
-            aria-label={`Remove workspace ${displayName}`}
-            data-workspace-id={workspaceId}
-          >
-            ×
-          </button>
-          <Tooltip className="tooltip" align="right">
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <button
+              className="text-muted hover:text-foreground col-start-1 flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center border-none bg-transparent p-0 text-base opacity-0 transition-all duration-200 hover:rounded-sm hover:bg-white/10"
+              onClick={(e) => {
+                e.stopPropagation();
+                void onRemoveWorkspace(workspaceId, e.currentTarget);
+              }}
+              aria-label={`Remove workspace ${displayName}`}
+              data-workspace-id={workspaceId}
+            >
+              ×
+            </button>
+          </TooltipTrigger>
+          <TooltipContent side="right">
             Remove workspace
-          </Tooltip>
-        </TooltipWrapper>
+          </TooltipContent>
+        </Tooltip>
         <GitStatusIndicator
           gitStatus={gitStatus}
           workspaceId={workspaceId}