feat(tabs): update context menu for empty and inactive tabs (#2441)

Author: ComputelessComputer

apps/desktop/src/components/main/body/empty/index.tsx

@@ -22,6 +22,7 @@ export const TabItemEmpty: TabItem<Extract<Tab, { type: "empty" }>> = ({
       icon={<AppWindowIcon className="w-4 h-4" />}
       title="New tab"
       selected={tab.active}
+      isEmptyTab
       tabIndex={tabIndex}
       handleCloseThis={() => handleCloseThis(tab)}
       handleSelectThis={() => handleSelectThis(tab)}

apps/desktop/src/components/main/body/shared.tsx

@@ -20,6 +20,7 @@ type TabItemBaseProps = {
   title: React.ReactNode;
   selected: boolean;
   active?: boolean;
+  isEmptyTab?: boolean;
   tabIndex?: number;
 } & {
   handleCloseThis: () => void;
@@ -37,6 +38,7 @@ export function TabItemBase({
   title,
   selected,
   active = false,
+  isEmptyTab = false,
   tabIndex,
   handleCloseThis,
   handleSelectThis,
@@ -55,11 +57,17 @@ export function TabItemBase({
   };
 
   const contextMenu = !active
-    ? [
-        { id: "close-tab", text: "close tab", action: handleCloseThis },
-        { id: "close-others", text: "close others", action: handleCloseOthers },
-        { id: "close-all", text: "close all", action: handleCloseAll },
-      ]
+    ? selected && !isEmptyTab
+      ? [{ id: "close-tab", text: "Close", action: handleCloseThis }]
+      : [
+          { id: "close-tab", text: "Close", action: handleCloseThis },
+          {
+            id: "close-others",
+            text: "Close others",
+            action: handleCloseOthers,
+          },
+          { id: "close-all", text: "Close all", action: handleCloseAll },
+        ]
     : undefined;
 
   const showShortcut = isCmdPressed && tabIndex !== undefined;