box-ui-elements 23.5.0-beta.3 → 24.0.0-beta.1

package/es/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxAISidebar-visual.stories.js","names":["expect","within","http","HttpResponse","ContentSidebar","mockFileRequest","mockUserRequest","mockFeatures","basic","play","canvasElement","canvas","clearButton","findByRole","name","toBeInTheDocument","findByText","findByPlaceholderText","meta","title","component","args","features","fileId","global","FILE_ID","token","TOKEN","boxAISidebarProps","createSessionRequest","encodedSession","fetchTimeout","initial","getAgentConfig","getAIStudioAgents","getAnswer","getAnswerStreaming","getSuggestedQuestions","hostAppName","isAgentSelectorEnabled","isAIStudioAgentSelectorEnabled","isCitationsEnabled","isFeedbackEnabled","isDebugModeEnabled","isIntelligentQueryMode","isMarkdownEnabled","isResetChatEnabled","isStopResponseEnabled","isStreamingEnabled","items","id","type","fileType","status","localizedQuestions","label","prompt","recordAction","parameters","msw","handlers","get","url","json","response"],"sources":["../../../../../src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx"],"sourcesContent":["import { type StoryObj, type Meta } from '@storybook/react';\nimport { expect, within } from 'storybook/test';\nimport { http, HttpResponse } from 'msw';\nimport type { HttpHandler } from 'msw';\nimport ContentSidebar from '../../ContentSidebar';\nimport BoxAISidebar from '../../BoxAISidebar';\nimport { mockFileRequest, mockUserRequest } from '../../../common/__mocks__/mockRequests';\n\nconst mockFeatures = {\n    'boxai.sidebar.enabled': true,\n};\n\nexport const basic: StoryObj<typeof BoxAISidebar> = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        const clearButton = await canvas.findByRole('button', { name: 'Clear conversation' });\n        expect(clearButton).toBeInTheDocument();\n\n        expect(await canvas.findByText(/Welcome to Box AI/i)).toBeInTheDocument();\n        expect(await canvas.findByText('Chat cleared when you close content')).toBeInTheDocument();\n        expect(await canvas.findByPlaceholderText('Ask Box AI')).toBeInTheDocument();\n        expect(await canvas.findByText('Summarize this document')).toBeInTheDocument();\n        expect(await canvas.findByText('What are the key takeaways?')).toBeInTheDocument();\n        expect(await canvas.findByText('How can this document be improved?')).toBeInTheDocument();\n        expect(await canvas.findByText('Are there any next steps defined?')).toBeInTheDocument();\n    },\n};\n\nconst meta: Meta<typeof ContentSidebar> & { parameters: { msw: { handlers: HttpHandler[] } } } = {\n    title: 'Elements/ContentSidebar/BoxAISidebar/tests/visual-regression-tests',\n    component: ContentSidebar,\n    args: {\n        features: mockFeatures,\n        fileId: global.FILE_ID,\n        token: global.TOKEN,\n        boxAISidebarProps: {\n            createSessionRequest: () => ({ encodedSession: '1234' }),\n            fetchTimeout: { initial: 20000 },\n            getAgentConfig: () => ({}),\n            getAIStudioAgents: () => ({}),\n            getAnswer: () => ({}),\n            getAnswerStreaming: () => ({}),\n            getSuggestedQuestions: null,\n            hostAppName: 'storybook-test',\n            isAgentSelectorEnabled: false,\n            isAIStudioAgentSelectorEnabled: true,\n            isCitationsEnabled: true,\n            isFeedbackEnabled: true,\n            isDebugModeEnabled: true,\n            isIntelligentQueryMode: false,\n            isMarkdownEnabled: true,\n            isResetChatEnabled: true,\n            isStopResponseEnabled: true,\n            isStreamingEnabled: false,\n            items: [{ id: '123', name: 'Document (PDF).pdf', type: 'file', fileType: 'pdf', status: 'supported' }],\n            localizedQuestions: [\n                {\n                    id: 'suggested-question-1',\n                    label: 'Summarize this document',\n                    prompt: 'Summarize this document',\n                },\n                {\n                    id: 'suggested-question-2',\n                    label: 'What are the key takeaways?',\n                    prompt: 'What are the key takeaways?',\n                },\n                {\n                    id: 'suggested-question-3',\n                    label: 'How can this document be improved?',\n                    prompt: 'How can this document be improved?',\n                },\n                {\n                    id: 'suggested-question-4',\n                    label: 'Are there any next steps defined?',\n                    prompt: 'Are there any next steps defined?',\n                },\n            ],\n            recordAction: () => ({}),\n        },\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockUserRequest.url, () => {\n                    return HttpResponse.json(mockUserRequest.response);\n                }),\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n            ],\n        },\n    },\n};\n\nexport default meta;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BoxAISidebar-visual.stories.js","names":["expect","within","http","HttpResponse","ContentSidebar","mockFileRequest","mockUserRequest","mockFeatures","basic","play","canvasElement","canvas","clearButton","findByRole","name","toBeInTheDocument","findByText","findByPlaceholderText","meta","title","component","args","features","fileId","global","FILE_ID","token","TOKEN","boxAISidebarProps","createSessionRequest","encodedSession","fetchTimeout","initial","getAgentConfig","getAIStudioAgents","getAnswer","getAnswerStreaming","getSuggestedQuestions","hostAppName","isAgentSelectorEnabled","isAIStudioAgentSelectorEnabled","isCitationsEnabled","isFeedbackEnabled","isDebugModeEnabled","isIntelligentQueryMode","isMarkdownEnabled","isStopResponseEnabled","isStreamingEnabled","items","id","type","fileType","status","localizedQuestions","label","prompt","recordAction","parameters","msw","handlers","get","url","json","response"],"sources":["../../../../../src/elements/content-sidebar/stories/tests/BoxAISidebar-visual.stories.tsx"],"sourcesContent":["import { type StoryObj, type Meta } from '@storybook/react';\nimport { expect, within } from 'storybook/test';\nimport { http, HttpResponse } from 'msw';\nimport type { HttpHandler } from 'msw';\nimport ContentSidebar from '../../ContentSidebar';\nimport BoxAISidebar from '../../BoxAISidebar';\nimport { mockFileRequest, mockUserRequest } from '../../../common/__mocks__/mockRequests';\n\nconst mockFeatures = {\n    'boxai.sidebar.enabled': true,\n};\n\nexport const basic: StoryObj<typeof BoxAISidebar> = {\n    play: async ({ canvasElement }) => {\n        const canvas = within(canvasElement);\n        const clearButton = await canvas.findByRole('button', { name: 'Clear conversation' });\n        expect(clearButton).toBeInTheDocument();\n\n        expect(await canvas.findByText(/Welcome to Box AI/i)).toBeInTheDocument();\n        expect(await canvas.findByText('Chat cleared when you close content')).toBeInTheDocument();\n        expect(await canvas.findByPlaceholderText('Ask Box AI')).toBeInTheDocument();\n        expect(await canvas.findByText('Summarize this document')).toBeInTheDocument();\n        expect(await canvas.findByText('What are the key takeaways?')).toBeInTheDocument();\n        expect(await canvas.findByText('How can this document be improved?')).toBeInTheDocument();\n        expect(await canvas.findByText('Are there any next steps defined?')).toBeInTheDocument();\n    },\n};\n\nconst meta: Meta<typeof ContentSidebar> & { parameters: { msw: { handlers: HttpHandler[] } } } = {\n    title: 'Elements/ContentSidebar/BoxAISidebar/tests/visual-regression-tests',\n    component: ContentSidebar,\n    args: {\n        features: mockFeatures,\n        fileId: global.FILE_ID,\n        token: global.TOKEN,\n        boxAISidebarProps: {\n            createSessionRequest: () => ({ encodedSession: '1234' }),\n            fetchTimeout: { initial: 20000 },\n            getAgentConfig: () => ({}),\n            getAIStudioAgents: () => ({}),\n            getAnswer: () => ({}),\n            getAnswerStreaming: () => ({}),\n            getSuggestedQuestions: null,\n            hostAppName: 'storybook-test',\n            isAgentSelectorEnabled: false,\n            isAIStudioAgentSelectorEnabled: true,\n            isCitationsEnabled: true,\n            isFeedbackEnabled: true,\n            isDebugModeEnabled: true,\n            isIntelligentQueryMode: false,\n            isMarkdownEnabled: true,\n            isStopResponseEnabled: true,\n            isStreamingEnabled: false,\n            items: [{ id: '123', name: 'Document (PDF).pdf', type: 'file', fileType: 'pdf', status: 'supported' }],\n            localizedQuestions: [\n                {\n                    id: 'suggested-question-1',\n                    label: 'Summarize this document',\n                    prompt: 'Summarize this document',\n                },\n                {\n                    id: 'suggested-question-2',\n                    label: 'What are the key takeaways?',\n                    prompt: 'What are the key takeaways?',\n                },\n                {\n                    id: 'suggested-question-3',\n                    label: 'How can this document be improved?',\n                    prompt: 'How can this document be improved?',\n                },\n                {\n                    id: 'suggested-question-4',\n                    label: 'Are there any next steps defined?',\n                    prompt: 'Are there any next steps defined?',\n                },\n            ],\n            recordAction: () => ({}),\n        },\n    },\n    parameters: {\n        msw: {\n            handlers: [\n                http.get(mockUserRequest.url, () => {\n                    return HttpResponse.json(mockUserRequest.response);\n                }),\n                http.get(mockFileRequest.url, () => {\n                    return HttpResponse.json(mockFileRequest.response);\n                }),\n            ],\n        },\n    },\n};\n\nexport default meta;\n"],"mappings":"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","ignoreList":[]}

