nit + failed testing

Author: ignaciojimenezr

mcpjam-inspector/client/src/components/chat-v2/thread/parts/tool-part.tsx

@@ -129,9 +129,7 @@ export function ToolPart({
       ? "text-[11px] font-medium text-pending"
       : "text-[11px] font-medium text-pending-foreground";
   const approvedToolClasses =
-    resolvedThemeMode === "dark"
-      ? "flex items-center gap-1 text-[11px] font-medium text-success"
-      : "flex items-center gap-1 text-[11px] font-medium text-success";
+    "flex items-center gap-1 text-[11px] font-medium text-success";
   const needsApproval = state === "approval-requested" && !!approvalId;
   const [approvalVisualState, setApprovalVisualState] =
     useState<ApprovalVisualState>("pending");

mcpjam-inspector/client/src/components/sidebar/__tests__/nav-main.test.tsx

@@ -3,6 +3,7 @@ import { describe, expect, it, vi } from "vitest";
 import { HOSTED_LOCAL_ONLY_TOOLTIP } from "@/lib/hosted-ui";
 
 vi.mock("@/components/ui/sidebar", () => ({
+  useSidebar: () => ({ open: true }),
   SidebarGroup: ({ children }: any) => <div>{children}</div>,
   SidebarGroupContent: ({ children }: any) => <div>{children}</div>,
   SidebarMenu: ({ children }: any) => <div>{children}</div>,

mcpjam-inspector/client/src/components/ui-playground/PlaygroundLeft.tsx

@@ -189,7 +189,7 @@ export function PlaygroundLeft({
 
   return (
     <div
-      className="h-full flex flex-col border-r border-border bg-background overflow-hidden"
+      className="h-full flex flex-col bg-background overflow-hidden"
       onKeyDownCapture={handleKeyDown}
     >
       {/* Header with tabs and actions */}

mcpjam-inspector/client/src/components/ui-playground/PlaygroundMain.tsx

@@ -739,7 +739,7 @@ export function PlaygroundMain({
     <div className="h-full flex flex-col bg-muted/20 overflow-hidden">
       {/* Device frame header */}
       <div
-        className="relative flex items-center justify-center px-3 py-2 border-b border-border bg-background/50 text-xs text-muted-foreground flex-shrink-0"
+        className="relative flex h-11 items-center justify-center px-3 border-b border-border bg-background/50 text-xs text-muted-foreground flex-shrink-0"
         data-testid="playground-main-header"
       >
         {/* All controls centered */}

mcpjam-inspector/client/src/components/ui-playground/TabHeader.tsx

@@ -37,8 +37,8 @@ export function TabHeader({
   onClose,
 }: TabHeaderProps) {
   return (
-    <div className="border-b border-border flex-shrink-0">
-      <div className="px-2 py-1.5 flex items-center gap-2">
+    <div className="h-11 border-b border-border flex-shrink-0">
+      <div className="h-full px-2 flex items-center gap-2">
         {/* Tabs */}
         <div className="flex items-center gap-1.5">
           <button