From 6ad183ab893710311895fcc3be8b250d17ffa9e3 Mon Sep 17 00:00:00 2001
From: zhom <2717306+zhom@users.noreply.github.com>
Date: Sun, 30 Nov 2025 23:29:07 +0400
Subject: [PATCH] style: profile table cleanup

---
 src/components/bandwidth-mini-chart.tsx |  4 +++-
 src/components/profile-data-table.tsx   | 15 +++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/bandwidth-mini-chart.tsx b/src/components/bandwidth-mini-chart.tsx
index dcb029b..3fe2001 100644
--- a/src/components/bandwidth-mini-chart.tsx
+++ b/src/components/bandwidth-mini-chart.tsx
@@ -73,7 +73,7 @@ export function BandwidthMiniChart({
         className,
       )}
     >
-      <div className="flex-1 h-3">
+      <div className="flex-1 h-3 pointer-events-none">
         <ResponsiveContainer width="100%" height="100%">
           <AreaChart
             data={chartData}
@@ -106,6 +106,8 @@ export function BandwidthMiniChart({
               strokeWidth={1}
               fill="url(#bandwidthGradient)"
               isAnimationActive={false}
+              dot={false}
+              activeDot={false}
             />
           </AreaChart>
         </ResponsiveContainer>
diff --git a/src/components/profile-data-table.tsx b/src/components/profile-data-table.tsx
index d8b36f5..e602d29 100644
--- a/src/components/profile-data-table.tsx
+++ b/src/components/profile-data-table.tsx
@@ -331,7 +331,9 @@ const TagsCell = React.memo<{
           ref={containerRef as unknown as React.RefObject<HTMLButtonElement>}
           className={cn(
             "flex overflow-hidden gap-1 items-center px-2 py-1 h-6 w-full bg-transparent rounded border-none cursor-pointer",
-            isDisabled ? "opacity-60" : "cursor-pointer hover:bg-accent/50",
+            isDisabled
+              ? "opacity-60 cursor-not-allowed"
+              : "cursor-pointer hover:bg-accent/50",
           )}
           onClick={() => {
             if (!isDisabled) setOpenTagsEditorFor(profile.id);
@@ -354,7 +356,7 @@ const TagsCell = React.memo<{
       );
 
       return (
-        <div className="w-48 h-6 cursor-pointer">
+        <div className="w-40 h-6 cursor-pointer">
           <Tooltip>
             <TooltipTrigger asChild>{ButtonContent}</TooltipTrigger>
             {hiddenCount > 0 && (
@@ -380,13 +382,13 @@ const TagsCell = React.memo<{
     return (
       <div
         className={cn(
-          "w-48 h-6 relative",
+          "w-40 h-6 relative",
           isDisabled && "opacity-60 pointer-events-none",
         )}
       >
         <div
           ref={editorRef}
-          className="absolute top-0 left-0 z-50 w-48 min-h-6 bg-popover rounded-md shadow-md"
+          className="absolute top-0 left-0 z-50 w-40 min-h-6 bg-popover rounded-md shadow-md"
         >
           <MultipleSelector
             value={valueOptions}
@@ -1451,8 +1453,9 @@ export function ProfilesDataTable({
                       size="sm"
                       disabled={!canLaunch || isLaunching || isStopping}
                       className={cn(
-                        "cursor-pointer min-w-[70px] h-7",
-                        !canLaunch && "opacity-50",
+                        "min-w-[70px] h-7",
+                        !canLaunch && "opacity-50 cursor-not-allowed",
+                        canLaunch && "cursor-pointer",
                       )}
                       onClick={() =>
                         isRunning