@parca/profile 0.19.3 → 0.19.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.5](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.4...@parca/profile@0.19.5) (2025-06-20)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.19.4](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.3...@parca/profile@0.19.4) (2025-06-19)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.3](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.2...@parca/profile@0.19.3) (2025-06-19)
 
 **Note:** Version bump only for package @parca/profile

package/dist/ProfileIcicleGraph/IcicleGraphArrow/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/ProfileIcicleGraph/IcicleGraphArrow/ContextMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAMnC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAO1C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,qIAad,gBAAgB,KAAG,GAAG,CAAC,OA6MzB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/ProfileIcicleGraph/IcicleGraphArrow/ContextMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAMnC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAO1C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,qIAad,gBAAgB,KAAG,GAAG,CAAC,OA+MzB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ProfileIcicleGraph/IcicleGraphArrow/ContextMenu.js

@@ -22,7 +22,7 @@ import { useGraphTooltipMetaInfo } from '../../GraphTooltipArrow/useGraphTooltip
 import { hexifyAddress, truncateString } from '../../utils';
 const ContextMenu = ({ menuId, table, total, totalUnfiltered, row, compareAbsolute, hideMenu, profileType, unit, hideBinary, resetPath, isSandwich = false, }) => {
     const { isDarkMode } = useParcaContext();
-    const { enableSourcesView, checkDebuginfoStatusHandler } = useParcaContext();
+    const { enableSourcesView, enableSandwichView, checkDebuginfoStatusHandler } = useParcaContext();
     const [isGraphTooltipDocked, setIsDocked] = useUserPreference(USER_PREFERENCES.GRAPH_METAINFO_DOCKED.key);
     const contextMenuData = useGraphTooltip({
         table,
@@ -91,9 +91,9 @@ const ContextMenu = ({ menuId, table, total, totalUnfiltered, row, compareAbsolu
                     else {
                         setDashboardItems([...dashboardItems, 'table']);
                     }
-                }, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "ph:table" }), _jsx("div", { children: "Show in table" })] }) }), _jsx(Item, { id: "show-in-sandwich", onClick: () => {
+                }, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "ph:table" }), _jsx("div", { children: "Show in table" })] }) }), enableSandwichView === true && (_jsx(Item, { id: "show-in-sandwich", onClick: () => {
                     setSandwichFunctionName(functionName);
                     setDashboardItems(['sandwich']);
-                }, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "tdesign:sandwich-filled" }), _jsx("div", { children: "Show in sandwich" })] }) }), _jsx(Item, { id: "reset-view", onClick: handleResetView, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "system-uicons:reset" }), _jsx("div", { children: "Reset graph" })] }) }), _jsxs(Item, { id: "hide-binary", onClick: () => hideBinary(getLastItem(mappingFile)), disabled: mappingFile === null || mappingFile === '', children: [_jsx("div", { "data-tooltip-id": "hide-binary-help", "data-tooltip-content": "Hide all frames for this binary", children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:bxs-hide" }), _jsxs("div", { children: ["Hide binary ", mappingFile !== null && `(${getLastItem(mappingFile)})`] })] }) }), _jsx(Tooltip, { place: "left", id: "hide-binary-help" })] }), _jsx(Submenu, { label: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "ph:copy" }), _jsx("div", { children: "Copy" })] }), children: _jsx("div", { className: "max-h-[300px] overflow-scroll", children: nonEmptyValuesToCopy.map(({ id, value }) => (_jsx(Item, { id: id, onClick: () => handleCopyItem(value), className: "dark:bg-gray-800", children: _jsxs("div", { className: "flex flex-col dark:text-gray-300 hover:dark:text-gray-100", children: [_jsx("div", { className: "text-sm", children: id }), _jsx("div", { className: "text-xs", children: truncateString(value, 30) })] }) }, id))) }) }), checkDebuginfoStatusHandler !== undefined ? (_jsx(Item, { id: "check-debuginfo-status", onClick: () => checkDebuginfoStatusHandler(mappingBuildID), disabled: !isMappingBuildIDAvailable, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:bx-info-circle" }), _jsx("div", { className: "relative pr-4", children: "Check debuginfo status" })] }) })) : null, _jsx(Separator, {}), _jsx(Item, { id: "dock-tooltip", onClick: handleDockTooltip, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:dock-bottom" }), isGraphTooltipDocked ? 'Undock tooltip' : 'Dock tooltip'] }) })] }));
+                }, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "tdesign:sandwich-filled" }), _jsx("div", { children: "Show in sandwich" })] }) })), _jsx(Item, { id: "reset-view", onClick: handleResetView, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "system-uicons:reset" }), _jsx("div", { children: "Reset graph" })] }) }), _jsxs(Item, { id: "hide-binary", onClick: () => hideBinary(getLastItem(mappingFile)), disabled: mappingFile === null || mappingFile === '', children: [_jsx("div", { "data-tooltip-id": "hide-binary-help", "data-tooltip-content": "Hide all frames for this binary", children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:bxs-hide" }), _jsxs("div", { children: ["Hide binary ", mappingFile !== null && `(${getLastItem(mappingFile)})`] })] }) }), _jsx(Tooltip, { place: "left", id: "hide-binary-help" })] }), _jsx(Submenu, { label: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "ph:copy" }), _jsx("div", { children: "Copy" })] }), children: _jsx("div", { className: "max-h-[300px] overflow-scroll", children: nonEmptyValuesToCopy.map(({ id, value }) => (_jsx(Item, { id: id, onClick: () => handleCopyItem(value), className: "dark:bg-gray-800", children: _jsxs("div", { className: "flex flex-col dark:text-gray-300 hover:dark:text-gray-100", children: [_jsx("div", { className: "text-sm", children: id }), _jsx("div", { className: "text-xs", children: truncateString(value, 30) })] }) }, id))) }) }), checkDebuginfoStatusHandler !== undefined ? (_jsx(Item, { id: "check-debuginfo-status", onClick: () => checkDebuginfoStatusHandler(mappingBuildID), disabled: !isMappingBuildIDAvailable, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:bx-info-circle" }), _jsx("div", { className: "relative pr-4", children: "Check debuginfo status" })] }) })) : null, _jsx(Separator, {}), _jsx(Item, { id: "dock-tooltip", onClick: handleDockTooltip, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:dock-bottom" }), isGraphTooltipDocked ? 'Undock tooltip' : 'Dock tooltip'] }) })] }));
 };
 export default ContextMenu;

package/dist/ProfileView/components/ViewSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ViewSelector/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAGrD,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,sBAAqB,KAAK,KAAG,GAAG,CAAC,OAmIlD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ViewSelector/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAGrD,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,sBAAqB,KAAK,KAAG,GAAG,CAAC,OA0IlD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ProfileView/components/ViewSelector/index.js

@@ -6,13 +6,19 @@ const ViewSelector = ({ profileSource }) => {
     const [dashboardItems = ['icicle'], setDashboardItems] = useURLState('dashboard_items', {
         alwaysReturnArray: true,
     });
-    const { enableSourcesView } = useParcaContext();
+    const { enableSourcesView, enableSandwichView } = useParcaContext();
     const [enableicicleCharts] = useUserPreference(USER_PREFERENCES.ENABLE_ICICLECHARTS.key);
     const allItems = [
         { key: 'table', label: 'Table', canBeSelected: !dashboardItems.includes('table') },
         { key: 'icicle', label: 'icicle', canBeSelected: !dashboardItems.includes('icicle') },
-        { key: 'sandwich', label: 'sandwich', canBeSelected: !dashboardItems.includes('sandwich') },
     ];
+    if (enableSandwichView === true) {
+        allItems.push({
+            key: 'sandwich',
+            label: 'sandwich',
+            canBeSelected: !dashboardItems.includes('sandwich'),
+        });
+    }
     if (enableicicleCharts) {
         allItems.push({
             key: 'iciclechart',

package/dist/Table/MoreDropdown.d.ts

@@ -1,5 +1,5 @@
 declare const MoreDropdown: ({ functionName }: {
     functionName: string;
-}) => React.JSX.Element;
+}) => React.JSX.Element | null;
 export default MoreDropdown;
 //# sourceMappingURL=MoreDropdown.d.ts.map

package/dist/Table/MoreDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.d.ts","sourceRoot":"","sources":["../../src/Table/MoreDropdown.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,YAAY,qBAAoB;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAsDxE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MoreDropdown.d.ts","sourceRoot":"","sources":["../../src/Table/MoreDropdown.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,YAAY,qBAAoB;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA6DlF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Table/MoreDropdown.js

@@ -13,23 +13,28 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // limitations under the License.
 import { Menu } from '@headlessui/react';
 import { Icon } from '@iconify/react';
-import { useURLState } from '@parca/components';
+import { useParcaContext, useURLState } from '@parca/components';
 const MoreDropdown = ({ functionName }) => {
     const [_, setSandwichFunctionName] = useURLState('sandwich_function_name');
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [dashboardItems, setDashboardItems] = useURLState('dashboard_items', {
         alwaysReturnArray: true,
     });
+    const { enableSandwichView } = useParcaContext();
     const onSandwichViewSelect = () => {
         setSandwichFunctionName(functionName.trim());
         setDashboardItems(['sandwich']);
     };
-    const menuItems = [
-        {
+    const menuItems = [];
+    if (enableSandwichView === true) {
+        menuItems.push({
             label: 'Show in Sandwich view',
             action: () => onSandwichViewSelect(),
-        },
-    ];
+        });
+    }
+    if (menuItems.length === 0) {
+        return null;
+    }
     return (_jsx("div", { className: "relative", children: _jsx(Menu, { children: ({ open, close }) => (_jsxs(_Fragment, { children: [_jsx(Menu.Button, { onClick: () => {
                             if (open) {
                                 close();

package/dist/Table/hooks/useTableConfiguration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableConfiguration.d.ts","sourceRoot":"","sources":["../../../src/Table/hooks/useTableConfiguration.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAKxE,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,IAAI,CAAC;AAG5B,OAAO,EAA2B,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE7E,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,cAAc,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,0BAA0B,GAAG,kBAAkB,CAgMjD"}
+{"version":3,"file":"useTableConfiguration.d.ts","sourceRoot":"","sources":["../../../src/Table/hooks/useTableConfiguration.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAKxE,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,IAAI,CAAC;AAG5B,OAAO,EAA2B,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE7E,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,cAAc,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,0BAA0B,GAAG,kBAAkB,CAqMjD"}

package/dist/Table/hooks/useTableConfiguration.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // limitations under the License.
 import { useEffect, useMemo, useState } from 'react';
 import { createColumnHelper } from '@tanstack/table-core';
-import { useURLState } from '@parca/components';
+import { useParcaContext, useURLState } from '@parca/components';
 import { valueFormatter } from '@parca/utilities';
 import { ColorCell } from '../ColorCell';
 import MoreDropdown from '../MoreDropdown';
@@ -26,6 +26,7 @@ export function useTableConfiguration({ unit = '', total, filtered, compareMode,
     const [dashboardItems] = useURLState('dashboard_items', {
         alwaysReturnArray: true,
     });
+    const { enableSandwichView } = useParcaContext();
     const [columnVisibility, setColumnVisibility] = useState(() => {
         return {
             color: true,
@@ -175,7 +176,9 @@ export function useTableConfiguration({ unit = '', total, filtered, compareMode,
                 cell: info => info.getValue(),
             }),
         ];
-        if (dashboardItems.length === 1 && dashboardItems[0] === 'table') {
+        if (dashboardItems.length === 1 &&
+            dashboardItems[0] === 'table' &&
+            enableSandwichView === true) {
             baseColumns.unshift(columnHelper.accessor('moreActions', {
                 id: 'moreActions',
                 header: '',
@@ -187,7 +190,7 @@ export function useTableConfiguration({ unit = '', total, filtered, compareMode,
             }));
         }
         return baseColumns;
-    }, [unit, total, filtered, columnHelper, dashboardItems]);
+    }, [unit, total, filtered, columnHelper, dashboardItems, enableSandwichView]);
     const initialSorting = useMemo(() => {
         return [
             {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.3",
+  "version": "0.19.5",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@headlessui/react": "^1.7.19",
     "@iconify/react": "^4.0.0",
     "@parca/client": "0.17.0",
-    "@parca/components": "0.16.342",
+    "@parca/components": "0.16.344",
     "@parca/dynamicsize": "0.16.65",
     "@parca/hooks": "0.0.91",
     "@parca/icons": "0.16.72",
@@ -77,5 +77,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "20c7f506dd35795cbc417a5d94c75d72b4128b97"
+  "gitHead": "013082ba69d29715e161da70208afe7cfc23f058"
 }

package/src/ProfileIcicleGraph/IcicleGraphArrow/ContextMenu.tsx

@@ -55,7 +55,7 @@ const ContextMenu = ({
   isSandwich = false,
 }: ContextMenuProps): JSX.Element => {
   const {isDarkMode} = useParcaContext();
-  const {enableSourcesView, checkDebuginfoStatusHandler} = useParcaContext();
+  const {enableSourcesView, enableSandwichView, checkDebuginfoStatusHandler} = useParcaContext();
   const [isGraphTooltipDocked, setIsDocked] = useUserPreference<boolean>(
     USER_PREFERENCES.GRAPH_METAINFO_DOCKED.key
   );
@@ -177,18 +177,20 @@ const ContextMenu = ({
           <div>Show in table</div>
         </div>
       </Item>
-      <Item
-        id="show-in-sandwich"
-        onClick={() => {
-          setSandwichFunctionName(functionName);
-          setDashboardItems(['sandwich']);
-        }}
-      >
-        <div className="flex w-full items-center gap-2">
-          <Icon icon="tdesign:sandwich-filled" />
-          <div>Show in sandwich</div>
-        </div>
-      </Item>
+      {enableSandwichView === true && (
+        <Item
+          id="show-in-sandwich"
+          onClick={() => {
+            setSandwichFunctionName(functionName);
+            setDashboardItems(['sandwich']);
+          }}
+        >
+          <div className="flex w-full items-center gap-2">
+            <Icon icon="tdesign:sandwich-filled" />
+            <div>Show in sandwich</div>
+          </div>
+        </Item>
+      )}
       <Item id="reset-view" onClick={handleResetView}>
         <div className="flex w-full items-center gap-2">
           <Icon icon="system-uicons:reset" />

package/src/ProfileView/components/ViewSelector/index.tsx

@@ -30,7 +30,7 @@ const ViewSelector = ({profileSource}: Props): JSX.Element => {
       alwaysReturnArray: true,
     }
   );
-  const {enableSourcesView} = useParcaContext();
+  const {enableSourcesView, enableSandwichView} = useParcaContext();
 
   const [enableicicleCharts] = useUserPreference<boolean>(USER_PREFERENCES.ENABLE_ICICLECHARTS.key);
 
@@ -43,8 +43,15 @@ const ViewSelector = ({profileSource}: Props): JSX.Element => {
   }> = [
     {key: 'table', label: 'Table', canBeSelected: !dashboardItems.includes('table')},
     {key: 'icicle', label: 'icicle', canBeSelected: !dashboardItems.includes('icicle')},
-    {key: 'sandwich', label: 'sandwich', canBeSelected: !dashboardItems.includes('sandwich')},
   ];
+
+  if (enableSandwichView === true) {
+    allItems.push({
+      key: 'sandwich',
+      label: 'sandwich',
+      canBeSelected: !dashboardItems.includes('sandwich'),
+    });
+  }
   if (enableicicleCharts) {
     allItems.push({
       key: 'iciclechart',

package/src/Table/MoreDropdown.tsx

@@ -14,26 +14,33 @@
 import {Menu} from '@headlessui/react';
 import {Icon} from '@iconify/react';
 
-import {useURLState} from '@parca/components';
+import {useParcaContext, useURLState} from '@parca/components';
 
-const MoreDropdown = ({functionName}: {functionName: string}): React.JSX.Element => {
+const MoreDropdown = ({functionName}: {functionName: string}): React.JSX.Element | null => {
   const [_, setSandwichFunctionName] = useURLState<string | undefined>('sandwich_function_name');
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [dashboardItems, setDashboardItems] = useURLState<string[]>('dashboard_items', {
     alwaysReturnArray: true,
   });
+  const {enableSandwichView} = useParcaContext();
 
   const onSandwichViewSelect = (): void => {
     setSandwichFunctionName(functionName.trim());
     setDashboardItems(['sandwich']);
   };
 
-  const menuItems = [
-    {
+  const menuItems: Array<{label: string; action: () => void}> = [];
+
+  if (enableSandwichView === true) {
+    menuItems.push({
       label: 'Show in Sandwich view',
       action: () => onSandwichViewSelect(),
-    },
-  ];
+    });
+  }
+
+  if (menuItems.length === 0) {
+    return null;
+  }
 
   return (
     <div className="relative">

package/src/Table/hooks/useTableConfiguration.tsx

@@ -15,7 +15,7 @@ import {useEffect, useMemo, useState} from 'react';
 
 import {createColumnHelper, type ColumnDef} from '@tanstack/table-core';
 
-import {useURLState} from '@parca/components';
+import {useParcaContext, useURLState} from '@parca/components';
 import {valueFormatter} from '@parca/utilities';
 
 import {type Row} from '..';
@@ -50,6 +50,7 @@ export function useTableConfiguration({
   const [dashboardItems] = useURLState<string[]>('dashboard_items', {
     alwaysReturnArray: true,
   });
+  const {enableSandwichView} = useParcaContext();
 
   const [columnVisibility, setColumnVisibility] = useState(() => {
     return {
@@ -203,7 +204,11 @@ export function useTableConfiguration({
       }),
     ];
 
-    if (dashboardItems.length === 1 && dashboardItems[0] === 'table') {
+    if (
+      dashboardItems.length === 1 &&
+      dashboardItems[0] === 'table' &&
+      enableSandwichView === true
+    ) {
       baseColumns.unshift(
         columnHelper.accessor('moreActions', {
           id: 'moreActions',
@@ -218,7 +223,7 @@ export function useTableConfiguration({
     }
 
     return baseColumns;
-  }, [unit, total, filtered, columnHelper, dashboardItems]);
+  }, [unit, total, filtered, columnHelper, dashboardItems, enableSandwichView]);
 
   const initialSorting = useMemo(() => {
     return [