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

package/es/features/metadata-instance-editor/MetadataInstanceEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataInstanceEditor.js","names":["React","ScrollWrapper","Header","Instances","EmptyContent","MetadataInstanceEditorContext","MetadataInstanceEditor","blurExceptionClassNames","canAdd","canUseAIFolderExtraction","canUseAIFolderExtractionAgentSelector","isCascadingPolicyApplicable","isDropdownBusy","editors","onModification","onRemove","onAdd","onSave","selectedTemplateKey","templates","title","createElement","Provider","value","className","length"],"sources":["../../../src/features/metadata-instance-editor/MetadataInstanceEditor.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport ScrollWrapper from '../../components/scroll-wrapper';\n\nimport Header from './Header';\nimport Instances from './Instances';\nimport EmptyContent from './EmptyContent';\nimport type { MetadataEditor, MetadataTemplate, MetadataCascadingPolicyData } from '../../common/types/metadata';\nimport type { JSONPatchOperations } from '../../common/types/api';\nimport MetadataInstanceEditorContext from './MetadataInstanceEditorContext';\nimport './MetadataInstanceEditor.scss';\n\ntype Props = {\n    blurExceptionClassNames?: Array<string>,\n    canAdd: boolean,\n    canUseAIFolderExtraction?: boolean,\n    canUseAIFolderExtractionAgentSelector?: boolean,\n    editors?: Array<MetadataEditor>,\n    isCascadingPolicyApplicable?: boolean,\n    isDropdownBusy?: boolean,\n    onAdd?: (template: MetadataTemplate) => void,\n    onModification?: (id: string, isDirty: boolean) => void,\n    onRemove?: (id: string) => void,\n    onSave?: (\n        id: string,\n        data: JSONPatchOperations,\n        cascadingPolicy?: MetadataCascadingPolicyData,\n        rawData: Object,\n    ) => void,\n    selectedTemplateKey?: string,\n    templateFilters?: Array<string> | string,\n    templates: Array<MetadataTemplate>,\n    title?: React.Node,\n};\n\nconst MetadataInstanceEditor = ({\n    blurExceptionClassNames,\n    canAdd,\n    canUseAIFolderExtraction = false,\n    canUseAIFolderExtractionAgentSelector = false,\n    isCascadingPolicyApplicable = false,\n    isDropdownBusy,\n    editors = [],\n    onModification,\n    onRemove,\n    onAdd,\n    onSave,\n    selectedTemplateKey,\n    templates,\n    title,\n}: Props) => (\n    <MetadataInstanceEditorContext.Provider value={{ blurExceptionClassNames }}>\n        <div className=\"metadata-instance-editor\">\n            <Header\n                canAdd={canAdd}\n                editors={editors}\n                isDropdownBusy={isDropdownBusy}\n                onAdd={onAdd}\n                templates={templates}\n                title={title}\n            />\n            {editors.length === 0 ? (\n                <EmptyContent canAdd={canAdd} />\n            ) : (\n                <ScrollWrapper>\n                    <Instances\n                        canUseAIFolderExtraction={canUseAIFolderExtraction}\n                        canUseAIFolderExtractionAgentSelector={canUseAIFolderExtractionAgentSelector}\n                        editors={editors}\n                        isCascadingPolicyApplicable={isCascadingPolicyApplicable}\n                        onModification={onModification}\n                        onRemove={onRemove}\n                        onSave={onSave}\n                        selectedTemplateKey={selectedTemplateKey}\n                    />\n                </ScrollWrapper>\n            )}\n        </div>\n    </MetadataInstanceEditorContext.Provider>\n);\n\nexport default MetadataInstanceEditor;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,aAAa,MAAM,iCAAiC;AAE3D,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AAGzC,OAAOC,6BAA6B,MAAM,iCAAiC;AAC3E,OAAO,+BAA+B;AAyBtC,MAAMC,sBAAsB,GAAGA,CAAC;EAC5BC,uBAAuB;EACvBC,MAAM;EACNC,wBAAwB,GAAG,KAAK;EAChCC,qCAAqC,GAAG,KAAK;EAC7CC,2BAA2B,GAAG,KAAK;EACnCC,cAAc;EACdC,OAAO,GAAG,EAAE;EACZC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,mBAAmB;EACnBC,SAAS;EACTC;AACG,CAAC,kBACJpB,KAAA,CAAAqB,aAAA,CAAChB,6BAA6B,CAACiB,QAAQ;EAACC,KAAK,EAAE;IAAEhB;EAAwB;AAAE,gBACvEP,KAAA,CAAAqB,aAAA;EAAKG,SAAS,EAAC;AAA0B,gBACrCxB,KAAA,CAAAqB,aAAA,CAACnB,MAAM;EACHM,MAAM,EAAEA,MAAO;EACfK,OAAO,EAAEA,OAAQ;EACjBD,cAAc,EAAEA,cAAe;EAC/BI,KAAK,EAAEA,KAAM;EACbG,SAAS,EAAEA,SAAU;EACrBC,KAAK,EAAEA;AAAM,CAChB,CAAC,EACDP,OAAO,CAACY,MAAM,KAAK,CAAC,gBACjBzB,KAAA,CAAAqB,aAAA,CAACjB,YAAY;EAACI,MAAM,EAAEA;AAAO,CAAE,CAAC,gBAEhCR,KAAA,CAAAqB,aAAA,CAACpB,aAAa,qBACVD,KAAA,CAAAqB,aAAA,CAAClB,SAAS;EACNM,wBAAwB,EAAEA,wBAAyB;EACnDC,qCAAqC,EAAEA,qCAAsC;EAC7EG,OAAO,EAAEA,OAAQ;EACjBF,2BAA2B,EAAEA,2BAA4B;EACzDG,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBE,MAAM,EAAEA,MAAO;EACfC,mBAAmB,EAAEA;AAAoB,CAC5C,CACU,CAElB,CAC+B,CAC3C;AAED,eAAeZ,sBAAsB","ignoreList":[]}
+{"version":3,"file":"MetadataInstanceEditor.js","names":["React","ScrollWrapper","Header","Instances","EmptyContent","MetadataInstanceEditorContext","MetadataInstanceEditor","blurExceptionClassNames","canAdd","canUseAIFolderExtraction","isCascadingPolicyApplicable","isDropdownBusy","editors","onModification","onRemove","onAdd","onSave","selectedTemplateKey","templates","title","createElement","Provider","value","className","length"],"sources":["../../../src/features/metadata-instance-editor/MetadataInstanceEditor.js"],"sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport ScrollWrapper from '../../components/scroll-wrapper';\n\nimport Header from './Header';\nimport Instances from './Instances';\nimport EmptyContent from './EmptyContent';\nimport type { MetadataEditor, MetadataTemplate, MetadataCascadingPolicyData } from '../../common/types/metadata';\nimport type { JSONPatchOperations } from '../../common/types/api';\nimport MetadataInstanceEditorContext from './MetadataInstanceEditorContext';\nimport './MetadataInstanceEditor.scss';\n\ntype Props = {\n    blurExceptionClassNames?: Array<string>,\n    canAdd: boolean,\n    canUseAIFolderExtraction?: boolean,\n    editors?: Array<MetadataEditor>,\n    isCascadingPolicyApplicable?: boolean,\n    isDropdownBusy?: boolean,\n    onAdd?: (template: MetadataTemplate) => void,\n    onModification?: (id: string, isDirty: boolean) => void,\n    onRemove?: (id: string) => void,\n    onSave?: (\n        id: string,\n        data: JSONPatchOperations,\n        cascadingPolicy?: MetadataCascadingPolicyData,\n        rawData: Object,\n    ) => void,\n    selectedTemplateKey?: string,\n    templateFilters?: Array<string> | string,\n    templates: Array<MetadataTemplate>,\n    title?: React.Node,\n};\n\nconst MetadataInstanceEditor = ({\n    blurExceptionClassNames,\n    canAdd,\n    canUseAIFolderExtraction = false,\n    isCascadingPolicyApplicable = false,\n    isDropdownBusy,\n    editors = [],\n    onModification,\n    onRemove,\n    onAdd,\n    onSave,\n    selectedTemplateKey,\n    templates,\n    title,\n}: Props) => (\n    <MetadataInstanceEditorContext.Provider value={{ blurExceptionClassNames }}>\n        <div className=\"metadata-instance-editor\">\n            <Header\n                canAdd={canAdd}\n                editors={editors}\n                isDropdownBusy={isDropdownBusy}\n                onAdd={onAdd}\n                templates={templates}\n                title={title}\n            />\n            {editors.length === 0 ? (\n                <EmptyContent canAdd={canAdd} />\n            ) : (\n                <ScrollWrapper>\n                    <Instances\n                        canUseAIFolderExtraction={canUseAIFolderExtraction}\n                        editors={editors}\n                        isCascadingPolicyApplicable={isCascadingPolicyApplicable}\n                        onModification={onModification}\n                        onRemove={onRemove}\n                        onSave={onSave}\n                        selectedTemplateKey={selectedTemplateKey}\n                    />\n                </ScrollWrapper>\n            )}\n        </div>\n    </MetadataInstanceEditorContext.Provider>\n);\n\nexport default MetadataInstanceEditor;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,aAAa,MAAM,iCAAiC;AAE3D,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AAGzC,OAAOC,6BAA6B,MAAM,iCAAiC;AAC3E,OAAO,+BAA+B;AAwBtC,MAAMC,sBAAsB,GAAGA,CAAC;EAC5BC,uBAAuB;EACvBC,MAAM;EACNC,wBAAwB,GAAG,KAAK;EAChCC,2BAA2B,GAAG,KAAK;EACnCC,cAAc;EACdC,OAAO,GAAG,EAAE;EACZC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,mBAAmB;EACnBC,SAAS;EACTC;AACG,CAAC,kBACJnB,KAAA,CAAAoB,aAAA,CAACf,6BAA6B,CAACgB,QAAQ;EAACC,KAAK,EAAE;IAAEf;EAAwB;AAAE,gBACvEP,KAAA,CAAAoB,aAAA;EAAKG,SAAS,EAAC;AAA0B,gBACrCvB,KAAA,CAAAoB,aAAA,CAAClB,MAAM;EACHM,MAAM,EAAEA,MAAO;EACfI,OAAO,EAAEA,OAAQ;EACjBD,cAAc,EAAEA,cAAe;EAC/BI,KAAK,EAAEA,KAAM;EACbG,SAAS,EAAEA,SAAU;EACrBC,KAAK,EAAEA;AAAM,CAChB,CAAC,EACDP,OAAO,CAACY,MAAM,KAAK,CAAC,gBACjBxB,KAAA,CAAAoB,aAAA,CAAChB,YAAY;EAACI,MAAM,EAAEA;AAAO,CAAE,CAAC,gBAEhCR,KAAA,CAAAoB,aAAA,CAACnB,aAAa,qBACVD,KAAA,CAAAoB,aAAA,CAACjB,SAAS;EACNM,wBAAwB,EAAEA,wBAAyB;EACnDG,OAAO,EAAEA,OAAQ;EACjBF,2BAA2B,EAAEA,2BAA4B;EACzDG,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBE,MAAM,EAAEA,MAAO;EACfC,mBAAmB,EAAEA;AAAoB,CAC5C,CACU,CAElB,CAC+B,CAC3C;AAED,eAAeX,sBAAsB","ignoreList":[]}