package/es/src/elements/common/content-answers/ContentAnswersModal.d.ts

@@ -4,7 +4,6 @@ import { BoxItem } from '../../../common/types/core';
 export interface ExternalProps {
     isCitationsEnabled?: boolean;
     isMarkdownEnabled?: boolean;
-    isResetChatEnabled?: boolean;
     onAsk?: () => void;
     onClearConversation?: () => void;
     onRequestClose?: () => void;

package/es/src/elements/common/sub-header/SubHeader.d.ts

@@ -17,6 +17,7 @@ export interface SubHeaderProps {
     onGridViewSliderChange?: (newSliderValue: number) => void;
     onItemClick: (id: string | null, triggerNavigationEvent: boolean | null) => void;
     onSortChange: (sortBy: string, sortDirection: string) => void;
+    onMetadataSidePanelToggle?: () => void;
     onUpload: () => void;
     onViewModeChange?: (viewMode: ViewMode) => void;
     portalElement?: HTMLElement;
@@ -27,5 +28,5 @@ export interface SubHeaderProps {
     view: View;
     viewMode?: ViewMode;
 }
-declare const SubHeader: ({ canCreateNewFolder, canUpload, currentCollection, gridColumnCount, gridMaxColumns, gridMinColumns, maxGridColumnCountForWidth, onGridViewSliderChange, isSmall, onClearSelectedItemIds, onCreate, onItemClick, onSortChange, onUpload, onViewModeChange, portalElement, rootId, rootName, selectedItemIds, title, view, viewMode, }: SubHeaderProps) => React.JSX.Element;
+declare const SubHeader: ({ canCreateNewFolder, canUpload, currentCollection, gridColumnCount, gridMaxColumns, gridMinColumns, maxGridColumnCountForWidth, onGridViewSliderChange, isSmall, onClearSelectedItemIds, onCreate, onItemClick, onSortChange, onMetadataSidePanelToggle, onUpload, onViewModeChange, portalElement, rootId, rootName, selectedItemIds, title, view, viewMode, }: SubHeaderProps) => React.JSX.Element;
 export default SubHeader;

package/es/src/elements/common/sub-header/SubHeaderLeftV2.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import type { Selection } from 'react-aria-components';
 import type { Collection } from '../../../common/types/core';
 import './SubHeaderLeftV2.scss';

package/es/src/elements/common/sub-header/SubHeaderRight.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { Selection } from 'react-aria-components';
 import type { ViewMode } from '../flowTypes';
 import type { SortBy, SortDirection, View, Collection } from '../../../common/types/core';
 import './SubHeaderRight.scss';
@@ -13,11 +14,13 @@ export interface SubHeaderRightProps {
     onCreate: () => void;
     onGridViewSliderChange: (newSliderValue: number) => void;
     onSortChange: (sortBy: SortBy, sortDirection: SortDirection) => void;
+    onMetadataSidePanelToggle?: () => void;
     onUpload: () => void;
     onViewModeChange?: (viewMode: ViewMode) => void;
     portalElement?: HTMLElement;
+    selectedItemIds?: Selection;
     view: View;
     viewMode: ViewMode;
 }
-declare const SubHeaderRight: ({ canCreateNewFolder, canUpload, currentCollection, gridColumnCount, gridMaxColumns, gridMinColumns, maxGridColumnCountForWidth, onCreate, onGridViewSliderChange, onSortChange, onUpload, onViewModeChange, portalElement, view, viewMode, }: SubHeaderRightProps) => React.JSX.Element;
+declare const SubHeaderRight: ({ canCreateNewFolder, canUpload, currentCollection, gridColumnCount, gridMaxColumns, gridMinColumns, maxGridColumnCountForWidth, onCreate, onGridViewSliderChange, onSortChange, onMetadataSidePanelToggle, onUpload, onViewModeChange, portalElement, selectedItemIds, view, viewMode, }: SubHeaderRightProps) => React.JSX.Element;
 export default SubHeaderRight;

package/es/src/elements/content-explorer/ContentExplorer.d.ts

@@ -86,6 +86,7 @@ type State = {
     isCreateFolderModalOpen: boolean;
     isDeleteModalOpen: boolean;
     isLoading: boolean;
+    isMetadataSidePanelOpen: boolean;
     isPreviewModalOpen: boolean;
     isRenameModalOpen: boolean;
     isShareModalOpen: boolean;
@@ -546,6 +547,20 @@ declare class ContentExplorer extends Component<ContentExplorerProps, State> {
     updateMetadata: (item: BoxItem, field: string, oldValue?: MetadataFieldValue | null, newValue?: MetadataFieldValue | null) => void;
     updateMetadataSuccessCallback: (item: BoxItem, field: string, newValue?: MetadataFieldValue | null) => void;
     clearSelectedItemIds: () => void;
+    /**
+     * Toggle metadata side panel visibility
+     *
+     * @private
+     * @return {void}
+     */
+    onMetadataSidePanelToggle: () => void;
+    /**
+     * Close metadata side panel
+     *
+     * @private
+     * @return {void}
+     */
+    closeMetadataSidePanel: () => void;
     /**
      * Renders the file picker
      *

package/es/src/elements/content-explorer/MetadataSidePanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Selection } from 'react-aria-components';
+import type { Collection } from '../../common/types/core';
+import type { MetadataTemplate } from '../../common/types/metadata';
+import './MetadataSidePanel.scss';
+export interface MetadataSidePanelProps {
+    currentCollection: Collection;
+    onClose: () => void;
+    metadataTemplate: MetadataTemplate;
+    selectedItemIds: Selection;
+}
+declare const MetadataSidePanel: ({ currentCollection, onClose, selectedItemIds, metadataTemplate, }: MetadataSidePanelProps) => React.JSX.Element;
+export default MetadataSidePanel;

package/es/src/elements/content-explorer/__tests__/MetadataSidePanel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/elements/content-explorer/stories/tests/MetadataView-visual.stories.d.ts

@@ -3,7 +3,9 @@ import ContentExplorer from '../../ContentExplorer';
 type Story = StoryObj<typeof ContentExplorer>;
 export declare const metadataView: Story;
 export declare const metadataViewV2: Story;
+export declare const metadataViewV2SortsFromHeader: Story;
 export declare const metadataViewV2WithCustomActions: Story;
 export declare const metadataViewV2WithInitialFilterValues: Story;
+export declare const sidePanelOpenWithSingleItemSelected: Story;
 declare const meta: Meta<typeof ContentExplorer>;
 export default meta;

package/es/src/elements/content-explorer/utils.d.ts

@@ -0,0 +1,22 @@
+import type { MetadataTemplate } from '@box/metadata-editor';
+import type { Selection } from 'react-aria-components';
+import type { BoxItem, Collection } from '../../common/types/core';
+export declare function useSelectedItemText(currentCollection: Collection, selectedItemIds: Selection): string;
+export declare function getTemplateInstance(metadataTemplate: MetadataTemplate, selectedItems: BoxItem[]): {
+    canEdit: boolean;
+    displayName: string;
+    hidden: boolean;
+    id: string;
+    fields: {
+        displayName: string;
+        hidden: boolean;
+        id: string;
+        key: string;
+        options: import("@box/metadata-editor").MetadataTemplateFieldOption[];
+        type: import("@box/metadata-editor").MetadataTemplateFieldType;
+        value: any;
+    }[];
+    scope: string;
+    templateKey: string;
+    type: string;
+};

package/es/src/elements/content-sidebar/BoxAISidebar.d.ts

@@ -28,7 +28,6 @@ export interface BoxAISidebarProps {
     isFeedbackFormEnabled: boolean;
     isIntelligentQueryMode: boolean;
     isMarkdownEnabled: boolean;
-    isResetChatEnabled: boolean;
     isStopResponseEnabled?: boolean;
     isStreamingEnabled: boolean;
     items: Array<ItemType>;

package/es/src/elements/content-sidebar/stories/BoxAISidebar.stories.d.ts

@@ -41,7 +41,6 @@ declare const _default: {
             isFeedbackEnabled: boolean;
             isIntelligentQueryMode: boolean;
             isMarkdownEnabled: boolean;
-            isResetChatEnabled: boolean;
             isStopResponseEnabled: boolean;
             isStreamingEnabled: boolean;
             items: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.5.0-beta.3",
+    "version": "24.0.0-beta.1",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",
@@ -131,7 +131,7 @@
         "@box/blueprint-web": "12.43.0",
         "@box/blueprint-web-assets": "4.61.5",
         "@box/box-ai-agent-selector": "^0.53.0",
-        "@box/box-ai-content-answers": "^0.124.1",
+        "@box/box-ai-content-answers": "^0.139.0",
         "@box/box-item-type-selector": "^0.63.12",
         "@box/cldr-data": "^34.2.0",
         "@box/combobox-with-api": "^0.34.9",

package/src/constants.js

@@ -168,6 +168,19 @@ export const FIELD_CLASSIFICATION: 'classification' = 'classification';
 export const FIELD_ENTERPRISE: 'enterprise' = 'enterprise';
 export const FIELD_HOSTNAME: 'hostname' = 'hostname';
 
+/* ----------------------- Item-Prefixed Fields for MD Query API --------------------------- */
+const ITEM_PREFIX = 'item.';
+export const FIELD_ITEM_TYPE = `${ITEM_PREFIX}${FIELD_TYPE}`;
+export const FIELD_ITEM_NAME = `${ITEM_PREFIX}${FIELD_NAME}`;
+export const FIELD_ITEM_DESCRIPTION = `${ITEM_PREFIX}${FIELD_DESCRIPTION}`;
+export const FIELD_ITEM_EXTENSION = `${ITEM_PREFIX}${FIELD_EXTENSION}`;
+export const FIELD_ITEM_OWNED_BY = `${ITEM_PREFIX}${FIELD_OWNED_BY}`;
+export const FIELD_ITEM_CREATED_AT = `${ITEM_PREFIX}${FIELD_CREATED_AT}`;
+export const FIELD_ITEM_MODIFIED_AT = `${ITEM_PREFIX}${FIELD_MODIFIED_AT}`;
+export const FIELD_ITEM_CONTENT_CREATED_AT = `${ITEM_PREFIX}${FIELD_CONTENT_CREATED_AT}`;
+export const FIELD_ITEM_CONTENT_MODIFIED_AT = `${ITEM_PREFIX}${FIELD_CONTENT_MODIFIED_AT}`;
+export const FIELD_ITEM_QUICK_SEARCH_CONTENT = `${ITEM_PREFIX}quick_search_content`;
+
 /* ----------------------- Permissions --------------------------- */
 export const PERMISSION_CAN_COMMENT = 'can_comment';
 export const PERMISSION_CAN_CREATE_ANNOTATIONS = 'can_create_annotations';

package/src/elements/common/content-answers/ContentAnswersModal.tsx

@@ -27,7 +27,6 @@ import messages from './messages';
 export interface ExternalProps {
     isCitationsEnabled?: boolean;
     isMarkdownEnabled?: boolean;
-    isResetChatEnabled?: boolean;
     onAsk?: () => void;
     onClearConversation?: () => void;
     onRequestClose?: () => void;
@@ -50,7 +49,6 @@ const ContentAnswersModal = ({
     suggestedQuestions,
     isCitationsEnabled = true,
     isMarkdownEnabled = true,
-    isResetChatEnabled = true,
 }: ContentAnswersModalProps) => {
     const { formatMessage } = useIntl();
     const [isLoading, setIsLoading] = useState<boolean>(false);
@@ -176,7 +174,6 @@ const ContentAnswersModal = ({
             hasRequestInProgress={isLoading}
             isCitationsEnabled={isCitationsEnabled}
             isMarkdownEnabled={isMarkdownEnabled}
-            isResetChatEnabled={isResetChatEnabled}
             onClearAction={handleClearConversation}
             onOpenChange={handleOnRequestClose}
             open={isOpen}

package/src/elements/common/content-answers/__tests__/ContentAnswersModal.test.tsx

@@ -16,7 +16,12 @@ import {
 import APIContext from '../../api-context';
 
 describe('elements/common/content-answers/ContentAnswersModal', () => {
-    const mockQuestion = { isCompleted: false, isLoading: true, prompt: 'summarize another question' };
+    const mockQuestion = {
+        isCompleted: false,
+        isLoading: true,
+        prompt: 'summarize another question',
+        promptType: 'user_input',
+    };
     const renderComponent = (api = mockApi, props?: {}) => {
         render(
             <Notification.Provider>
@@ -137,7 +142,7 @@ describe('elements/common/content-answers/ContentAnswersModal', () => {
         await userEvent.click(submitButton);
 
         expect(mockApi.getIntelligenceAPI().ask).lastCalledWith(
-            { isCompleted: false, isLoading: true, prompt: 'Another question?' },
+            { isCompleted: false, isLoading: true, prompt: 'Another question?', promptType: 'user_input' },
             [{ id: mockFile.id, type: 'file' }],
             [{ answer: 'summarize answer', created_at: '', prompt: 'summarize another question' }],
             {

package/src/elements/common/sub-header/SubHeader.tsx

@@ -28,6 +28,7 @@ export interface SubHeaderProps {
     onGridViewSliderChange?: (newSliderValue: number) => void;
     onItemClick: (id: string | null, triggerNavigationEvent: boolean | null) => void;
     onSortChange: (sortBy: string, sortDirection: string) => void;
+    onMetadataSidePanelToggle?: () => void;
     onUpload: () => void;
     onViewModeChange?: (viewMode: ViewMode) => void;
     portalElement?: HTMLElement;
@@ -53,6 +54,7 @@ const SubHeader = ({
     onCreate,
     onItemClick,
     onSortChange,
+    onMetadataSidePanelToggle,
     onUpload,
     onViewModeChange,
     portalElement,
@@ -109,9 +111,11 @@ const SubHeader = ({
                     onCreate={onCreate}
                     onGridViewSliderChange={onGridViewSliderChange}
                     onSortChange={onSortChange}
+                    onMetadataSidePanelToggle={onMetadataSidePanelToggle}
                     onUpload={onUpload}
                     onViewModeChange={onViewModeChange}
                     portalElement={portalElement}
+                    selectedItemIds={selectedItemIds}
                     view={view}
                     viewMode={viewMode}
                 />

package/src/elements/common/sub-header/SubHeaderLeftV2.tsx

@@ -1,8 +1,9 @@
-import React, { useMemo } from 'react';
+import * as React from 'react';
 import { useIntl } from 'react-intl';
 import { XMark } from '@box/blueprint-web-assets/icons/Fill/index';
 import { IconButton, PageHeader, Text } from '@box/blueprint-web';
 import type { Selection } from 'react-aria-components';
+import { useSelectedItemText } from '../../content-explorer/utils';
 import type { Collection } from '../../../common/types/core';
 import messages from '../messages';
 
@@ -20,27 +21,7 @@ const SubHeaderLeftV2 = (props: SubHeaderLeftV2Props) => {
     const { currentCollection, onClearSelectedItemIds, rootName, selectedItemIds, title } = props;
     const { formatMessage } = useIntl();
 
-    // Generate selected item text based on selected keys
-    const selectedItemText: string = useMemo(() => {
-        const selectedCount = selectedItemIds === 'all' ? currentCollection.items.length : selectedItemIds.size;
-
-        if (selectedCount === 0) {
-            return '';
-        }
-
-        // Case 1: Single selected item - show item name
-        if (selectedCount === 1) {
-            const selectedKey =
-                selectedItemIds === 'all' ? currentCollection.items[0].id : selectedItemIds.values().next().value;
-            const selectedItem = currentCollection.items.find(item => item.id === selectedKey);
-            return selectedItem?.name ?? '';
-        }
-        // Case 2: Multiple selected items - show count
-        if (selectedCount > 1) {
-            return formatMessage(messages.numFilesSelected, { numSelected: selectedCount });
-        }
-        return '';
-    }, [currentCollection.items, formatMessage, selectedItemIds]);
+    const selectedItemText = useSelectedItemText(currentCollection, selectedItemIds);
 
     // Case 1 and 2: selected item text with X button
     if (selectedItemText) {

package/src/elements/common/sub-header/SubHeaderRight.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Button } from '@box/blueprint-web';
 import { Pencil } from '@box/blueprint-web-assets/icons/Fill';
 import { useIntl } from 'react-intl';
+import type { Selection } from 'react-aria-components';
 import Sort from './Sort';
 import Add from './Add';
 import GridViewSlider from '../../../components/grid-view/GridViewSlider';
@@ -27,9 +28,11 @@ export interface SubHeaderRightProps {
     onCreate: () => void;
     onGridViewSliderChange: (newSliderValue: number) => void;
     onSortChange: (sortBy: SortBy, sortDirection: SortDirection) => void;
+    onMetadataSidePanelToggle?: () => void;
     onUpload: () => void;
     onViewModeChange?: (viewMode: ViewMode) => void;
     portalElement?: HTMLElement;
+    selectedItemIds?: Selection;
     view: View;
     viewMode: ViewMode;
 }
@@ -45,9 +48,11 @@ const SubHeaderRight = ({
     onCreate,
     onGridViewSliderChange,
     onSortChange,
+    onMetadataSidePanelToggle,
     onUpload,
     onViewModeChange,
     portalElement,
+    selectedItemIds,
     view,
     viewMode,
 }: SubHeaderRightProps) => {
@@ -60,6 +65,7 @@ const SubHeaderRight = ({
     const showSort: boolean = isFolder && hasItems;
     const showAdd: boolean = (!!canUpload || !!canCreateNewFolder) && isFolder;
     const isMetadataView: boolean = view === VIEW_METADATA;
+    const hasSelectedItems: boolean = !!(selectedItemIds && (selectedItemIds === 'all' || selectedItemIds.size > 0));
     return (
         <div className="be-sub-header-right">
             {!isMetadataView && (
@@ -90,8 +96,8 @@ const SubHeaderRight = ({
                 </>
             )}
 
-            {isMetadataView && isMetadataViewV2Feature && (
-                <Button icon={Pencil} size="large" variant="primary">
+            {isMetadataView && isMetadataViewV2Feature && hasSelectedItems && (
+                <Button icon={Pencil} size="large" variant="primary" onClick={onMetadataSidePanelToggle}>
                     {formatMessage(messages.metadata)}
                 </Button>
             )}

package/src/elements/content-explorer/ContentExplorer.scss

@@ -7,5 +7,17 @@
         .bcpr {
             z-index: 1; // Prevents overlay issues with list-item when a file is previewed
         }
+
+        .be-app-element {
+            flex-direction: row;
+            gap: var(--space-4);
+        }
+
+        .bce-ContentExplorer-main {
+            display: flex;
+            flex: 1;
+            flex-direction: column;
+            min-width: 0;
+        }
     }
 }