resolve the copilot suggestions

src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx

@@ -187,7 +187,7 @@ export class DocumentsTabV2 extends TabsBase {
       partitionKey: this.partitionKey,
       documentIds: ko.observableArray<DocumentId>([]),
       tabKind: ViewModels.CollectionTabKind.Documents,
-      title: "Items",
+      title: this.tabTitle(),
       collection: this.collection,
       node: this.collection,
       tabPath: `${this.collection.databaseId}>${this.collection.id()}>Documents`,

src/Explorer/Tabs/Tabs.tsx

@@ -87,95 +87,93 @@ function TabNav({ tab, active, tabKind }: { tab?: Tab; active: boolean; tabKind?
       focusTab.current.focus();
     }
   }, [active]);
+  const liElement = (
+    <li
+      data-test={`TabNav:${tab !== undefined ? tab.tabId : ReactTabKind[tabKind!]}`}
+      onMouseOver={() => setHovering(true)}
+      onMouseLeave={() => setHovering(false)}
+      className={active ? "active tabList" : "tabList"}
+      style={active ? { fontWeight: "bolder" } : {}}
+      role="presentation"
+    >
+      <span className="tabNavContentContainer">
+        <div className="tab_Content">
+          <TooltipHost content={useObservable(tab?.tabPath || ko.observable(""))}>
+            <span
+              className="contentWrapper"
+              onClick={() => {
+                if (tab) {
+                  tab.onTabClick();
+                } else if (tabKind !== undefined) {
+                  useTabs.getState().activateReactTab(tabKind);
+                }
+              }}
+              onKeyPress={({ nativeEvent: e }) => {
+                if (tab) {
+                  tab.onKeyPressActivate(undefined, e);
+                } else if (tabKind !== undefined) {
+                  onKeyPressReactTab(e, tabKind);
+                }
+              }}
+              aria-selected={active}
+              aria-expanded={active}
+              aria-controls={tabId}
+              tabIndex={0}
+              role="tab"
+              ref={focusTab}
+            >
+              <span className="statusIconContainer" style={{ width: tabKind === ReactTabKind.Home ? 0 : 18 }}>
+                {useObservable(tab?.isExecutionError || ko.observable(false)) && (
+                  <ErrorIcon tab={tab} active={active} />
+                )}
+                {useObservable(tab?.isExecutionWarning || ko.observable(false)) && (
+                  <WarningIcon tab={tab} active={active} />
+                )}
+                {isTabExecuting(tab, tabKind) && (
+                  <Spinner
+                    size={SpinnerSize.small}
+                    styles={{
+                      circle: {
+                        borderTopColor: "var(--colorNeutralForeground1)",
+                        borderLeftColor: "var(--colorNeutralForeground1)",
+                        borderBottomColor: "var(--colorNeutralForeground1)",
+                        borderRightColor: "var(--colorNeutralBackground1)",
+                      },
+                    }}
+                  />
+                )}
+                {isQueryErrorThrown(tab, tabKind) && (
+                  <TooltipHost content="Error">
+                    <img
+                      src={errorQuery}
+                      alt="Error"
+                      style={{ marginTop: 4, marginLeft: 4, width: 10, height: 11 }}
+                    />
+                  </TooltipHost>
+                )}
+              </span>
+              <span className="tabNavText">{tabTitle}</span>
+            </span>
+          </TooltipHost>
+          <span className="tabIconSection">
+            <CloseButton tab={tab} active={active} hovering={hovering} tabKind={tabKind} ariaLabel={tabTitle} />
+          </span>
+        </div>
+      </span>
+    </li>
+  );
+
+  if (!tab?.canDuplicate()) {
+    return liElement;
+  }
+
   return (
     <Menu openOnContext>
-      <MenuTrigger disableButtonEnhancement>
+      <MenuTrigger disableButtonEnhancement>{liElement}</MenuTrigger>
-        <li
-          data-test={`TabNav:${tab !== undefined ? tab.tabId : ReactTabKind[tabKind!]}`}
-          onMouseOver={() => setHovering(true)}
-          onMouseLeave={() => setHovering(false)}
-          className={active ? "active tabList" : "tabList"}
-          style={active ? { fontWeight: "bolder" } : {}}
-          role="presentation"
-        >
-          <span className="tabNavContentContainer">
-            <div className="tab_Content">
-              <TooltipHost content={useObservable(tab?.tabPath || ko.observable(""))}>
-                <span
-                  className="contentWrapper"
-                  onClick={() => {
-                    if (tab) {
-                      tab.onTabClick();
-                    } else if (tabKind !== undefined) {
-                      useTabs.getState().activateReactTab(tabKind);
-                    }
-                  }}
-                  onKeyPress={({ nativeEvent: e }) => {
-                    if (tab) {
-                      tab.onKeyPressActivate(undefined, e);
-                    } else if (tabKind !== undefined) {
-                      onKeyPressReactTab(e, tabKind);
-                    }
-                  }}
-                  aria-selected={active}
-                  aria-expanded={active}
-                  aria-controls={tabId}
-                  tabIndex={0}
-                  role="tab"
-                  ref={focusTab}
-                >
-                  <span className="statusIconContainer" style={{ width: tabKind === ReactTabKind.Home ? 0 : 18 }}>
-                    {useObservable(tab?.isExecutionError || ko.observable(false)) && (
-                      <ErrorIcon tab={tab} active={active} />
-                    )}
-                    {useObservable(tab?.isExecutionWarning || ko.observable(false)) && (
-                      <WarningIcon tab={tab} active={active} />
-                    )}
-                    {isTabExecuting(tab, tabKind) && (
-                      <Spinner
-                        size={SpinnerSize.small}
-                        styles={{
-                          circle: {
-                            borderTopColor: "var(--colorNeutralForeground1)",
-                            borderLeftColor: "var(--colorNeutralForeground1)",
-                            borderBottomColor: "var(--colorNeutralForeground1)",
-                            borderRightColor: "var(--colorNeutralBackground1)",
-                          },
-                        }}
-                      />
-                    )}
-                    {isQueryErrorThrown(tab, tabKind) && (
-                      <TooltipHost content="Error">
-                        <img
-                          src={errorQuery}
-                          alt="Error"
-                          style={{ marginTop: 4, marginLeft: 4, width: 10, height: 11 }}
-                        />
-                      </TooltipHost>
-                    )}
-                  </span>
-                  <span className="tabNavText">{tabTitle}</span>
-                </span>
-              </TooltipHost>
-              <span className="tabIconSection">
-                <CloseButton tab={tab} active={active} hovering={hovering} tabKind={tabKind} ariaLabel={tabTitle} />
-              </span>
-            </div>
-          </span>
-        </li>
-      </MenuTrigger>
       <MenuPopover>
         <MenuList>
-          {tab?.canDuplicate() && (
+          <MenuItem onClick={() => tab.duplicateTab()}>{t(Keys.tabs.tabMenu.duplicateTab)}</MenuItem>
-            <MenuItem onClick={() => tab.duplicateTab()}>{t(Keys.tabs.tabMenu.duplicateTab)}</MenuItem>
+          <MenuItem onClick={() => tab.onCloseTabButtonClick()}>{t(Keys.tabs.tabMenu.closeTab)}</MenuItem>
-          )}
-          <MenuItem
-            onClick={() => {
-              tab ? tab.onCloseTabButtonClick() : useTabs.getState().closeReactTab(tabKind);
-            }}
-          >
-            {t(Keys.tabs.tabMenu.closeTab)}
-          </MenuItem>
         </MenuList>
       </MenuPopover>
     </Menu>

test/sql/duplicateTab.spec.ts

@@ -77,15 +77,13 @@ test("Duplicate Query tab preserves query text in new tab", async () => {
   expect(editorText).toContain("duplicate-query-test");
 });
 
-test("Duplicate tab menu item is not shown for the Home tab", async () => {
+test("Right-click context menu does not appear for the Home tab", async () => {
-  // The Home tab (ReactTabKind) is never duplicable
+  // The Home tab (ReactTabKind) is never duplicable — no context menu should appear
   await explorer.tabNavHeader("Home").click({ button: "right" });
 
-  // "Close tab" should always appear
+  // Neither menu item should be visible
-  await expect(explorer.tabContextMenuItem("Close tab")).toBeVisible();
-
-  // "Duplicate tab" must NOT appear
   await expect(explorer.tabContextMenuItem("Duplicate tab")).not.toBeVisible();
+  await expect(explorer.tabContextMenuItem("Close tab")).not.toBeVisible();
 });
 
 test("Close tab from right-click menu closes the tab", async () => {