package/es/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js

@@ -5,7 +5,6 @@ import CascadePolicy from '../../CascadePolicy';
 const baseProps = {
   canEdit: true,
   canUseAIFolderExtraction: true,
-  canUseAIFolderExtractionAgentSelector: true,
   isAIFolderExtractionEnabled: false,
   isCascadingEnabled: true,
   isCascadingOverwritten: false,

package/es/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js.flow

@@ -5,7 +5,6 @@ import CascadePolicy from '../../CascadePolicy';
 const baseProps = {
     canEdit: true,
     canUseAIFolderExtraction: true,
-    canUseAIFolderExtractionAgentSelector: true,
     isAIFolderExtractionEnabled: false,
     isCascadingEnabled: true,
     isCascadingOverwritten: false,

package/es/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CascadePolicy-visual.stories.js","names":["React","TooltipProvider","CascadePolicy","baseProps","canEdit","canUseAIFolderExtraction","canUseAIFolderExtractionAgentSelector","isAIFolderExtractionEnabled","isCascadingEnabled","isCascadingOverwritten","isCustomMetadata","onAIFolderExtractionToggle","onCascadeModeChange","onCascadeToggle","shouldShowCascadeOptions","Template","props","createElement","_extends","EnabledCascadePolicyOptionsFieldsOnly","isExistingCascadePolicy","storyName","DisabledCascadePolicyOptionsFieldsOnly","title","component"],"sources":["../../../../../src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js"],"sourcesContent":["import * as React from 'react';\nimport { TooltipProvider } from '@box/blueprint-web';\nimport CascadePolicy from '../../CascadePolicy';\n\nconst baseProps = {\n    canEdit: true,\n    canUseAIFolderExtraction: true,\n    canUseAIFolderExtractionAgentSelector: true,\n    isAIFolderExtractionEnabled: false,\n    isCascadingEnabled: true,\n    isCascadingOverwritten: false,\n    isCustomMetadata: false,\n    onAIFolderExtractionToggle: () => {},\n    onCascadeModeChange: () => {},\n    onCascadeToggle: () => {},\n    shouldShowCascadeOptions: true,\n};\n\nconst Template = props => (\n    <TooltipProvider>\n        <CascadePolicy {...baseProps} {...props} />\n    </TooltipProvider>\n);\n\nconst EnabledCascadePolicyOptionsFieldsOnly = () => <Template isExistingCascadePolicy={false} />;\nEnabledCascadePolicyOptionsFieldsOnly.storyName = 'Enabled Cascade Policy Options';\n\nconst DisabledCascadePolicyOptionsFieldsOnly = () => <Template isExistingCascadePolicy={true} />;\nDisabledCascadePolicyOptionsFieldsOnly.storyName = 'Disabled Cascade Policy Options';\n\nexport { EnabledCascadePolicyOptionsFieldsOnly, DisabledCascadePolicyOptionsFieldsOnly };\n\nexport default {\n    title: 'Features/Metadata Instance Editor/CascadePolicy/Visual',\n    component: CascadePolicy,\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,aAAa,MAAM,qBAAqB;AAE/C,MAAMC,SAAS,GAAG;EACdC,OAAO,EAAE,IAAI;EACbC,wBAAwB,EAAE,IAAI;EAC9BC,qCAAqC,EAAE,IAAI;EAC3CC,2BAA2B,EAAE,KAAK;EAClCC,kBAAkB,EAAE,IAAI;EACxBC,sBAAsB,EAAE,KAAK;EAC7BC,gBAAgB,EAAE,KAAK;EACvBC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpCC,mBAAmB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC7BC,eAAe,EAAEA,CAAA,KAAM,CAAC,CAAC;EACzBC,wBAAwB,EAAE;AAC9B,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,iBAClBhB,KAAA,CAAAiB,aAAA,CAAChB,eAAe,qBACZD,KAAA,CAAAiB,aAAA,CAACf,aAAa,EAAAgB,QAAA,KAAKf,SAAS,EAAMa,KAAK,CAAG,CAC7B,CACpB;AAED,MAAMG,qCAAqC,GAAGA,CAAA,kBAAMnB,KAAA,CAAAiB,aAAA,CAACF,QAAQ;EAACK,uBAAuB,EAAE;AAAM,CAAE,CAAC;AAChGD,qCAAqC,CAACE,SAAS,GAAG,gCAAgC;AAElF,MAAMC,sCAAsC,GAAGA,CAAA,kBAAMtB,KAAA,CAAAiB,aAAA,CAACF,QAAQ;EAACK,uBAAuB,EAAE;AAAK,CAAE,CAAC;AAChGE,sCAAsC,CAACD,SAAS,GAAG,iCAAiC;AAEpF,SAASF,qCAAqC,EAAEG,sCAAsC;AAEtF,eAAe;EACXC,KAAK,EAAE,wDAAwD;EAC/DC,SAAS,EAAEtB;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"CascadePolicy-visual.stories.js","names":["React","TooltipProvider","CascadePolicy","baseProps","canEdit","canUseAIFolderExtraction","isAIFolderExtractionEnabled","isCascadingEnabled","isCascadingOverwritten","isCustomMetadata","onAIFolderExtractionToggle","onCascadeModeChange","onCascadeToggle","shouldShowCascadeOptions","Template","props","createElement","_extends","EnabledCascadePolicyOptionsFieldsOnly","isExistingCascadePolicy","storyName","DisabledCascadePolicyOptionsFieldsOnly","title","component"],"sources":["../../../../../src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js"],"sourcesContent":["import * as React from 'react';\nimport { TooltipProvider } from '@box/blueprint-web';\nimport CascadePolicy from '../../CascadePolicy';\n\nconst baseProps = {\n    canEdit: true,\n    canUseAIFolderExtraction: true,\n    isAIFolderExtractionEnabled: false,\n    isCascadingEnabled: true,\n    isCascadingOverwritten: false,\n    isCustomMetadata: false,\n    onAIFolderExtractionToggle: () => {},\n    onCascadeModeChange: () => {},\n    onCascadeToggle: () => {},\n    shouldShowCascadeOptions: true,\n};\n\nconst Template = props => (\n    <TooltipProvider>\n        <CascadePolicy {...baseProps} {...props} />\n    </TooltipProvider>\n);\n\nconst EnabledCascadePolicyOptionsFieldsOnly = () => <Template isExistingCascadePolicy={false} />;\nEnabledCascadePolicyOptionsFieldsOnly.storyName = 'Enabled Cascade Policy Options';\n\nconst DisabledCascadePolicyOptionsFieldsOnly = () => <Template isExistingCascadePolicy={true} />;\nDisabledCascadePolicyOptionsFieldsOnly.storyName = 'Disabled Cascade Policy Options';\n\nexport { EnabledCascadePolicyOptionsFieldsOnly, DisabledCascadePolicyOptionsFieldsOnly };\n\nexport default {\n    title: 'Features/Metadata Instance Editor/CascadePolicy/Visual',\n    component: CascadePolicy,\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,aAAa,MAAM,qBAAqB;AAE/C,MAAMC,SAAS,GAAG;EACdC,OAAO,EAAE,IAAI;EACbC,wBAAwB,EAAE,IAAI;EAC9BC,2BAA2B,EAAE,KAAK;EAClCC,kBAAkB,EAAE,IAAI;EACxBC,sBAAsB,EAAE,KAAK;EAC7BC,gBAAgB,EAAE,KAAK;EACvBC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpCC,mBAAmB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC7BC,eAAe,EAAEA,CAAA,KAAM,CAAC,CAAC;EACzBC,wBAAwB,EAAE;AAC9B,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,iBAClBf,KAAA,CAAAgB,aAAA,CAACf,eAAe,qBACZD,KAAA,CAAAgB,aAAA,CAACd,aAAa,EAAAe,QAAA,KAAKd,SAAS,EAAMY,KAAK,CAAG,CAC7B,CACpB;AAED,MAAMG,qCAAqC,GAAGA,CAAA,kBAAMlB,KAAA,CAAAgB,aAAA,CAACF,QAAQ;EAACK,uBAAuB,EAAE;AAAM,CAAE,CAAC;AAChGD,qCAAqC,CAACE,SAAS,GAAG,gCAAgC;AAElF,MAAMC,sCAAsC,GAAGA,CAAA,kBAAMrB,KAAA,CAAAgB,aAAA,CAACF,QAAQ;EAACK,uBAAuB,EAAE;AAAK,CAAE,CAAC;AAChGE,sCAAsC,CAACD,SAAS,GAAG,iCAAiC;AAEpF,SAASF,qCAAqC,EAAEG,sCAAsC;AAEtF,eAAe;EACXC,KAAK,EAAE,wDAAwD;EAC/DC,SAAS,EAAErB;AACf,CAAC","ignoreList":[]}

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

@@ -546,13 +546,6 @@ 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;
-    /**
-     * Fetches the folder name and stores it in state rootName if successful
-     *
-     * @private
-     * @return {void}
-     */
-    fetchFolderName: (folderId?: string) => void;
     /**
      * Renders the file picker
      *

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "box-ui-elements",
-    "version": "23.5.0-beta.1",
+    "version": "23.5.0-beta.3",
     "description": "Box UI Elements",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",
@@ -130,7 +130,7 @@
         "@babel/types": "^7.24.7",
         "@box/blueprint-web": "12.43.0",
         "@box/blueprint-web-assets": "4.61.5",
-        "@box/box-ai-agent-selector": "^0.52.0",
+        "@box/box-ai-agent-selector": "^0.53.0",
         "@box/box-ai-content-answers": "^0.124.1",
         "@box/box-item-type-selector": "^0.63.12",
         "@box/cldr-data": "^34.2.0",
@@ -299,7 +299,7 @@
     "peerDependencies": {
         "@box/blueprint-web": "12.43.0",
         "@box/blueprint-web-assets": "4.61.5",
-        "@box/box-ai-agent-selector": "^0.52.0",
+        "@box/box-ai-agent-selector": "^0.53.0",
         "@box/box-ai-content-answers": "^0.124.1",
         "@box/box-item-type-selector": "^0.63.12",
         "@box/cldr-data": ">=34.2.0",

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

@@ -338,7 +338,7 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
      * @return {void}
      */
     componentDidMount() {
-        const { currentFolderId, defaultView, metadataQuery }: ContentExplorerProps = this.props;
+        const { currentFolderId, defaultView }: ContentExplorerProps = this.props;
         this.rootElement = document.getElementById(this.id) as HTMLElement;
         this.appElement = this.rootElement.firstElementChild as HTMLElement;
 
@@ -348,7 +348,6 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
                 break;
             case DEFAULT_VIEW_METADATA:
                 this.showMetadataQueryResults();
-                this.fetchFolderName(metadataQuery?.ancestor_folder_id);
                 break;
             default:
                 this.fetchFolder(currentFolderId);
@@ -390,12 +389,14 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
         metadataTemplate: MetadataTemplate,
     ): void => {
         const { nextMarker } = metadataQueryCollection;
+        const { metadataQuery, features } = this.props;
         const { currentCollection, currentPageNumber, markers }: State = this.state;
         const cloneMarkers = [...markers];
         if (nextMarker) {
             cloneMarkers[currentPageNumber + 1] = nextMarker;
         }
-        this.setState({
+
+        const nextState = {
             currentCollection: {
                 ...currentCollection,
                 ...metadataQueryCollection,
@@ -403,7 +404,25 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
             },
             markers: cloneMarkers,
             metadataTemplate,
-        });
+        };
+
+        // if v2, fetch folder name and add to state
+        if (metadataQuery?.ancestor_folder_id && isFeatureEnabled(features, 'contentExplorer.metadataViewV2')) {
+            this.api.getFolderAPI().getFolderFields(
+                metadataQuery.ancestor_folder_id,
+                ({ name }) => {
+                    this.setState({
+                        ...nextState,
+                        rootName: name || '',
+                    });
+                },
+                this.errorCallback,
+                { fields: [FIELD_NAME] },
+            );
+        } else {
+            // No folder name to fetch, update state immediately with just metadata
+            this.setState(nextState);
+        }
     };
 
     /**
@@ -1628,27 +1647,6 @@ class ContentExplorer extends Component<ContentExplorerProps, State> {
         this.setState({ selectedItemIds: new Set() });
     };
 
-    /**
-     * Fetches the folder name and stores it in state rootName if successful
-     *
-     * @private
-     * @return {void}
-     */
-    fetchFolderName = (folderId?: string) => {
-        if (!folderId) {
-            return;
-        }
-
-        this.api.getFolderAPI(false).getFolderFields(
-            folderId,
-            ({ name }) => {
-                this.setState({ rootName: name });
-            },
-            this.errorCallback,
-            { fields: [FIELD_NAME] },
-        );
-    };
-
     /**
      * Renders the file picker
      *

package/src/elements/content-explorer/stories/MetadataView.stories.tsx

@@ -5,6 +5,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import ContentExplorer from '../ContentExplorer';
 import { DEFAULT_HOSTNAME_API } from '../../../constants';
 import { mockMetadata, mockSchema } from '../../common/__mocks__/mockMetadata';
+import { mockRootFolder } from '../../common/__mocks__/mockRootFolder';
 
 const EID = '0';
 const templateName = 'templateName';
@@ -120,6 +121,9 @@ const meta: Meta<typeof ContentExplorer> = {
                 http.get(`${DEFAULT_HOSTNAME_API}/2.0/metadata_templates/enterprise/templateName/schema`, () => {
                     return HttpResponse.json(mockSchema);
                 }),
+                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/:id`, () => {
+                    return HttpResponse.json(mockRootFolder);
+                }),
             ],
         },
     },

package/src/elements/content-explorer/stories/tests/MetadataView-visual.stories.tsx

@@ -8,6 +8,7 @@ import noop from 'lodash/noop';
 import ContentExplorer from '../../ContentExplorer';
 import { DEFAULT_HOSTNAME_API } from '../../../../constants';
 import { mockMetadata, mockSchema } from '../../../common/__mocks__/mockMetadata';
+import { mockRootFolder } from '../../../common/__mocks__/mockRootFolder';
 
 // The intent behind relying on mockMetadata is to allow a developer to paste in their own metadata template schema for use with live API calls.
 const { scope: templateScope, templateKey } = mockSchema;
@@ -180,6 +181,9 @@ const meta: Meta<typeof ContentExplorer> = {
                 http.get(`${DEFAULT_HOSTNAME_API}/2.0/metadata_templates/enterprise/templateName/schema`, () => {
                     return HttpResponse.json(mockSchema);
                 }),
+                http.get(`${DEFAULT_HOSTNAME_API}/2.0/folders/:id`, () => {
+                    return HttpResponse.json(mockRootFolder);
+                }),
             ],
         },
     },

package/src/features/metadata-instance-editor/CascadePolicy.js

@@ -27,7 +27,6 @@ const AI_LINK = 'https://www.box.com/ai';
 type Props = {
     canEdit: boolean,
     canUseAIFolderExtraction: boolean,
-    canUseAIFolderExtractionAgentSelector: boolean,
     cascadePolicyConfiguration?: MetadataCascadePolicyConfiguration,
     isAIFolderExtractionEnabled: boolean,
     isCascadingEnabled: boolean,
@@ -44,7 +43,6 @@ type Props = {
 const CascadePolicy = ({
     canEdit,
     canUseAIFolderExtraction,
-    canUseAIFolderExtractionAgentSelector,
     cascadePolicyConfiguration,
     isCascadingEnabled,
     isCascadingOverwritten,
@@ -194,13 +192,14 @@ const CascadePolicy = ({
                                 <FormattedMessage {...messages.aiAutofillLearnMore} />
                             </Link>
                         </div>
-                        {canUseAIFolderExtractionAgentSelector && isAIFolderExtractionEnabled && (
+                        {isAIFolderExtractionEnabled && (
                             <div className="metadata-cascade-ai-agent-selector">
                                 <BoxAiAgentSelectorWithApiContainer
                                     disabled={isExistingCascadePolicy}
                                     fetcher={agentFetcher}
                                     onSelectAgent={handleAgentSelect}
                                     recordAction={() => {}}
+                                    selectorAlignment="left"
                                 />
                             </div>
                         )}

package/src/features/metadata-instance-editor/Instance.js

@@ -55,7 +55,6 @@ import './Instance.scss';
 type Props = {
     canEdit: boolean,
     canUseAIFolderExtraction?: boolean,
-    canUseAIFolderExtractionAgentSelector?: boolean,
     cascadePolicy?: MetadataCascadePolicy, // eslint-disable-line
     data: MetadataFields,
     hasError: boolean,
@@ -642,7 +641,6 @@ class Instance extends React.PureComponent<Props, State> {
     render() {
         const {
             canUseAIFolderExtraction = false,
-            canUseAIFolderExtractionAgentSelector = false,
             cascadePolicy = {},
             isDirty,
             isCascadingPolicyApplicable,
@@ -703,9 +701,6 @@ class Instance extends React.PureComponent<Props, State> {
                                             cascadePolicyConfiguration={cascadePolicy?.cascadePolicyConfiguration}
                                             canEdit={isEditing && !!cascadePolicy.canEdit}
                                             canUseAIFolderExtraction={canUseAIFolderExtraction}
-                                            canUseAIFolderExtractionAgentSelector={
-                                                canUseAIFolderExtractionAgentSelector
-                                            }
                                             isAIFolderExtractionEnabled={isAIFolderExtractionEnabled}
                                             isCascadingEnabled={isCascadingEnabled}
                                             isCascadingOverwritten={isCascadingOverwritten}

package/src/features/metadata-instance-editor/Instances.js

@@ -7,7 +7,6 @@ import type { JSONPatchOperations } from '../../common/types/api';
 
 type Props = {
     canUseAIFolderExtraction?: boolean,
-    canUseAIFolderExtractionAgentSelector?: boolean,
     editors?: Array<MetadataEditor>,
     isCascadingPolicyApplicable?: boolean,
     onModification?: (id: string, isDirty: boolean) => void,
@@ -23,7 +22,6 @@ type Props = {
 
 const Instances = ({
     canUseAIFolderExtraction = false,
-    canUseAIFolderExtractionAgentSelector = false,
     isCascadingPolicyApplicable = false,
     editors = [],
     onModification,
@@ -39,7 +37,6 @@ const Instances = ({
                 <Instance
                     canEdit={instance.canEdit}
                     canUseAIFolderExtraction={canUseAIFolderExtraction}
-                    canUseAIFolderExtractionAgentSelector={canUseAIFolderExtractionAgentSelector}
                     cascadePolicy={instance.cascadePolicy}
                     data={instance.data}
                     hasError={hasError}

package/src/features/metadata-instance-editor/MetadataInstanceEditor.js

@@ -15,7 +15,6 @@ type Props = {
     blurExceptionClassNames?: Array<string>,
     canAdd: boolean,
     canUseAIFolderExtraction?: boolean,
-    canUseAIFolderExtractionAgentSelector?: boolean,
     editors?: Array<MetadataEditor>,
     isCascadingPolicyApplicable?: boolean,
     isDropdownBusy?: boolean,
@@ -38,7 +37,6 @@ const MetadataInstanceEditor = ({
     blurExceptionClassNames,
     canAdd,
     canUseAIFolderExtraction = false,
-    canUseAIFolderExtractionAgentSelector = false,
     isCascadingPolicyApplicable = false,
     isDropdownBusy,
     editors = [],
@@ -66,7 +64,6 @@ const MetadataInstanceEditor = ({
                 <ScrollWrapper>
                     <Instances
                         canUseAIFolderExtraction={canUseAIFolderExtraction}
-                        canUseAIFolderExtractionAgentSelector={canUseAIFolderExtractionAgentSelector}
                         editors={editors}
                         isCascadingPolicyApplicable={isCascadingPolicyApplicable}
                         onModification={onModification}

package/src/features/metadata-instance-editor/__tests__/CascadePolicy.test.js

@@ -118,7 +118,6 @@ describe('features/metadata-instance-editor/CascadePolicy', () => {
                 <CascadePolicy
                     canEdit
                     canUseAIFolderExtraction
-                    canUseAIFolderExtractionAgentSelector
                     shouldShowCascadeOptions
                     isAIFolderExtractionEnabled
                     onAIFolderExtractionToggle={jest.fn()}
@@ -133,18 +132,12 @@ describe('features/metadata-instance-editor/CascadePolicy', () => {
             expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
         });
 
-        test('should not render AI agent selector when canUseAIFolderExtractionAgentSelector is false', () => {
-            render(<CascadePolicy canEdit canUseAIFolderExtraction shouldShowCascadeOptions />);
-            expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
-        });
-
         test('should call onAIAgentSelect when an agent is selected', async () => {
             const onAIAgentSelect = jest.fn();
             render(
                 <CascadePolicy
                     canEdit
                     canUseAIFolderExtraction
-                    canUseAIFolderExtractionAgentSelector
                     shouldShowCascadeOptions
                     isAIFolderExtractionEnabled
                     onAIAgentSelect={onAIAgentSelect}
@@ -185,7 +178,6 @@ describe('features/metadata-instance-editor/CascadePolicy', () => {
                 <CascadePolicy
                     canEdit
                     canUseAIFolderExtraction
-                    canUseAIFolderExtractionAgentSelector
                     shouldShowCascadeOptions
                     isAIFolderExtractionEnabled
                     cascadePolicyConfiguration={cascadePolicyConfiguration}
@@ -207,7 +199,6 @@ describe('features/metadata-instance-editor/CascadePolicy', () => {
                 <CascadePolicy
                     canEdit
                     canUseAIFolderExtraction
-                    canUseAIFolderExtractionAgentSelector
                     shouldShowCascadeOptions
                     isAIFolderExtractionEnabled
                     onAIFolderExtractionToggle={jest.fn()}

package/src/features/metadata-instance-editor/__tests__/Instance.test.js

@@ -771,7 +771,6 @@ const getBaseProps = (props = {}) => ({
         cascadePolicyType: 'regular', // default to non-AI
     },
     canUseAIFolderExtraction: true, // Assume feature flag is on
-    canUseAIFolderExtractionAgentSelector: false,
     ...props,
 });
 
@@ -862,33 +861,6 @@ describe('Instance Component - React Testing Library', () => {
     });
 
     describe('Props passed to CascadePolicy', () => {
-        test('should pass canUseAIFolderExtractionAgentSelector to CascadePolicy', async () => {
-            render(
-                <Instance
-                    {...getBaseProps({
-                        canUseAIFolderExtractionAgentSelector: true,
-                        cascadePolicy: {
-                            id: 'policy-1',
-                            canEdit: true,
-                            isEnabled: true,
-                            cascadePolicyType: CASCADE_POLICY_TYPE_AI_EXTRACT,
-                        },
-                    })}
-                />,
-            );
-
-            const editButton = screen.queryByRole('button', { name: 'Edit Metadata' });
-            if (editButton) await userEvent.click(editButton); // Enter edit mode to ensure CascadePolicy options are visible
-
-            const cascadeToggle = screen.getByRole('switch', { name: 'Enable Cascade Policy' });
-            expect(cascadeToggle).toBeChecked();
-
-            const aiToggle = screen.getByRole('switch', { name: 'Box AI Autofill' });
-            expect(aiToggle).toBeChecked();
-
-            expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
-        });
-
         test('should disable CascadePolicy options when a cascade already exists', async () => {
             render(<Instance {...getBaseProps()} />);
 

package/src/features/metadata-instance-editor/__tests__/Instances.test.js

@@ -253,11 +253,9 @@ describe('features/metadata-editor-editor/Instances', () => {
     });
 });
 
-describe('Instances component - canUseAIFolderExtractionAgentSelector prop', () => {
-    test('should pass canUseAIFolderExtractionAgentSelector to child Instance components, showing agent selector', async () => {
-        const props = getInstancesBaseProps({
-            canUseAIFolderExtractionAgentSelector: true,
-        });
+describe('Instances component -  AI agent selector', () => {
+    test('should show AI agent selector when canUseAIFolderExtraction is true', async () => {
+        const props = getInstancesBaseProps();
         props.editors[0].instance.cascadePolicy.cascadePolicyType = CASCADE_POLICY_TYPE_AI_EXTRACT;
         render(<Instances {...props} />);
 
@@ -273,11 +271,11 @@ describe('Instances component - canUseAIFolderExtractionAgentSelector prop', ()
         expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
     });
 
-    test('should not show agent selector in child Instance if canUseAIFolderExtractionAgentSelector is false', async () => {
+    test('should not show agent selector in child Instance if canUseAIFolderExtraction is false', async () => {
         render(
             <Instances
                 {...getInstancesBaseProps({
-                    canUseAIFolderExtractionAgentSelector: false,
+                    canUseAIFolderExtraction: false,
                 })}
             />,
         );
@@ -288,9 +286,9 @@ describe('Instances component - canUseAIFolderExtractionAgentSelector prop', ()
         expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
     });
 
-    test('should not show agent selector in child Instance if canUseAIFolderExtractionAgentSelector is undefined', async () => {
+    test('should not show agent selector in child Instance if canUseAIFolderExtraction is undefined', async () => {
         const props = getInstancesBaseProps();
-        delete props.canUseAIFolderExtractionAgentSelector;
+        delete props.canUseAIFolderExtraction;
         render(<Instances {...props} />);
 
         const editButton = screen.getByRole('button', { name: 'Edit Metadata' });

package/src/features/metadata-instance-editor/__tests__/MetadataInstanceEditor.test.js

@@ -534,57 +534,10 @@ describe('features/metadata-editor-editor/MetadataInstanceEditor', () => {
     });
 });
 
-describe('MetadataInstanceEditor - canUseAIFolderExtractionAgentSelector prop', () => {
-    test('should propagate canUseAIFolderExtractionAgentSelector, showing agent selector', async () => {
-        const props = getMetadataEditorBaseProps({
-            canUseAIFolderExtraction: true,
-            canUseAIFolderExtractionAgentSelector: true,
-        });
-        props.editors[0].instance.cascadePolicy.cascadePolicyType = 'ai_extract';
-        render(<MetadataInstanceEditor {...props} />);
-
-        const editButton = await screen.findByRole('button', { name: 'Edit Metadata' }, { timeout: 3000 });
-        await userEvent.click(editButton);
-
-        const cascadeToggle = screen.getByRole('switch', { name: 'Enable Cascade Policy' });
-        expect(cascadeToggle).toBeChecked();
-
-        const aiToggle = screen.getByRole('switch', { name: 'Box AI Autofill' });
-        expect(aiToggle).toBeChecked();
-
-        expect(screen.getByRole('combobox', { name: 'Standard' })).toBeInTheDocument();
-    });
-
-    test('should not show agent selector if canUseAIFolderExtractionAgentSelector is false', async () => {
-        render(
-            <MetadataInstanceEditor
-                {...getMetadataEditorBaseProps({
-                    canUseAIFolderExtractionAgentSelector: false,
-                })}
-            />,
-        );
-
-        const editButton = await screen.findByRole('button', { name: 'Edit Metadata' });
-        await userEvent.click(editButton);
-
-        expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
-    });
-
-    test('should not show agent selector if canUseAIFolderExtractionAgentSelector is undefined', async () => {
-        const props = getMetadataEditorBaseProps();
-        delete props.canUseAIFolderExtractionAgentSelector;
-        render(<MetadataInstanceEditor {...props} />);
-
-        const editButton = await screen.findByRole('button', { name: 'Edit Metadata' });
-        await userEvent.click(editButton);
-
-        expect(screen.queryByRole('combobox', { name: 'Standard' })).not.toBeInTheDocument();
-    });
-
+describe('MetadataInstanceEditor agent selector', () => {
     test('should show "Enhanced" in the combobox when the second option is selected', async () => {
         const props = getMetadataEditorBaseProps({
             canUseAIFolderExtraction: true,
-            canUseAIFolderExtractionAgentSelector: true,
         });
         props.editors[0].instance.cascadePolicy.cascadePolicyType = 'ai_extract';
         props.editors[0].instance.cascadePolicy.id = null;

package/src/features/metadata-instance-editor/__tests__/__snapshots__/Instance.test.js.snap

@@ -416,7 +416,6 @@ exports[`features/metadata-instance-editor/fields/Instance should correctly rend
         >
           <CascadePolicy
             canUseAIFolderExtraction={false}
-            canUseAIFolderExtractionAgentSelector={false}
             isAIFolderExtractionEnabled={false}
             isCascadingEnabled={true}
             isCascadingOverwritten={false}

package/src/features/metadata-instance-editor/__tests__/__snapshots__/Instances.test.js.snap

@@ -5,7 +5,6 @@ exports[`features/metadata-editor-editor/Instances should correctly render edito
   <injectIntl(Instance)
     canEdit={true}
     canUseAIFolderExtraction={false}
-    canUseAIFolderExtractionAgentSelector={false}
     data={
       {
         "datefield": "2018-06-20T00:00:00.000Z",
@@ -111,7 +110,6 @@ exports[`features/metadata-editor-editor/Instances should correctly render edito
   <injectIntl(Instance)
     canEdit={false}
     canUseAIFolderExtraction={false}
-    canUseAIFolderExtractionAgentSelector={false}
     data={
       {
         "datefield": "2018-06-20T00:00:00.000Z",

package/src/features/metadata-instance-editor/__tests__/__snapshots__/MetadataInstanceEditor.test.js.snap

@@ -772,7 +772,6 @@ exports[`features/metadata-editor-editor/MetadataInstanceEditor should correctly
     >
       <Instances
         canUseAIFolderExtraction={false}
-        canUseAIFolderExtractionAgentSelector={false}
         editors={
           [
             {

package/src/features/metadata-instance-editor/stories/tests/CascadePolicy-visual.stories.js

@@ -5,7 +5,6 @@ import CascadePolicy from '../../CascadePolicy';
 const baseProps = {
     canEdit: true,
     canUseAIFolderExtraction: true,
-    canUseAIFolderExtractionAgentSelector: true,
     isAIFolderExtractionEnabled: false,
     isCascadingEnabled: true,
     isCascadingOverwritten: false,