diff --git a/assets/js/src/components/editor-tabs/editor-tabs.styles.tsx b/assets/js/src/components/editor-tabs/editor-tabs.styles.tsx
index 233ae94b..9b41e18e 100644
--- a/assets/js/src/components/editor-tabs/editor-tabs.styles.tsx
+++ b/assets/js/src/components/editor-tabs/editor-tabs.styles.tsx
@@ -4,8 +4,26 @@ export const useStyle = createStyles(({ token, css }) => {
   return {
     editorTabs: css`
       height: 100%;
+      width: 100%;
       overflow: hidden;
 
+      .ant-tabs-content {
+        display: flex;
+        height: 100%;
+      }
+
+      &.ant-tabs .ant-tabs-tab {
+        padding: 0;
+        transition: color .2s;
+      }
+
+      .ant-tabs-tabpane {
+        position: relative;
+        display: flex;
+        height: 100%;
+        width: 100%;
+      }
+
       .ant-tabs-content-holder {
         overflow: auto;
       }
@@ -20,13 +38,18 @@ export const useStyle = createStyles(({ token, css }) => {
       &.ant-tabs-top >.ant-tabs-nav {
         margin-bottom: 0;
       }
+
+      &.ant-tabs .ant-tabs-tab-btn .ant-tabs-tab-icon:not(:last-child) {
+        margin-inline-end: 0;
+      }
       
       .ant-tabs-tab {
+        padding: 0;
+        
         &:first-of-type {
             margin-left: ${token.paddingSM}px;
             margin-right: ${token.paddingSM}px;
         }
-        padding: 0;
         
         .ant-tabs-tab-btn {
           display: flex;
@@ -89,8 +112,7 @@ export const useStyle = createStyles(({ token, css }) => {
 
       .ant-tabs-tab.ant-tabs-tab-active {
           border-bottom: 2px solid ${token.colorPrimaryActive};
-          animation: fadeIn .2s;
       }
     `
   }
-})
+}, { hashPriority: 'low' })
diff --git a/assets/js/src/components/grid/grid.styles.ts b/assets/js/src/components/grid/grid.styles.ts
index caaf1064..a401b270 100644
--- a/assets/js/src/components/grid/grid.styles.ts
+++ b/assets/js/src/components/grid/grid.styles.ts
@@ -12,6 +12,11 @@ export const useStyles = createStyles(({ token, css }) => {
         user-select: none;
       }
 
+      th, td {
+        line-height: 1.83;
+        padding: ${token.Table.cellPaddingBlockSM}px ${token.Table.cellPaddingInlineSM}px;
+      }
+
       &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:first-child {
         border-start-start-radius: 0;
       }
diff --git a/assets/js/src/components/grid/grid.tsx b/assets/js/src/components/grid/grid.tsx
index 48f06610..98ebb7cc 100644
--- a/assets/js/src/components/grid/grid.tsx
+++ b/assets/js/src/components/grid/grid.tsx
@@ -1,6 +1,6 @@
 import { useCssComponentHash } from '@Pimcore/modules/ant-design/hooks/use-css-component-hash'
 import { type ColumnDef, flexRender, getCoreRowModel, useReactTable, type ColumnResizeMode, type TableOptions } from '@tanstack/react-table'
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import { useStyles } from './grid.styles'
 import { Resizer } from './resizer/resizer'
 
@@ -12,11 +12,15 @@ export interface GridProps {
 
 export const Grid = (props: GridProps): React.JSX.Element => {
   const [columns] = useState(props.columns)
-  const [data] = useState(props.data)
+  const [data, setData] = useState(props.data)
   const hashId = useCssComponentHash('table')
   const { styles } = useStyles()
   const [columnResizeMode] = useState<ColumnResizeMode>('onEnd')
 
+  useEffect(() => {
+    setData(props.data)
+  }, [props.data])
+
   const tableProps: TableOptions<any> = {
     data,
     columns,
diff --git a/assets/js/src/modules/asset/editor-tabs/tabs/view-container.tsx b/assets/js/src/modules/asset/editor-tabs/tabs/view-container.tsx
index 64f64d1f..cfe5d238 100644
--- a/assets/js/src/modules/asset/editor-tabs/tabs/view-container.tsx
+++ b/assets/js/src/modules/asset/editor-tabs/tabs/view-container.tsx
@@ -3,7 +3,7 @@ import { Image } from 'antd'
 import { AssetContext } from '@Pimcore/modules/asset/asset-container'
 import { useAssetDraft } from '@Pimcore/modules/asset/hooks/use-asset-draft'
 
-export const ViewTabContainer = (): React.JSX.Element => {
+const ViewTabContainer = (): React.JSX.Element => {
   const assetContext = useContext(AssetContext)
   const { isError, isLoading, asset } = useAssetDraft(assetContext.id!)
 
@@ -23,5 +23,11 @@ export const ViewTabContainer = (): React.JSX.Element => {
     )
   }
 
-  return <div>view</div>
+  return (
+    <>
+      <div>view</div>
+    </>
+  )
 }
+
+export { ViewTabContainer }
diff --git a/assets/js/src/modules/asset/index.ts b/assets/js/src/modules/asset/index.ts
index 71f65605..5b81c81e 100644
--- a/assets/js/src/modules/asset/index.ts
+++ b/assets/js/src/modules/asset/index.ts
@@ -1,5 +1,6 @@
 import { registerWidget } from '@Pimcore/modules/widget-manager/utils/widget-registry'
 import '@Pimcore/modules/asset/editor-tabs/index'
+import '@Pimcore/modules/asset/types/folder'
 import { AssetContainer } from './asset-container'
 
 registerWidget({
diff --git a/assets/js/src/modules/asset/types/folder/editor-tabs/editor-tabs-container.tsx b/assets/js/src/modules/asset/types/folder/editor-tabs/editor-tabs-container.tsx
index 4bd4d4b3..dcb48733 100644
--- a/assets/js/src/modules/asset/types/folder/editor-tabs/editor-tabs-container.tsx
+++ b/assets/js/src/modules/asset/types/folder/editor-tabs/editor-tabs-container.tsx
@@ -2,10 +2,10 @@ import React from 'react'
 import { folderEditorTabManager } from '..'
 import { EditorTabs as EditorTabsView } from '@Pimcore/components/editor-tabs/editor-tabs'
 
-const EditorTabsContainer = (): React.JSX.Element => {
-  const tabs = folderEditorTabManager.getTabs()
+const tabs = folderEditorTabManager.getTabs()
 
-  return <EditorTabsView key={1} items={tabs} />
+const EditorTabsContainer = (): React.JSX.Element => {
+  return <EditorTabsView defaultActiveKey='list' items={tabs} showLabelIfActive />
 }
 
 export { EditorTabsContainer }
diff --git a/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list-container.tsx b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list-container.tsx
index 6594e5ef..65133bc7 100644
--- a/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list-container.tsx
+++ b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list-container.tsx
@@ -1,18 +1,16 @@
-import { FormattedDate } from '@Pimcore/components/formatted-date/formatted-date'
-import { Grid } from '@Pimcore/components/grid/grid'
 import { useApiAssetsGetCollectionQuery } from '@Pimcore/modules/asset/asset-api-slice.gen'
 import { AssetContext } from '@Pimcore/modules/asset/asset-container'
-import { createColumnHelper } from '@tanstack/react-table'
-import { Tag } from 'antd'
-import React, { useContext } from 'react'
-import { useTranslation } from 'react-i18next'
-import { PreviewContainer } from './list/grid-columns/preview-container'
+import React, { useContext, useState } from 'react'
+import { GridContainer } from './list/grid-container'
+import { GridToolbarContainer } from './list/grid-toolbar-container'
+import { ContentToolbarSidebarView } from '@Pimcore/modules/element-editor/tab-layouts/content-toolbar-sidebar-view'
 
 const ListContainer = (): React.JSX.Element => {
   const assetContext = useContext(AssetContext)
-  const { t } = useTranslation()
+  const [currentPage, setCurrentPage] = useState(1)
+  const [pageSize, setPageSize] = useState(20)
   const assetId = assetContext.id
-  const { isLoading, isError, data } = useApiAssetsGetCollectionQuery({ parentId: assetId })
+  const { isLoading, isError, data } = useApiAssetsGetCollectionQuery({ parentId: assetId, page: currentPage, itemsPerPage: pageSize })
 
   if (isLoading || data === undefined) {
     return <div>Loading...</div>
@@ -22,51 +20,28 @@ const ListContainer = (): React.JSX.Element => {
     return <div>Error</div>
   }
 
-  const assets = data['hydra:member']
-  const columnHelper = createColumnHelper<typeof assets[0]>()
+  const total = data['hydra:totalItems']!
 
-  const columns = [
-    columnHelper.accessor('fullPath', {
-      header: t('asset.asset-editor-tabs.list.columns.preview'),
-      cell: info => {
-        if (info.row.original.type !== 'image') {
-          return <></>
-        }
-
-        return <PreviewContainer cellInfo={info} />
-      },
-      id: 'preview',
-      size: 110
-    }),
-
-    columnHelper.accessor('id', {
-      header: t('asset.asset-editor-tabs.list.columns.id')
-    }),
-
-    columnHelper.accessor('type', {
-      header: t('asset.asset-editor-tabs.list.columns.type')
-    }),
-
-    columnHelper.accessor('fullPath', {
-      header: t('asset.asset-editor-tabs.list.columns.fullPath'),
-      cell: info => <Tag bordered={false} color='processing'>{info.getValue()!}</Tag>,
-      id: 'fullPath',
-      size: 300
-    }),
-
-    columnHelper.accessor('creationDate', {
-      header: t('asset.asset-editor-tabs.list.columns.creationDate'),
-      cell: info => <FormattedDate timestamp={info.getValue() as number * 1000} />
-    }),
-
-    columnHelper.accessor('modificationDate', {
-      header: t('asset.asset-editor-tabs.list.columns.modificationDate'),
-      cell: info => <FormattedDate timestamp={info.getValue() as number * 1000} />
-    })
-  ]
+  function onPagerChange (page: number, pageSize: number): void {
+    setCurrentPage(page)
+    setPageSize(pageSize)
+  }
 
   return (
-    <Grid data={assets} columns={columns} resizeable />
+    <ContentToolbarSidebarView
+      renderToolbar={
+        <GridToolbarContainer
+          pager={{
+            current: currentPage,
+            total,
+            pageSize,
+            onChange: onPagerChange
+          }}
+        />
+      }
+    >
+      <GridContainer assets={data['hydra:member']} />
+    </ContentToolbarSidebarView>
   )
 }
 
diff --git a/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-container.tsx b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-container.tsx
new file mode 100644
index 00000000..d0ef1015
--- /dev/null
+++ b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-container.tsx
@@ -0,0 +1,64 @@
+import React from 'react'
+import { FormattedDate } from '@Pimcore/components/formatted-date/formatted-date'
+import { Grid } from '@Pimcore/components/grid/grid'
+import { createColumnHelper } from '@tanstack/react-table'
+import { Tag } from 'antd'
+import { PreviewContainer } from './grid-columns/preview-container'
+import { type ApiAssetsGetCollection, type ApiAssetsGetCollectionItem } from '@Pimcore/modules/asset/asset-api'
+import { useTranslation } from 'react-i18next'
+
+interface GridContainerProps {
+  assets: ApiAssetsGetCollection
+}
+
+const GridContainer = (props: GridContainerProps): React.JSX.Element => {
+  const { assets } = props
+  const { t } = useTranslation()
+  const columnHelper = createColumnHelper<ApiAssetsGetCollectionItem>()
+
+  const columns = [
+    columnHelper.accessor('fullPath', {
+      header: t('asset.asset-editor-tabs.list.columns.preview'),
+      cell: info => {
+        if (info.row.original.type !== 'image') {
+          return <></>
+        }
+
+        return <PreviewContainer cellInfo={info} />
+      },
+      id: 'preview',
+      size: 110
+    }),
+
+    columnHelper.accessor('id', {
+      header: t('asset.asset-editor-tabs.list.columns.id')
+    }),
+
+    columnHelper.accessor('type', {
+      header: t('asset.asset-editor-tabs.list.columns.type')
+    }),
+
+    columnHelper.accessor('fullPath', {
+      header: t('asset.asset-editor-tabs.list.columns.fullPath'),
+      cell: info => <Tag bordered={false} color='processing'>{info.getValue()!}</Tag>,
+      id: 'fullPath',
+      size: 300
+    }),
+
+    columnHelper.accessor('creationDate', {
+      header: t('asset.asset-editor-tabs.list.columns.creationDate'),
+      cell: info => <FormattedDate timestamp={info.getValue() as number * 1000} />
+    }),
+
+    columnHelper.accessor('modificationDate', {
+      header: t('asset.asset-editor-tabs.list.columns.modificationDate'),
+      cell: info => <FormattedDate timestamp={info.getValue() as number * 1000} />
+    })
+  ]
+
+  return (
+    <Grid data={assets} columns={columns} resizeable />
+  )
+}
+
+export { GridContainer }
diff --git a/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-container.tsx b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-container.tsx
new file mode 100644
index 00000000..27acab4d
--- /dev/null
+++ b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-container.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { GridToolbarView } from './grid-toolbar-view'
+import { Pagination } from 'antd'
+
+interface GridToolbarContainerProps {
+  pager: {
+    total: number
+    pageSize: number
+    current: number
+    onChange: (page: number, pageSize: number) => void
+  }
+}
+
+const GridToolbarContainer = (props: GridToolbarContainerProps): React.JSX.Element => {
+  const { pager } = props
+
+  return (
+    <GridToolbarView
+      renderPagination={
+        <Pagination
+          total={pager.total}
+          showTotal={(total) => `Total ${total} items`} // @todo translation
+          defaultPageSize={pager.pageSize}
+          current={pager.current}
+          onChange={pager.onChange}
+          pageSizeOptions={['10', '20', '50', '100']}
+        />
+      }
+    />
+  )
+}
+
+export { GridToolbarContainer }
diff --git a/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-view.styles.ts b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-view.styles.ts
new file mode 100644
index 00000000..5650fa57
--- /dev/null
+++ b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-view.styles.ts
@@ -0,0 +1,17 @@
+import { createStyles } from 'antd-style'
+
+export const useStyles = createStyles(({ css, token }) => {
+  return {
+    GridToolbar: css`
+      display: flex;
+      justify-content: space-between;
+      background-color: ${token.colorBgToolbar};
+      border-top: 1px solid ${token.colorBorderTertiary};
+      padding-right: ${token.paddingSM}px;
+      padding-left: ${token.paddingXS}px;
+      height: ${token.sizeXXL}px;
+      align-items: center;
+      justify-content: space-between;
+    `
+  }
+})
diff --git a/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-view.tsx b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-view.tsx
new file mode 100644
index 00000000..e3a3b19b
--- /dev/null
+++ b/assets/js/src/modules/asset/types/folder/editor-tabs/tabs/list/grid-toolbar-view.tsx
@@ -0,0 +1,20 @@
+import React, { type ReactNode } from 'react'
+import { useStyles } from './grid-toolbar-view.styles'
+
+export interface GridToolbarViewProps {
+  renderPagination: ReactNode
+}
+
+const GridToolbarView = (props: GridToolbarViewProps): React.JSX.Element => {
+  const { styles } = useStyles()
+
+  return (
+    <div className={styles.GridToolbar}>
+      <div /> {/* @todo tools */}
+
+      {props.renderPagination}
+    </div>
+  )
+}
+
+export { GridToolbarView }
diff --git a/assets/js/src/modules/asset/types/folder/folder-container.tsx b/assets/js/src/modules/asset/types/folder/folder-container.tsx
index 06a42fda..42ef6b30 100644
--- a/assets/js/src/modules/asset/types/folder/folder-container.tsx
+++ b/assets/js/src/modules/asset/types/folder/folder-container.tsx
@@ -1,11 +1,18 @@
 import React from 'react'
 import { EditorTabsContainer } from './editor-tabs/editor-tabs-container'
+import { TabsToolbarView } from '@Pimcore/modules/element-editor/layouts/tabs-toolbar-view'
 
 const FolderContainer = (): React.JSX.Element => {
   return (
-    <>
-      <EditorTabsContainer />
-    </>
+    <TabsToolbarView
+      renderTabbar={
+        <EditorTabsContainer />
+      }
+
+      renderToolbar={
+        <div>Toolbar</div>
+      }
+    />
   )
 }
 
diff --git a/assets/js/src/modules/asset/types/folder/index.tsx b/assets/js/src/modules/asset/types/folder/index.tsx
index ad09224e..ba694c6b 100644
--- a/assets/js/src/modules/asset/types/folder/index.tsx
+++ b/assets/js/src/modules/asset/types/folder/index.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
-import { FolderEditorTabManager } from '@Pimcore/modules/editor-tab-manager/utils/folder-tab-manager'
 import { Icon } from '@Pimcore/components/icon/icon'
-import i18n from '@Pimcore/app/i18n'
+import { FolderEditorTabManager } from '@Pimcore/modules/editor-tab-manager/utils/folder-tab-manager'
 import { ListContainer } from './editor-tabs/tabs/list-container'
+import i18n from '@Pimcore/app/i18n'
 
 export const folderEditorTabManager = new FolderEditorTabManager()
 
diff --git a/assets/js/src/modules/asset/types/image/image-container.tsx b/assets/js/src/modules/asset/types/image/image-container.tsx
index fb2572e0..aa9ec774 100644
--- a/assets/js/src/modules/asset/types/image/image-container.tsx
+++ b/assets/js/src/modules/asset/types/image/image-container.tsx
@@ -1,11 +1,18 @@
 import { EditorTabsContainer } from '@Pimcore/modules/asset/editor-tabs/editor-tabs-container'
+import { TabsToolbarView } from '@Pimcore/modules/element-editor/layouts/tabs-toolbar-view'
 import React from 'react'
 
 const ImageContainer = (): React.JSX.Element => {
   return (
-    <>
-      <EditorTabsContainer />
-    </>
+    <TabsToolbarView
+      renderTabbar={
+        <EditorTabsContainer />
+      }
+
+      renderToolbar={
+        <div>Toolbar</div>
+      }
+    />
   )
 }
 
diff --git a/assets/js/src/modules/element-editor/layouts/tabs-toolbar-view.styles.tsx b/assets/js/src/modules/element-editor/layouts/tabs-toolbar-view.styles.tsx
new file mode 100644
index 00000000..59076649
--- /dev/null
+++ b/assets/js/src/modules/element-editor/layouts/tabs-toolbar-view.styles.tsx
@@ -0,0 +1,29 @@
+import { createStyles } from 'antd-style'
+
+export const useStyles = createStyles(({ token, css }) => {
+  return {
+    tabbarToolbar: css`
+      &.tabs-toolbar-layout {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+      }
+
+      .tabs-toolbar-layout__tabbar {
+        display: flex;
+        overflow: hidden;
+        height: calc(100% - ${token.sizeXXL}px);
+        width: 100%;
+      }
+
+      .tabs-toolbar-layout__toolbar {
+        display: flex;
+        overflow: hidden;
+        height: ${token.sizeXXL}px;
+        width: 100%;
+      }
+    `
+  }
+}, { hashPriority: 'low' })
diff --git a/assets/js/src/modules/element-editor/layouts/tabs-toolbar-view.tsx b/assets/js/src/modules/element-editor/layouts/tabs-toolbar-view.tsx
new file mode 100644
index 00000000..ba37850a
--- /dev/null
+++ b/assets/js/src/modules/element-editor/layouts/tabs-toolbar-view.tsx
@@ -0,0 +1,25 @@
+import React, { type ReactNode } from 'react'
+import { useStyles } from './tabs-toolbar-view.styles'
+
+export interface TabbarToolbarViewProps {
+  renderTabbar: ReactNode
+  renderToolbar: ReactNode
+}
+
+const TabsToolbarView = (props: TabbarToolbarViewProps): React.JSX.Element => {
+  const { styles } = useStyles()
+
+  return (
+    <div className={['tabs-toolbar-layout', styles.tabbarToolbar].join(' ')}>
+      <div className='tabs-toolbar-layout__tabbar'>
+        {props.renderTabbar}
+      </div>
+
+      <div className='tabs-toolbar-layout__toolbar'>
+        {props.renderToolbar}
+      </div>
+    </div>
+  )
+}
+
+export { TabsToolbarView }
diff --git a/assets/js/src/modules/element-editor/tab-layouts/content-toolbar-sidebar-view.styles.tsx b/assets/js/src/modules/element-editor/tab-layouts/content-toolbar-sidebar-view.styles.tsx
new file mode 100644
index 00000000..da2801ce
--- /dev/null
+++ b/assets/js/src/modules/element-editor/tab-layouts/content-toolbar-sidebar-view.styles.tsx
@@ -0,0 +1,29 @@
+import { createStyles } from 'antd-style'
+
+export const useStyles = createStyles(({ token, css }) => {
+  return {
+    ContentToolbarSidebarLayout: css`
+      &.content-toolbar-sidebar-layout {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+      }
+
+      .content-toolbar-sidebar-layout__content {
+        display: flex;
+        overflow: auto;
+        height: 100%;
+        width: 100%;
+      }
+
+      .content-toolbar-sidebar-layout__toolbar {
+        position: sticky;
+        bottom: 0;
+        height: ${token.sizeXXL}px; 
+      }
+    `
+  }
+}, { hashPriority: 'low' })
diff --git a/assets/js/src/modules/element-editor/tab-layouts/content-toolbar-sidebar-view.tsx b/assets/js/src/modules/element-editor/tab-layouts/content-toolbar-sidebar-view.tsx
new file mode 100644
index 00000000..527a18f8
--- /dev/null
+++ b/assets/js/src/modules/element-editor/tab-layouts/content-toolbar-sidebar-view.tsx
@@ -0,0 +1,32 @@
+import React, { type ReactNode } from 'react'
+import { useStyles } from './content-toolbar-sidebar-view.styles'
+
+interface ContentToolbarViewProps {
+  children: ReactNode
+  renderToolbar?: ReactNode
+}
+
+const ContentToolbarSidebarView = (props: ContentToolbarViewProps): React.JSX.Element => {
+  const { styles } = useStyles()
+  const classes = ['content-toolbar-sidebar-layout', styles.ContentToolbarSidebarLayout]
+
+  if (props.renderToolbar !== undefined) {
+    classes.push('content-toolbar-sidebar-layout--with-toolbar')
+  }
+
+  return (
+    <div className={classes.join(' ')}>
+      <div className='content-toolbar-sidebar-layout__content'>
+        {props.children}
+      </div>
+
+      { props.renderToolbar !== undefined && (
+        <div className='content-toolbar-sidebar-layout__toolbar'>
+          {props.renderToolbar}
+        </div>
+      )}
+    </div>
+  )
+}
+
+export { ContentToolbarSidebarView }
diff --git a/assets/js/src/modules/theme/utils/themes/default-theme.ts b/assets/js/src/modules/theme/utils/themes/default-theme.ts
index 5cbae37c..d461ebc6 100644
--- a/assets/js/src/modules/theme/utils/themes/default-theme.ts
+++ b/assets/js/src/modules/theme/utils/themes/default-theme.ts
@@ -29,6 +29,7 @@ const defaultTheme = {
     colorTextTreeElement: '#404655',
     colorIconTree: '#404655',
     colorIconTreeUnpublished: 'rgba(0.250980406999588, 0.27450981736183167, 0.3333333432674408, 0.4000000059604645)',
+    colorBgToolbar: '#f5f3fa',
     ...staticTokens.token
   },
 
diff --git a/public/build/entrypoints.json b/public/build/entrypoints.json
index a9f17b80..5b87aa94 100644
--- a/public/build/entrypoints.json
+++ b/public/build/entrypoints.json
@@ -3,7 +3,7 @@
     "main": {
       "js": [
         "/bundles/pimcorestudioui/build/239.37566adc.js",
-        "/bundles/pimcorestudioui/build/main.88ffc0a8.js"
+        "/bundles/pimcorestudioui/build/main.0ade30f2.js"
       ],
       "css": [
         "/bundles/pimcorestudioui/build/main.3691bcd8.css"
diff --git a/public/build/main.0ade30f2.js b/public/build/main.0ade30f2.js
new file mode 100644
index 00000000..7162b483
--- /dev/null
+++ b/public/build/main.0ade30f2.js
@@ -0,0 +1 @@
+var Pimcore;(()=>{"use strict";var e,n,t,r,o,a={5727:(e,n,t)=>{t.r(n);var r=t(6609),o=t(1072);r.ZP.use(o.Db).init({fallbackLng:"en",partialBundledLanguages:!0,ns:[],resources:{},saveMissing:!0}).catch((function(e){console.error(e)})),r.ZP.on("missingKey",(function(e,n,t,r){}));const a=r.ZP;var i=t(7294),l=function(){return l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},l.apply(this,arguments)},c=[],s=function(e){var n=l(l({},e),{component:(0,i.memo)(e.component)});c.push(n)},d=t(469),u=t(5007),p=t(9202),f=t(7426),b=(0,p.LC)({baseQuery:(0,f.ni)({baseUrl:"/"}),endpoints:function(){return{}}}),h=function(e,n,t){if(t||2===arguments.length)for(var r,o=0,a=n.length;o<a;o++)!r&&o in n||(r||(r=Array.prototype.slice.call(n,0,o)),r[o]=n[o]);return e.concat(r||Array.prototype.slice.call(n))},m=[b],g=d.Ku.apply(void 0,h([{}],m,!1)).withLazyLoadedSlices(),v=(0,d.xC)({reducer:g,middleware:function(e){return e().concat(b.middleware)}}),y=function(e){return m.push(e),g=d.Ku.apply(void 0,h([{}],m,!1)).withLazyLoadedSlices(),v.replaceReducer(g),g},x=u.I0,w=u.v9,_=(0,d.oM)({name:"example",initialState:{value:"test2"},reducers:{selectSlice:function(e){return e},setValue:function(e,n){e.value=n.payload}},selectors:{selectValue:function(e){return e.value}}});y(_);var E,P,k=_.actions,O=_.selectors,S=k.setValue,T=O.selectValue,j=t(8230),A=t(4666),z=t(5051),C=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},I=(0,z.kc)((function(e){var n=e.token;return{example:(0,e.css)(E||(E=C(["\n      color: ",";\n    "],["\n      color: ",";\n    "])),n.Example.color)}})),N=function(){return N=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},N.apply(this,arguments)},M=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},B=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},L={camera:i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(58).then(t.bind(t,1058))];case 1:return[2,e.sent()]}}))}))})),folder:i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(678).then(t.bind(t,5678))];case 1:return[2,e.sent()]}}))}))})),"widget-default":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(625).then(t.bind(t,3625))];case 1:return[2,e.sent()]}}))}))})),"chevron-up":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(931).then(t.bind(t,5931))];case 1:return[2,e.sent()]}}))}))})),"chevron-down":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(347).then(t.bind(t,5347))];case 1:return[2,e.sent()]}}))}))})),home:i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(216).then(t.bind(t,7216))];case 1:return[2,e.sent()]}}))}))})),"image-05":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(12).then(t.bind(t,6012))];case 1:return[2,e.sent()]}}))}))})),edit:i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(125).then(t.bind(t,6125))];case 1:return[2,e.sent()]}}))}))})),"data-sheet":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(905).then(t.bind(t,905))];case 1:return[2,e.sent()]}}))}))})),"data-management-2":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(288).then(t.bind(t,919))];case 1:return[2,e.sent()]}}))}))})),"history-outlined":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(949).then(t.bind(t,6949))];case 1:return[2,e.sent()]}}))}))})),"schedule-outlined":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(169).then(t.bind(t,6169))];case 1:return[2,e.sent()]}}))}))})),hierarchy:i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(54).then(t.bind(t,54))];case 1:return[2,e.sent()]}}))}))})),"view-details":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(801).then(t.bind(t,2801))];case 1:return[2,e.sent()]}}))}))})),"tag-two-tone":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(324).then(t.bind(t,3324))];case 1:return[2,e.sent()]}}))}))})),workflow:i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(307).then(t.bind(t,5307))];case 1:return[2,e.sent()]}}))}))})),"unordered-list-outlined":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(298).then(t.bind(t,1298))];case 1:return[2,e.sent()]}}))}))})),"dots-horizontal":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(447).then(t.bind(t,4447))];case 1:return[2,e.sent()]}}))}))})),target:i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(737).then(t.bind(t,9737))];case 1:return[2,e.sent()]}}))}))})),"info-circle-outlined":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(577).then(t.bind(t,3577))];case 1:return[2,e.sent()]}}))}))})),"right-outlined":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(491).then(t.bind(t,1491))];case 1:return[2,e.sent()]}}))}))})),"rich-edit":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(732).then(t.bind(t,5732))];case 1:return[2,e.sent()]}}))}))})),"download-02":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(476).then(t.bind(t,8476))];case 1:return[2,e.sent()]}}))}))})),"delete-outlined":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(524).then(t.bind(t,2524))];case 1:return[2,e.sent()]}}))}))})),"volume-max":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(743).then(t.bind(t,6743))];case 1:return[2,e.sent()]}}))}))})),"file-code-01":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(418).then(t.bind(t,9418))];case 1:return[2,e.sent()]}}))}))})),"file-question-02":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(621).then(t.bind(t,6621))];case 1:return[2,e.sent()]}}))}))})),"file-02":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(121).then(t.bind(t,6121))];case 1:return[2,e.sent()]}}))}))})),"file-check-02":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(397).then(t.bind(t,8397))];case 1:return[2,e.sent()]}}))}))})),"file-x-03":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(296).then(t.bind(t,2296))];case 1:return[2,e.sent()]}}))}))})),"presentation-chart-01":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(766).then(t.bind(t,8766))];case 1:return[2,e.sent()]}}))}))})),"video-recorder":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(967).then(t.bind(t,1967))];case 1:return[2,e.sent()]}}))}))})),"image-01":i.lazy((function(){return M(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(686).then(t.bind(t,7686))];case 1:return[2,e.sent()]}}))}))}))},W=function(e){var n,t,r=e.name,o=e.options,a=e.className,l=L[r],c=null!==(n=null==o?void 0:o.width)&&void 0!==n?n:16,s=null!==(t=null==o?void 0:o.height)&&void 0!==t?t:16;return void 0===l?i.createElement("div",{style:{width:c,height:s}}):i.createElement("div",{style:{width:c,height:s},className:"pimcore-icon pimcore-icon-".concat(r," anticon ").concat(a)},i.createElement(i.Suspense,{fallback:i.createElement("div",null)},i.createElement(l,N({width:c,height:s},o))))},F=function(e){var n=e.value,t=e.prefix,r=I().styles;return i.createElement("div",null,i.createElement(j.Z,null,i.createElement("label",{className:r.example},t),i.createElement(A.ZP,{icon:i.createElement(W,{name:"camera"}),type:"primary"},n)))},R=t(6352),H=function(){return H=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},H.apply(this,arguments)},D={model:{global:{tabEnableRename:!1,tabSetEnableMaximize:!1},layout:{type:"row",weight:100,children:[{id:"main",type:"row",children:[{type:"tabset",id:"main_tabset",enableDeleteWhenEmpty:!1,weight:50,selected:0,children:[]},{type:"tabset",id:"bottom_tabset",enableDeleteWhenEmpty:!1,weight:50,height:200,selected:0,children:[]}]}]},borders:[{type:"border",location:"left",size:315,selected:0,children:[{type:"tab",icon:"camera",name:a.t("asset.asset-tree.title"),component:"asset-tree",enableClose:!1}]},{type:"border",location:"right",size:315,selected:0,children:[{type:"tab",icon:"camera",name:a.t("asset.asset-tree.title"),component:"asset-tree",enableClose:!1,config:{id:288}},{type:"tab",icon:"widget-default",name:"actions",component:"widget-manager-actions",enableClose:!1}]}]}},G=(0,d.oM)({name:"widget-manager",initialState:D,reducers:{updateModel:function(e,n){e.model=H({},n.payload)},setActiveWidgetById:function(e,n){var t=R.Model.fromJson(e.model),r=t.getNodeById(n.payload);void 0!==r&&t.doAction(R.Actions.selectTab(r.getId())),e.model=H({},t.toJson())},openMainWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"main_tabset",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())},openBottomWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"bottom_tabset",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())},openLeftWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"border_left",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())},openRightWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"border_right",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())}},selectors:{selectModel:function(e){return e.model}}});y(G);var X=(P=G.actions).updateModel,Z=P.openMainWidget,J=P.openBottomWidget,q=P.openLeftWidget,U=P.openRightWidget,V=P.setActiveWidgetById,Q=G.selectors.selectModel,K=function(){var e=x();return{openMainWidget:function(n){e(Z(n))},openBottomWidget:function(n){e(J(n))},openLeftWidget:function(n){e(q(n))},openRightWidget:function(n){e(U(n))},switchToWidget:function(n){e(V(n))}}};s({name:"example",component:function(){var e=w(T),n=x(),t=(0,o.$G)(),r=t.t,a=t.i18n,l=a.format(new Date,"DateTime",a.language);return(0,i.useEffect)((function(){n(S("test"))}),[]),i.createElement(F,{prefix:l+" - "+r("example-prefix"),value:r("example-value.".concat(e))})}}),s({name:"widget-manager-actions",component:function(){var e=K(),n=e.openMainWidget,t=e.openBottomWidget,r=e.openLeftWidget,o=e.openRightWidget;return i.createElement(i.Fragment,null,i.createElement(j.Z,{style:{padding:"8px"}},i.createElement(A.ZP,{type:"primary",icon:i.createElement(W,{name:"folder",options:{width:12,height:12}}),onClick:function(){n({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Main Widget"),i.createElement(A.ZP,{type:"default",icon:i.createElement(W,{name:"camera",options:{width:12,height:12}}),onClick:function(){t({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Bottom Widget"),i.createElement(A.ZP,{type:"text",icon:i.createElement(W,{name:"folder",options:{width:12,height:12}}),onClick:function(){r({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Left Widget"),i.createElement(A.ZP,{type:"dashed",icon:i.createElement(W,{name:"camera",options:{width:12,height:12}}),onClick:function(){o({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Right Widget"),i.createElement(A.ZP,{type:"dashed",icon:i.createElement(W,{name:"camera",options:{width:12,height:12}}),onClick:function(){n({component:"asset-tab",name:"Random Asset Tab"})}},"Open Asset Widget")))}});var $=t(1830),Y=b.enhanceEndpoints({addTagTypes:["Asset"]}).injectEndpoints({endpoints:function(e){return{apiAssetsGetCollection:e.query({query:function(e){return{url:"/api/assets",params:{page:e.page,itemsPerPage:e.itemsPerPage,parentId:e.parentId,idSearchTerm:e.idSearchTerm}}},providesTags:["Asset"]}),apiAssetsPost:e.mutation({query:function(e){return{url:"/api/assets",method:"POST",body:e.assetJsonldAssetWrite}},invalidatesTags:["Asset"]}),apiAssetsIdGet:e.query({query:function(e){return{url:"/api/assets/".concat(e.id)}},providesTags:["Asset"]}),apiAssetsIdPut:e.mutation({query:function(e){return{url:"/api/assets/".concat(e.id),method:"PUT",body:e.assetJsonldAssetWrite}},invalidatesTags:["Asset"]}),apiAssetsIdDelete:e.mutation({query:function(e){return{url:"/api/assets/".concat(e.id),method:"DELETE"}},invalidatesTags:["Asset"]}),apiAssetsIdPatch:e.mutation({query:function(e){return{url:"/api/assets/".concat(e.id),method:"PATCH",body:e.assetAssetWrite}},invalidatesTags:["Asset"]})}},overrideExisting:!1}),ee=Y.useApiAssetsGetCollectionQuery,ne=(Y.useApiAssetsPostMutation,Y.useApiAssetsIdGetQuery),te=(Y.useApiAssetsIdPutMutation,Y.useApiAssetsIdDeleteMutation,Y.useApiAssetsIdPatchMutation,(0,d.HF)({})),re=(0,d.oM)({name:"asset-draft",initialState:te.getInitialState(),reducers:{assetReceived:te.upsertOne}});y(re);var oe,ae,ie,le,ce,se,de,ue=re.actions.assetReceived,pe=te.getSelectors((function(e){return e["asset-draft"]})).selectById,fe=function(){return fe=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},fe.apply(this,arguments)},be=function(e){var n=ne({id:e.toString()}),t=n.isLoading,r=n.isError,o=n.data,a=x(),l=w((function(n){return pe(n,e)}));return(0,i.useEffect)((function(){void 0!==o&&a(ue(fe({id:e},o)))}),[o]),{isLoading:t,isError:r,asset:l}},he=function(){function e(){this.type="",this.tabs=[]}return e.prototype.getTabs=function(){return this.tabs},e.prototype.getTab=function(e){return this.tabs.find((function(n){return n.key===e}))},e.prototype.register=function(e){void 0===this.getTab(e.key)?this.tabs.push(e):this.tabs.splice(this.tabs.findIndex((function(n){return n.key===e.key})),1,e)},e}(),me=(oe=function(e,n){return oe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])},oe(e,n)},function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function t(){this.constructor=e}oe(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),ge=function(e){function n(){var n=e.call(this)||this;return n.type="folder",n}return me(n,e),n}(he),ve=function(e){var n=(0,o.$G)().i18n,t=n.format(new Date(e.timestamp),"datetime",n.language);return i.createElement(i.Fragment,null,t)},ye=t(4364),xe=t(3124),we=t(7060),_e=t(4094),Ee=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Pe=(0,z.kc)((function(e){var n=e.token;return{grid:(0,e.css)(ae||(ae=Ee(["\n      table {\n        table-layout: fixed;\n        width: auto;\n      }\n\n      th {\n        user-select: none;\n      }\n\n      th, td {\n        line-height: 1.83;\n        padding: ","px ","px;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:first-child {\n        border-start-start-radius: 0;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:last-child {\n        border-start-end-radius: 0;\n      }\n\n      .grid__cell-content {\n        display: block; \n        width: fit-content;\n        max-width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .ant-table-cell {\n        position: relative;\n        border-left: 1px solid #F0F0F0;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        &:first-of-type {\n          border-left: 0;\n        }\n\n        &:last-of-type {\n          border-right: 1px solid #F0F0F0;\n        }\n      }\n\n      .ant-table-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n      }\n    "],["\n      table {\n        table-layout: fixed;\n        width: auto;\n      }\n\n      th {\n        user-select: none;\n      }\n\n      th, td {\n        line-height: 1.83;\n        padding: ","px ","px;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:first-child {\n        border-start-start-radius: 0;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:last-child {\n        border-start-end-radius: 0;\n      }\n\n      .grid__cell-content {\n        display: block; \n        width: fit-content;\n        max-width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .ant-table-cell {\n        position: relative;\n        border-left: 1px solid #F0F0F0;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        &:first-of-type {\n          border-left: 0;\n        }\n\n        &:last-of-type {\n          border-right: 1px solid #F0F0F0;\n        }\n      }\n\n      .ant-table-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n      }\n    "])),n.Table.cellPaddingBlockSM,n.Table.cellPaddingInlineSM)}})),ke=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Oe=(0,z.kc)((function(e){var n=e.token;return{resizer:(0,e.css)(ie||(ie=ke(["\n      &.grid__resizer {\n        position: absolute;\n        right: -4px;\n        top: 0;\n        bottom: 0;\n        width: 8px;\n        z-index: 1;\n        background-color: transparent;\n\n        &--resizing {\n          background-color: ",";\n          width: 2px;\n          right: -1px;\n        }\n\n        &--hoverable {\n          cursor: col-resize;\n        }\n      }\n    "],["\n      &.grid__resizer {\n        position: absolute;\n        right: -4px;\n        top: 0;\n        bottom: 0;\n        width: 8px;\n        z-index: 1;\n        background-color: transparent;\n\n        &--resizing {\n          background-color: ",";\n          width: 2px;\n          right: -1px;\n        }\n\n        &--hoverable {\n          cursor: col-resize;\n        }\n      }\n    "])),n.colorPrimary)}})),Se=function(e){var n,t=Oe().styles,r=["grid__resizer"];return r.push(t.resizer),void 0!==e.onMouseDown&&r.push("grid__resizer--hoverable"),e.isResizing&&r.push("grid__resizer--resizing"),i.createElement("div",{onMouseDown:e.onMouseDown,className:r.join(" "),style:{transform:e.isResizing?"translateX(".concat(("rtl"===e.table.options.columnResizeDirection?-1:1)*(null!==(n=e.table.getState().columnSizingInfo.deltaOffset)&&void 0!==n?n:0),"px)"):""}})},Te=function(e){var n,t,r=(0,i.useState)(e.columns)[0],o=(0,i.useState)(e.data),a=o[0],l=o[1],c=(n="table",t=(0,i.useContext)(xe.E_).getPrefixCls(n,""),(0,ye.Z)(t)[1]),s=Pe().styles,d=(0,i.useState)("onEnd")[0];(0,i.useEffect)((function(){l(e.data)}),[e.data]);var u={data:a,columns:r,getCoreRowModel:(0,we.sC)()};!0===e.resizeable&&(u.columnResizeMode=d);var p=(0,_e.b7)(u);return i.createElement("div",{className:["ant-table-wrapper",c,s.grid].join(" ")},i.createElement("div",{className:"ant-table ant-table-small"},i.createElement("div",{className:"ant-table-container"},i.createElement("div",{className:"ant-table-content"},i.createElement("table",{style:{width:p.getCenterTotalSize()}},i.createElement("thead",{className:"ant-table-thead"},p.getHeaderGroups().map((function(n){return i.createElement("tr",{key:n.id},n.headers.map((function(n){return i.createElement("th",{key:n.id,className:"ant-table-cell",style:{width:n.column.getSize(),maxWidth:n.column.getSize()}},i.createElement("div",{className:"grid__cell-content"},(0,_e.ie)(n.column.columnDef.header,n.getContext())),!0===e.resizeable&&n.column.getCanResize()&&i.createElement(Se,{onMouseDown:n.getResizeHandler(),isResizing:n.column.getIsResizing(),table:p}))})))}))),i.createElement("tbody",{className:"ant-table-tbody"},p.getRowModel().rows.map((function(n){return i.createElement("tr",{className:"ant-table-row",key:n.id},n.getVisibleCells().map((function(n){return i.createElement("td",{key:n.id,className:"ant-table-cell",style:{width:n.column.getSize(),maxWidth:n.column.getSize()}},i.createElement("div",{className:"grid__cell-content"},(0,_e.ie)(n.column.columnDef.cell,n.getContext())),!0===e.resizeable&&i.createElement(Se,{isResizing:n.column.getIsResizing(),table:p}))})))}))))))))},je=t(6214),Ae=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},ze=(0,z.kc)((function(e){e.token;return{image:(0,e.css)(le||(le=Ae(["\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      aspect-ratio: 1;\n      width: 80px;\n    "],["\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      aspect-ratio: 1;\n      width: 80px;\n    "])))}})),Ce=t(2507),Ie=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Ne=(0,z.kc)((function(e){e.token;return{"loading-div":(0,e.css)(ce||(ce=Ie(["\n      position: absolute;\n      top: calc(50% - 11px);\n      left: calc(50% - 8px);\n    "],["\n      position: absolute;\n      top: calc(50% - 11px);\n      left: calc(50% - 8px);\n    "])))}})),Me=function(){return Me=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Me.apply(this,arguments)},Be=function(e){var n=Ne().styles;return i.createElement($.Z,Me({placeholder:i.createElement("div",{className:n["loading-div"]},i.createElement(Ce.Z,{size:"small"})),preview:!1},e))},Le=function(){return Le=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Le.apply(this,arguments)},We=function(e){var n=ze().styles;return i.createElement("div",{className:n.image},i.createElement(Be,Le({},e)))},Fe=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},Re=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},He=function(){var e=K().openMainWidget;return{openAsset:function(n){return Fe(this,void 0,void 0,(function(){var t,r,o;return Re(this,(function(a){switch(a.label){case 0:return t=n.name,r=n.icon,o=n.config,[4,v.dispatch(Y.endpoints.apiAssetsIdGet.initiate({id:o.id.toString()}))];case 1:return a.sent(),e({name:t,icon:r,id:"asset-".concat(o.id),component:"asset",config:o}),[2]}}))}))}}},De=function(e){var n,t=He().openAsset;return i.createElement(i.Fragment,null,"image"===(null===(n=e.cellInfo)||void 0===n?void 0:n.row.original.type)&&i.createElement(We,{style:{cursor:"pointer"},onClick:function(){var n;if(void 0!==e.cellInfo){var r=e.cellInfo.row.original;t({name:r.filename,icon:null!==(n=r.iconName)&&void 0!==n?n:"file-question-02",config:{id:r.id}})}},src:e.cellInfo.getValue()}))},Ge=function(e){var n=e.assets,t=(0,o.$G)().t,r=(0,we.Cl)(),a=[r.accessor("fullPath",{header:t("asset.asset-editor-tabs.list.columns.preview"),cell:function(e){return"image"!==e.row.original.type?i.createElement(i.Fragment,null):i.createElement(De,{cellInfo:e})},id:"preview",size:110}),r.accessor("id",{header:t("asset.asset-editor-tabs.list.columns.id")}),r.accessor("type",{header:t("asset.asset-editor-tabs.list.columns.type")}),r.accessor("fullPath",{header:t("asset.asset-editor-tabs.list.columns.fullPath"),cell:function(e){return i.createElement(je.Z,{bordered:!1,color:"processing"},e.getValue())},id:"fullPath",size:300}),r.accessor("creationDate",{header:t("asset.asset-editor-tabs.list.columns.creationDate"),cell:function(e){return i.createElement(ve,{timestamp:1e3*e.getValue()})}}),r.accessor("modificationDate",{header:t("asset.asset-editor-tabs.list.columns.modificationDate"),cell:function(e){return i.createElement(ve,{timestamp:1e3*e.getValue()})}})];return i.createElement(Te,{data:n,columns:a,resizeable:!0})},Xe=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Ze=(0,z.kc)((function(e){var n=e.css,t=e.token;return{GridToolbar:n(se||(se=Xe(["\n      display: flex;\n      justify-content: space-between;\n      background-color: ",";\n      border-top: 1px solid ",";\n      padding-right: ","px;\n      padding-left: ","px;\n      height: ","px;\n      align-items: center;\n      justify-content: space-between;\n    "],["\n      display: flex;\n      justify-content: space-between;\n      background-color: ",";\n      border-top: 1px solid ",";\n      padding-right: ","px;\n      padding-left: ","px;\n      height: ","px;\n      align-items: center;\n      justify-content: space-between;\n    "])),t.colorBgToolbar,t.colorBorderTertiary,t.paddingSM,t.paddingXS,t.sizeXXL)}})),Je=function(e){var n=Ze().styles;return i.createElement("div",{className:n.GridToolbar},i.createElement("div",null)," ",e.renderPagination)},qe=t(8966),Ue=function(e){var n=e.pager;return i.createElement(Je,{renderPagination:i.createElement(qe.Z,{total:n.total,showTotal:function(e){return"Total ".concat(e," items")},defaultPageSize:n.pageSize,current:n.current,onChange:n.onChange,pageSizeOptions:["10","20","50","100"]})})},Ve=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Qe=(0,z.kc)((function(e){var n=e.token;return{ContentToolbarSidebarLayout:(0,e.css)(de||(de=Ve(["\n      &.content-toolbar-sidebar-layout {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        width: 100%;\n        overflow: hidden;\n      }\n\n      .content-toolbar-sidebar-layout__content {\n        display: flex;\n        overflow: auto;\n        height: 100%;\n        width: 100%;\n      }\n\n      .content-toolbar-sidebar-layout__toolbar {\n        position: sticky;\n        bottom: 0;\n        height: ","px; \n      }\n    "],["\n      &.content-toolbar-sidebar-layout {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        width: 100%;\n        overflow: hidden;\n      }\n\n      .content-toolbar-sidebar-layout__content {\n        display: flex;\n        overflow: auto;\n        height: 100%;\n        width: 100%;\n      }\n\n      .content-toolbar-sidebar-layout__toolbar {\n        position: sticky;\n        bottom: 0;\n        height: ","px; \n      }\n    "])),n.sizeXXL)}}),{hashPriority:"low"}),Ke=function(e){var n=["content-toolbar-sidebar-layout",Qe().styles.ContentToolbarSidebarLayout];return void 0!==e.renderToolbar&&n.push("content-toolbar-sidebar-layout--with-toolbar"),i.createElement("div",{className:n.join(" ")},i.createElement("div",{className:"content-toolbar-sidebar-layout__content"},e.children),void 0!==e.renderToolbar&&i.createElement("div",{className:"content-toolbar-sidebar-layout__toolbar"},e.renderToolbar))},$e=function(){var e=(0,i.useContext)(mn),n=(0,i.useState)(1),t=n[0],r=n[1],o=(0,i.useState)(20),a=o[0],l=o[1],c=e.id,s=ee({parentId:c,page:t,itemsPerPage:a}),d=s.isLoading,u=s.isError,p=s.data;if(d||void 0===p)return i.createElement("div",null,"Loading...");if(u)return i.createElement("div",null,"Error");var f=p["hydra:totalItems"];return i.createElement(Ke,{renderToolbar:i.createElement(Ue,{pager:{current:t,total:f,pageSize:a,onChange:function(e,n){r(e),l(n)}}})},i.createElement(Ge,{assets:p["hydra:member"]}))},Ye=new ge;Ye.register({children:i.createElement($e,null),icon:i.createElement(W,{name:"unordered-list-outlined"}),key:"list",label:a.t("folder.folder-editor-tabs.view")});var en,nn,tn,rn=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},on=(0,z.kc)((function(e){var n=e.token,t=e.css;return{editorTabs:t(en||(en=rn(["\n      height: 100%;\n      width: 100%;\n      overflow: hidden;\n\n      .ant-tabs-content {\n        display: flex;\n        height: 100%;\n      }\n\n      &.ant-tabs .ant-tabs-tab {\n        padding: 0;\n        transition: color .2s;\n      }\n\n      .ant-tabs-tabpane {\n        position: relative;\n        display: flex;\n        height: 100%;\n        width: 100%;\n      }\n\n      .ant-tabs-content-holder {\n        overflow: auto;\n      }\n\n      &.ant-tabs .ant-tabs-tab+.ant-tabs-tab {\n        margin-left: ","px;\n        margin-right: ","px;\n      }\n      &.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n        color: ","\n      }\n      &.ant-tabs-top >.ant-tabs-nav {\n        margin-bottom: 0;\n      }\n\n      &.ant-tabs .ant-tabs-tab-btn .ant-tabs-tab-icon:not(:last-child) {\n        margin-inline-end: 0;\n      }\n      \n      .ant-tabs-tab {\n        padding: 0;\n        \n        &:first-of-type {\n            margin-left: ","px;\n            margin-right: ","px;\n        }\n        \n        .ant-tabs-tab-btn {\n          display: flex;\n          padding-top: ","px;\n          padding-bottom: ","px;\n          justify-content: center;\n          align-items: center;\n          gap: ","px;\n          \n          .ant-tabs-tab-icon {\n            height: 16px;\n            justify-content: center;\n            align-content: center;\n            margin-inline-end: 0;\n            color: ",";\n            \n            svg {\n              height: 16px;\n              width: 16px\n            }\n          }\n        }\n\n        &:not(.ant-tabs-tab-active) {\n          .ant-tabs-tab-icon {\n            &:hover {\n                color: ",";\n            }\n          }\n        }\n        \n        &.ant-tabs-tab-active  {\n          .ant-tabs-tab-icon {\n              color: ","\n          }\n        }\n      }\n    "],["\n      height: 100%;\n      width: 100%;\n      overflow: hidden;\n\n      .ant-tabs-content {\n        display: flex;\n        height: 100%;\n      }\n\n      &.ant-tabs .ant-tabs-tab {\n        padding: 0;\n        transition: color .2s;\n      }\n\n      .ant-tabs-tabpane {\n        position: relative;\n        display: flex;\n        height: 100%;\n        width: 100%;\n      }\n\n      .ant-tabs-content-holder {\n        overflow: auto;\n      }\n\n      &.ant-tabs .ant-tabs-tab+.ant-tabs-tab {\n        margin-left: ","px;\n        margin-right: ","px;\n      }\n      &.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n        color: ","\n      }\n      &.ant-tabs-top >.ant-tabs-nav {\n        margin-bottom: 0;\n      }\n\n      &.ant-tabs .ant-tabs-tab-btn .ant-tabs-tab-icon:not(:last-child) {\n        margin-inline-end: 0;\n      }\n      \n      .ant-tabs-tab {\n        padding: 0;\n        \n        &:first-of-type {\n            margin-left: ","px;\n            margin-right: ","px;\n        }\n        \n        .ant-tabs-tab-btn {\n          display: flex;\n          padding-top: ","px;\n          padding-bottom: ","px;\n          justify-content: center;\n          align-items: center;\n          gap: ","px;\n          \n          .ant-tabs-tab-icon {\n            height: 16px;\n            justify-content: center;\n            align-content: center;\n            margin-inline-end: 0;\n            color: ",";\n            \n            svg {\n              height: 16px;\n              width: 16px\n            }\n          }\n        }\n\n        &:not(.ant-tabs-tab-active) {\n          .ant-tabs-tab-icon {\n            &:hover {\n                color: ",";\n            }\n          }\n        }\n        \n        &.ant-tabs-tab-active  {\n          .ant-tabs-tab-icon {\n              color: ","\n          }\n        }\n      }\n    "])),n.paddingSM,n.paddingSM,n.colorPrimaryActive,n.paddingSM,n.paddingSM,n.paddingXS,n.paddingXS,n.Tabs.paddingTabs,n.Tabs.itemUnselectedIconColor,n.colorIconHover,n.colorPrimaryActive),onlyActiveLabel:t(nn||(nn=rn(["\n      .ant-tabs-tab:not(.ant-tabs-tab-active) {\n          span:nth-child(2) {\n              display: none;\n          }\n\n          .ant-tabs-tab-icon {\n              margin-inline-end: 0;\n          }\n      }\n\n      @keyframes fadeIn {\n          from {\n              opacity: 0;\n          }\n\n          to {\n              opacity: 1;\n          }\n      }\n\n      .ant-tabs-tab.ant-tabs-tab-active {\n          border-bottom: 2px solid ",";\n      }\n    "],["\n      .ant-tabs-tab:not(.ant-tabs-tab-active) {\n          span:nth-child(2) {\n              display: none;\n          }\n\n          .ant-tabs-tab-icon {\n              margin-inline-end: 0;\n          }\n      }\n\n      @keyframes fadeIn {\n          from {\n              opacity: 0;\n          }\n\n          to {\n              opacity: 1;\n          }\n      }\n\n      .ant-tabs-tab.ant-tabs-tab-active {\n          border-bottom: 2px solid ",";\n      }\n    "])),n.colorPrimaryActive)}}),{hashPriority:"low"}),an=t(6997),ln=function(e){var n=e.defaultActiveKey,t=e.showLabelIfActive,r=e.items,o=on().styles;return i.createElement(an.Z,{className:"".concat(o.editorTabs," ").concat(!0===t?o.onlyActiveLabel:""),defaultActiveKey:n,items:r})},cn=Ye.getTabs(),sn=function(){return i.createElement(ln,{defaultActiveKey:"list",items:cn,showLabelIfActive:!0})},dn=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},un=(0,z.kc)((function(e){var n=e.token;return{tabbarToolbar:(0,e.css)(tn||(tn=dn(["\n      &.tabs-toolbar-layout {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        width: 100%;\n        overflow: hidden;\n      }\n\n      .tabs-toolbar-layout__tabbar {\n        display: flex;\n        overflow: hidden;\n        height: calc(100% - ","px);\n        width: 100%;\n      }\n\n      .tabs-toolbar-layout__toolbar {\n        display: flex;\n        overflow: hidden;\n        height: ","px;\n        width: 100%;\n      }\n    "],["\n      &.tabs-toolbar-layout {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        width: 100%;\n        overflow: hidden;\n      }\n\n      .tabs-toolbar-layout__tabbar {\n        display: flex;\n        overflow: hidden;\n        height: calc(100% - ","px);\n        width: 100%;\n      }\n\n      .tabs-toolbar-layout__toolbar {\n        display: flex;\n        overflow: hidden;\n        height: ","px;\n        width: 100%;\n      }\n    "])),n.sizeXXL,n.sizeXXL)}}),{hashPriority:"low"}),pn=function(e){var n=un().styles;return i.createElement("div",{className:["tabs-toolbar-layout",n.tabbarToolbar].join(" ")},i.createElement("div",{className:"tabs-toolbar-layout__tabbar"},e.renderTabbar),i.createElement("div",{className:"tabs-toolbar-layout__toolbar"},e.renderToolbar))},fn=function(){return i.createElement(pn,{renderTabbar:i.createElement(sn,null),renderToolbar:i.createElement("div",null,"Toolbar")})},bn=function(){var e=Tn.getTabs();return i.createElement(ln,{defaultActiveKey:"1",items:e,showLabelIfActive:!0})},hn=function(){return i.createElement(pn,{renderTabbar:i.createElement(bn,null),renderToolbar:i.createElement("div",null,"Toolbar")})},mn=(0,i.createContext)({}),gn=function(){var e=(0,i.useContext)(mn),n=be(e.id),t=n.isError,r=n.isLoading,o=n.asset;return r||void 0===o?i.createElement("h4",null,"Loading..."):t?i.createElement("h4",null,"Error"):"image"===o.type?i.createElement(i.Fragment,null,i.createElement($.Z,{src:o.fullPath})):i.createElement(i.Fragment,null,i.createElement("div",null,"view"))},vn=function(){return i.createElement("h4",null,"Edit TAB")},yn=function(){return i.createElement("h4",null,"Embedded Metadata TAB")},xn=function(){return i.createElement("h4",null,"Custom Metadata TAB")},wn=function(){return i.createElement("h4",null,"Versions TAB")},_n=function(){return i.createElement("h4",null,"Schedule TAB")},En=function(){return i.createElement("h4",null,"Dependencies TAB")},Pn=function(){return i.createElement("h4",null,"Notes & Events TAB")},kn=function(){return i.createElement("h4",null,"Workflow TAB")},On=function(){return i.createElement("h4",null,"Tags TAB")},Sn=function(){var e=function(n,t){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])},e(n,t)};return function(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=n}e(n,t),n.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}}(),Tn=new(function(e){function n(){var n=e.call(this)||this;return n.type="asset",n}return Sn(n,e),n}(he));Tn.register({key:"view",label:a.t("asset.asset-editor-tabs.view"),children:i.createElement(gn,null),icon:i.createElement(W,{name:"image-05"})}),Tn.register({key:"edit",label:a.t("asset.asset-editor-tabs.edit"),children:i.createElement(vn,null),icon:i.createElement(W,{name:"edit"})}),Tn.register({key:"embedded-metadata",label:a.t("asset.asset-editor-tabs.embedded-metadata"),children:i.createElement(yn,null),icon:i.createElement(W,{name:"data-sheet"})}),Tn.register({key:"custom-metadata",label:a.t("asset.asset-editor-tabs.custom-metadata"),children:i.createElement(xn,null),icon:i.createElement(W,{name:"data-management-2"})}),Tn.register({key:"versions",label:a.t("asset.asset-editor-tabs.versions"),children:i.createElement(wn,null),icon:i.createElement(W,{name:"history-outlined"})}),Tn.register({key:"schedule",label:a.t("asset.asset-editor-tabs.schedule"),children:i.createElement(_n,null),icon:i.createElement(W,{name:"schedule-outlined"})}),Tn.register({key:"dependencies",label:a.t("asset.asset-editor-tabs.dependencies"),children:i.createElement(En,null),icon:i.createElement(W,{name:"hierarchy"})}),Tn.register({key:"notes-events",label:a.t("asset.asset-editor-tabs.notes-events"),children:i.createElement(Pn,null),icon:i.createElement(W,{name:"view-details"})}),Tn.register({key:"tags",label:a.t("asset.asset-editor-tabs.tag"),children:i.createElement(On,null),icon:i.createElement(W,{name:"tag-two-tone"})}),Tn.register({key:"workflow",label:a.t("asset.asset-editor-tabs.workflow"),children:i.createElement(kn,null),icon:i.createElement(W,{name:"workflow"})}),s({name:"asset",component:function(e){var n=e.id,t=be(n),r=t.isLoading,o=t.isError,a=t.asset;return o?i.createElement("div",null,"Error"):r||void 0===a?i.createElement("div",null,"Loading..."):i.createElement(mn.Provider,{value:{id:n}},"image"===a.type&&i.createElement(hn,null),"folder"===a.type&&i.createElement(fn,null))}});var jn,An,zn=t(9372),Cn=t(3512),In=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Nn=(0,z.kc)((function(e){var n=e.token;return{treeNode:(0,e.css)(jn||(jn=In(["\n      user-select: none;\n\n      .tree-node__content {\n        cursor: pointer;\n        width: 100%;\n        padding: 2px ","px 2px 0;\n        white-space: nowrap;\n        align-items: center;\n\n        @media (hover: hover) {\n          &:hover {\n            background-color: ",";\n          }\n        }\n      }\n\n      &.tree-node--selected > .tree-node__content {\n        background-color: ",";\n      }\n\n      .tree-node__content-wrapper {\n        max-width: max(100px, calc(100% - 16px));\n      }\n\n      .tree-node-content__label {\n        display: inline-block;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n    "],["\n      user-select: none;\n\n      .tree-node__content {\n        cursor: pointer;\n        width: 100%;\n        padding: 2px ","px 2px 0;\n        white-space: nowrap;\n        align-items: center;\n\n        @media (hover: hover) {\n          &:hover {\n            background-color: ",";\n          }\n        }\n      }\n\n      &.tree-node--selected > .tree-node__content {\n        background-color: ",";\n      }\n\n      .tree-node__content-wrapper {\n        max-width: max(100px, calc(100% - 16px));\n      }\n\n      .tree-node-content__label {\n        display: inline-block;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n    "])),n.paddingSM,n.controlItemBgActiveHover,n.controlItemBgActive)}})),Mn=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Bn=(0,z.kc)((function(e){var n=e.token;return{"tree-list__pager":(0,e.css)(An||(An=Mn([" \n      padding: ","px 0;\n\n      &:empty {\n        padding: 0;\n      }\n    "],[" \n      padding: ","px 0;\n\n      &:empty {\n        padding: 0;\n      }\n    "])),n.paddingSM)}})),Ln=function(){return Ln=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Ln.apply(this,arguments)},Wn=zn.Z.useToken,Fn=function(e){var n=e.node,t=Wn().token,r=Bn().styles,o=(0,i.useContext)($n),a=o.renderFilter,l=o.renderPager,c=(0,o.nodeApiHook)(n),s=c.apiHookResult,d=c.dataTransformer,u=c.setAdditionalQueryParams,p=s.isLoading,f=s.isError,b=s.data;if(!0===p)return i.createElement(i.Fragment,null);if(!0===f)return i.createElement(i.Fragment,null,"Error");var h=d(b),m=h.nodes,g=h.total;return i.createElement(i.Fragment,null,void 0!==a&&i.createElement(a,{node:n,setAdditionalQueryParams:u}),i.createElement("div",{className:"tree-list"},null==m?void 0:m.map((function(e){return i.createElement(Jn,Ln({key:e.id},e))}))),void 0!==l&&i.createElement("div",{className:["tree-list__pager",r["tree-list__pager"]].join(" "),style:{paddingLeft:t.paddingSM+24*(n.level+1)}},i.createElement(l,{node:n,total:g,setAdditionalQueryParams:u})))},Rn=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},Hn=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},Dn=function(e){var n=e.node,t=e.state,r=n.hasChildren,o=n.children,a=(0,i.useContext)($n).onLoad,l=t[0],c=t[1];return i.createElement("div",{className:"tree-expander",style:{minWidth:16,width:16,height:16}},!0===n.hasChildren&&i.createElement("span",{onClick:function(e){return Rn(this,void 0,void 0,(function(){var t;return Hn(this,(function(i){switch(i.label){case 0:return e.stopPropagation(),!0!==r?[3,3]:(t=!l)&&void 0!==a&&0===o.length?[4,a(n)]:[3,2];case 1:i.sent(),i.label=2;case 2:c(t),i.label=3;case 3:return[2]}}))}))}},l?i.createElement(W,{name:"chevron-up",options:{width:16,height:16}}):i.createElement(W,{name:"chevron-down",options:{width:16,height:16}})))},Gn=function(){return Gn=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Gn.apply(this,arguments)},Xn={id:Math.random().toString(16).slice(2),icon:"folder",label:"Node",children:[],level:0},Zn=zn.Z.useToken,Jn=function(e){var n,t=Zn().token,r=e.children,o=Nn().styles,a=(0,i.useContext)($n),l=a.renderNodeContent,c=a.onSelect,s=a.selectedIdsState,d=i.useState(0!==r.length),u=d[0],p=d[1],f=s,b=f[0],h=f[1];return i.createElement("div",{className:(n=["tree-node",o.treeNode],b.includes(e.id)&&n.push("tree-node--selected"),n.join(" "))},i.createElement(Cn.Z,{gap:"small",className:"tree-node__content",onClick:function(){h([e.id]),void 0!==c&&c(Gn({},e))},style:{paddingLeft:t.paddingSM+20*e.level,minWidth:"".concat(20*e.level+200,"px")}},i.createElement(Dn,{node:e,state:[u,p]}),i.createElement("div",{className:"tree-node__content-wrapper"},i.createElement(l,{node:e}))),u&&i.createElement(Fn,{node:e}))};Jn.defaultProps=Xn;var qn,Un=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Vn=(0,z.kc)((function(e){var n=e.token;return{tree:(0,e.css)(qn||(qn=Un(["\n      padding: ","px 0 ","px 0;\n      max-width: 100%;\n      color: ","\n    "],["\n      padding: ","px 0 ","px 0;\n      max-width: 100%;\n      color: ","\n    "])),n.paddingXXS,n.paddingXS,n.colorTextTreeElement)}})),Qn=function(){return Qn=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Qn.apply(this,arguments)},Kn={nodeId:1,nodeApiHook:function(){},maxItemsPerNode:30,renderNodeContent:function(e){var n=e.node,t=n.icon,r=n.label;return i.createElement(Cn.Z,{align:"center",gap:"small"},i.createElement(W,{name:t,options:{width:16,height:16}}),i.createElement("span",{className:"tree-node-content__label"},r))}},$n=(0,i.createContext)(Qn({},Kn)),Yn=function(e){var n=(0,i.useState)([]),t=Vn().styles,r=e.nodeId,o=(0,e.nodeApiHook)({id:r,level:-1}),a=o.apiHookResult,l=o.dataTransformer,c=a.isLoading,s=a.isError,d=a.data;if(!1!==s)return i.createElement("div",null,"Error");var u=[];!1===c&&void 0!==d&&(u=l(d).nodes);return i.createElement(i.Fragment,null,!1===c&&0!==u.length&&i.createElement("div",{className:["tree",t.tree].join(" ")},i.createElement($n.Provider,{value:Qn(Qn({},e),{selectedIdsState:n})},u.map((function(e){return i.createElement(Jn,Qn({key:e.id},e))})))))};Yn.defaultProps=Kn;var et=function(){return et=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},et.apply(this,arguments)},nt=function(e){var n=(0,i.useState)(),t=n[0],r=n[1],o=(0,i.useContext)($n).maxItemsPerNode;return{apiHookResult:ee(et({parentId:parseInt(e.id),itemsPerPage:o,page:1},t)),dataTransformer:function(n){var t,r=[];n["hydra:member"].forEach((function(n){var t;r.push({id:n.id.toString(),icon:null!==(t=n.iconName)&&void 0!==t?t:"file-question-02",label:n.filename,children:[],hasChildren:n.children,metaData:{asset:n},level:e.level+1})}));var a=null!==(t=n["hydra:totalItems"])&&void 0!==t?t:o;return{nodes:r,total:a}},setAdditionalQueryParams:r}},tt=function(e){var n=(0,i.useState)(1),t=n[0],r=n[1],o=(0,i.useContext)($n).maxItemsPerNode,a=e.total;return(0,i.useEffect)((function(){r(1)}),[e.total]),i.createElement(qe.Z,{current:t,onChange:function(n){r(n),e.setAdditionalQueryParams({page:n})},hideOnSinglePage:!0,simple:!0,pageSize:o,total:a})},rt=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},ot=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},at=function(e){var n=e.id,t=He().openAsset;return i.createElement(Yn,{nodeId:n,nodeApiHook:nt,maxItemsPerNode:20,renderPager:tt,onSelect:function(e){return rt(this,void 0,void 0,(function(){return ot(this,(function(n){switch(n.label){case 0:return[4,v.dispatch(Y.endpoints.apiAssetsIdGet.initiate({id:e.id}))];case 1:return n.sent(),t({name:e.label,icon:e.icon,config:{id:parseInt(e.id)}}),[2]}}))}))}})};at.defaultProps={id:1},s({name:"asset-tree",component:at});var it=t(745);function lt(e){return lt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},lt(e)}function ct(){ct=function(e,n){return new t(e,void 0,n)};var e=RegExp.prototype,n=new WeakMap;function t(e,r,o){var a=new RegExp(e,r);return n.set(a,o||n.get(e)),st(a,t.prototype)}function r(e,t){var r=n.get(t);return Object.keys(r).reduce((function(n,t){var o=r[t];if("number"==typeof o)n[t]=e[o];else{for(var a=0;void 0===e[o[a]]&&a+1<o.length;)a++;n[t]=e[o[a]]}return n}),Object.create(null))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&st(e,n)}(t,RegExp),t.prototype.exec=function(n){var t=e.exec.call(this,n);if(t){t.groups=r(t,this);var o=t.indices;o&&(o.groups=r(o,this))}return t},t.prototype[Symbol.replace]=function(t,o){if("string"==typeof o){var a=n.get(this);return e[Symbol.replace].call(this,t,o.replace(/\$<([^>]+)>/g,(function(e,n){var t=a[n];return"$"+(Array.isArray(t)?t.join("$"):t)})))}if("function"==typeof o){var i=this;return e[Symbol.replace].call(this,t,(function(){var e=arguments;return"object"!=lt(e[e.length-1])&&(e=[].slice.call(e)).push(r(e,i)),o.apply(this,e)}))}return e[Symbol.replace].call(this,t,o)},ct.apply(this,arguments)}function st(e,n){return st=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},st(e,n)}var dt=function(){return dt=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},dt.apply(this,arguments)},ut={token:dt({colorLinkHover:"#9254de",controlOutline:"rgba(0.4470588266849518, 0.18039216101169586, 0.8196078538894653, 0.10000000149011612)",controlItemBgActive:"#f8eeff",colorFill:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.6000000238418579)",colorFillQuaternary:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.44999998807907104)",colorBgLayout:"#fcfcfc",colorPrimary:"#722ed1",fontSize:12,fontSizeHeading1:35,colorIconSecondary:"#4d4169",colorFillNav:"rgba(0.3019607961177826, 0.2549019753932953, 0.4117647111415863, 0.07999999821186066)",colovIconSidebar:"#22075e",colorBorderActive:"#fa8c16",colorLogo:"#5520a6",colorBorderTertiary:"#dfd7ea",colorTextTreeElement:"#404655",colorIconTree:"#404655",colorIconTreeUnpublished:"rgba(0.250980406999588, 0.27450981736183167, 0.3333333432674408, 0.4000000059604645)",colorBgToolbar:"#f5f3fa"},{fontFamily:"Lato, sans-serif"}),components:{Pagination:{colorPrimary:"#531dab"},Tree:{colorBorderTree:"#dfd7ea",colorTextTree:"#404655",colorPrimaryHeading:"#531dab",colorTextTreeUnpublished:"rgba(0, 0, 0, 0.25)"},Button:{defaultBorderColor:"#d3adf7",defaultColor:"#722ed1",defaultGhostBorderColor:"#d9d9d9",textGhostColor:"rgba(0, 0, 0, 0.8799999952316284)"},Table:{cellPaddingBlockSM:4,cellPaddingInlineSM:4,footerBg:"#fafafa",headerBg:"#fafafa"},Tabs:{colorBgSelectedTab:"#ffffff",inkBarColor:"#531dab",itemColor:"rgba(0, 0, 0, 0.6499999761581421)",itemHoverColor:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.6000000238418579)",itemUnselectedIconColor:"#4d4169",colorBorderActiveTab:"#fa8c16",colorBgUnselectedTab:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.44999998807907104)",colorBgHoverUnselectedTab:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.6000000238418579)",colorBorderContainer:"#dfd7ea",paddingTabs:8},Avatar:{colorUserIndicator:"#722ed1"},Example:{color:"#722ed1"}}},pt=JSON.stringify(ut),ft=ct(/rgba\((\d+(\.\d+)?),\s(\d+(\.\d+)?),\s(\d+(\.\d+)?),\s(\d+(\.\d+)?)\)/g,{red:1,green:3,blue:5,alpha:7});pt=pt.replace(ft,(function(e,n,t,r,o,a,i,l){return"rgba(".concat(256*n,", ").concat(256*r,", ").concat(256*a,", ").concat(l,")")}));var bt,ht,mt,gt,vt,yt,xt=JSON.parse(pt),wt=function(e){var n=e.children;return i.createElement(z.f6,{theme:xt},n)},_t=function(e){var n=e.children;return i.createElement(wt,null,i.createElement(u.zt,{store:v},n))},Et=t(291),Pt=t(9366),kt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Ot=(0,z.kc)((function(e){e.token;return{leftSidebar:(0,e.css)(bt||(bt=kt(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .left-sidebar__avatar {\n        margin: 8px 15px 0 15px;\n        pointer-events: all;\n      }\n\n      .ant-avatar {\n        background-color: rgba(114, 46, 209, 0.66);\n\n        .anticon {\n          vertical-align: 0;\n        }\n      }\n    "],["\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .left-sidebar__avatar {\n        margin: 8px 15px 0 15px;\n        pointer-events: all;\n      }\n\n      .ant-avatar {\n        background-color: rgba(114, 46, 209, 0.66);\n\n        .anticon {\n          vertical-align: 0;\n        }\n      }\n    "])))}})),St=function(){var e=Ot().styles;return i.createElement("div",{className:e.leftSidebar},i.createElement(Et.C,{className:"left-sidebar__avatar",size:26,icon:i.createElement(Pt.Z,null)}))},Tt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},jt=function(){return jt=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},jt.apply(this,arguments)},At=function(e){var n,t,r=jt({zIndexPopup:e.zIndexPopupBase+50,cardBg:e.colorFillAlter,cardHeight:e.controlHeightLG,cardPadding:"",cardPaddingSM:"".concat(1.5*e.paddingXXS,"px ").concat(e.padding,"px"),cardPaddingLG:"".concat(e.paddingXS,"px ").concat(e.padding,"px ").concat(1.5*e.paddingXXS,"px"),titleFontSize:"".concat(e.fontSize,"px"),titleFontSizeLG:"".concat(e.fontSizeLG,"px"),titleFontSizeSM:"".concat(e.fontSize,"px"),inkBarColor:e.colorPrimary,horizontalMargin:"0 0 ".concat(e.margin,"px 0"),horizontalItemGutter:32,horizontalItemMargin:"",horizontalItemMarginRTL:"",horizontalItemPadding:"".concat(e.paddingSM,"px 0"),horizontalItemPaddingSM:"".concat(e.paddingXS,"px 0"),horizontalItemPaddingLG:"".concat(e.padding,"px 0"),verticalItemPadding:"".concat(e.paddingXS,"px ").concat(e.paddingLG,"px"),verticalItemMargin:"".concat(e.margin,"px 0 0 0"),itemSelectedColor:e.colorPrimary,itemHoverColor:e.colorPrimaryHover,itemActiveColor:e.colorPrimaryActive,cardGutter:e.marginXXS/2},null!==(n=null==e?void 0:e.Tabs)&&void 0!==n?n:{});return r=jt(jt({},r),{tabsCardPadding:null!==(t=e.cardPadding)&&void 0!==t?t:"".concat((r.cardHeight-Math.round(e.fontSize*e.lineHeight))/2-e.lineWidth,"px ").concat(e.paddingSM,"px"),dropdownEdgeChildVerticalPadding:e.paddingXXS,tabsActiveTextShadow:"0 0 0.25px currentcolor",tabsDropdownHeight:200,tabsDropdownWidth:120,tabsHorizontalItemMargin:"0 0 0 ".concat(e.horizontalItemGutter,"px"),tabsHorizontalItemMarginRTL:"0 0 0 ".concat(e.horizontalItemGutter,"px")})},zt=(0,z.kc)((function(e){var n=e.token,t=e.css,r=At(n);return{widgetManager:t(ht||(ht=Tt(["\n      position: absolute;\n      inset: 8px 6px 4px 6px;\n\n      .flexlayout__tab_button_leading,\n      .flexlayout__border_button_leading {\n        display: none;\n      }\n\n      .flexlayout__tab_button {\n        margin: 0;\n        padding: ",";\n        background: ",";\n        transition: all "," ",";\n        font-size: ","px;\n        color: ",";\n        outline: none;\n        gap: ","px;\n      \n        &:hover {\n          background: ",";\n        }\n\n        &_trailing {\n          display: none;\n        }\n\n        &--selected {\n          font-weight: ",";\n          color: ",";\n          background: ",";\n          border-top: 1px solid ",";\n\n          .widget-manager-tab-title {\n            margin-top: -2px;\n          }\n\n          &:hover {\n            background: ",";\n          }\n\n          & .flexlayout__tab_button_trailing {\n            margin-top: -2px;\n            display: flex;\n          }\n        }\n\n        &:focus:not(:focus-visible), &:active {\n          color: ",";\n        }\n\n        &:first-child {\n          border-left: 1px solid ","66;\n        }\n      }\n\n      .flexlayout__tabset_tab_divider {\n        width: ","px;\n      }\n\n      .flexlayout__tab_button_top {\n        border-radius: ","px ","px 0 0;\n        border-bottom: 0;\n      }\n\n      .flexlayout__border_inner_tab_container {\n        width: calc(100svh - 12px);\n        justify-content: flex-end;\n      }\n\n      .flexlayout__border_inner_tab_container_left, .flexlayout__border_inner_tab_container_right {\n        alignItems: end;\n\n        .flexlayout__border_tab_divider {\n          width: 0;\n        }\n      }\n\n      .flexlayout__splitter,\n      .flexlayout__border,\n      .flexlayout__tabset_tabbar_outer {\n        background: transparent;\n      }\n\n      .flexlayout__tab {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: 0 ","px ","px ","px;\n      }\n\n      .flexlayout__tab_border {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-top: 1px solid ","66;\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: ","px;\n      }\n\n      .flexlayout__tabset {\n        overflow: visible;\n        border-radius: ","px;\n        font-family: ",";\n\n        &, &-selected {\n          background: transparent;\n        }\n      }\n\n      .flexlayout__border {\n        font-family: ",";\n      }\n\n      .flexlayout__border_button {\n        margin: 0 0 6px 0;\n        background: transparent;\n        width: 40px;\n        justify-content: center;\n        border-radius: ","px;\n        transition: all "," ",";\n\n        &--selected {\n          color: ",";\n          border-top: 1.5px solid var(--Colors-Base-Purple-7, #531DAB);\n          background: ",";\n        }\n      }\n\n      @media (hover: hover) {\n        .flexlayout__border_button--unselected:hover {\n          color: ","; \n          background: ",";\n        }\n      }\n\n      .flexlayout__border_button_trailing {\n        display: none;\n      }\n\n      .flexlayout__border_left {\n        border-right: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(90deg);\n        }\n      }\n\n      .flexlayout__border_right {\n        border-left: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(-90deg);\n        }\n      }\n\n      .flexlayout__tabset_tabbar_outer_top {\n        border: 0;\n      }\n\n      .flexlayout__tabset_tabbar_inner_tab_container {\n        padding-left: 0;\n      }\n\n      .flexlayout__border_toolbar {\n        display: none;\n      }\n    "],["\n      position: absolute;\n      inset: 8px 6px 4px 6px;\n\n      .flexlayout__tab_button_leading,\n      .flexlayout__border_button_leading {\n        display: none;\n      }\n\n      .flexlayout__tab_button {\n        margin: 0;\n        padding: ",";\n        background: ",";\n        transition: all "," ",";\n        font-size: ","px;\n        color: ",";\n        outline: none;\n        gap: ","px;\n      \n        &:hover {\n          background: ",";\n        }\n\n        &_trailing {\n          display: none;\n        }\n\n        &--selected {\n          font-weight: ",";\n          color: ",";\n          background: ",";\n          border-top: 1px solid ",";\n\n          .widget-manager-tab-title {\n            margin-top: -2px;\n          }\n\n          &:hover {\n            background: ",";\n          }\n\n          & .flexlayout__tab_button_trailing {\n            margin-top: -2px;\n            display: flex;\n          }\n        }\n\n        &:focus:not(:focus-visible), &:active {\n          color: ",";\n        }\n\n        &:first-child {\n          border-left: 1px solid ","66;\n        }\n      }\n\n      .flexlayout__tabset_tab_divider {\n        width: ","px;\n      }\n\n      .flexlayout__tab_button_top {\n        border-radius: ","px ","px 0 0;\n        border-bottom: 0;\n      }\n\n      .flexlayout__border_inner_tab_container {\n        width: calc(100svh - 12px);\n        justify-content: flex-end;\n      }\n\n      .flexlayout__border_inner_tab_container_left, .flexlayout__border_inner_tab_container_right {\n        alignItems: end;\n\n        .flexlayout__border_tab_divider {\n          width: 0;\n        }\n      }\n\n      .flexlayout__splitter,\n      .flexlayout__border,\n      .flexlayout__tabset_tabbar_outer {\n        background: transparent;\n      }\n\n      .flexlayout__tab {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: 0 ","px ","px ","px;\n      }\n\n      .flexlayout__tab_border {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-top: 1px solid ","66;\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: ","px;\n      }\n\n      .flexlayout__tabset {\n        overflow: visible;\n        border-radius: ","px;\n        font-family: ",";\n\n        &, &-selected {\n          background: transparent;\n        }\n      }\n\n      .flexlayout__border {\n        font-family: ",";\n      }\n\n      .flexlayout__border_button {\n        margin: 0 0 6px 0;\n        background: transparent;\n        width: 40px;\n        justify-content: center;\n        border-radius: ","px;\n        transition: all "," ",";\n\n        &--selected {\n          color: ",";\n          border-top: 1.5px solid var(--Colors-Base-Purple-7, #531DAB);\n          background: ",";\n        }\n      }\n\n      @media (hover: hover) {\n        .flexlayout__border_button--unselected:hover {\n          color: ","; \n          background: ",";\n        }\n      }\n\n      .flexlayout__border_button_trailing {\n        display: none;\n      }\n\n      .flexlayout__border_left {\n        border-right: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(90deg);\n        }\n      }\n\n      .flexlayout__border_right {\n        border-left: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(-90deg);\n        }\n      }\n\n      .flexlayout__tabset_tabbar_outer_top {\n        border: 0;\n      }\n\n      .flexlayout__tabset_tabbar_inner_tab_container {\n        padding-left: 0;\n      }\n\n      .flexlayout__border_toolbar {\n        display: none;\n      }\n    "])),r.tabsCardPadding,n.Tabs.colorBgUnselectedTab,n.motionDurationSlow,n.motionEaseInOut,n.fontSize,r.itemColor,n.marginXS,n.Tabs.colorBgHoverUnselectedTab,n.fontWeightStrong,r.itemActiveColor,n.colorBgContainer,n.Tabs.colorBorderActiveTab,n.colorBgContainer,r.itemActiveColor,n.Tabs.colorBorderContainer,r.cardGutter,n.borderRadius,n.borderRadius,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.borderRadius,n.borderRadius,n.borderRadius,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.borderRadius,n.borderRadius,n.fontFamily,n.fontFamily,n.borderRadiusSM,n.motionDurationSlow,n.motionEaseInOut,r.itemActiveColor,n.controlItemBgHover,n.colorTextSecondary,n.controlItemBgActiveHover)}})),Ct=function(){return Ct=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Ct.apply(this,arguments)},It=function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t},Nt=function(e){var n=It(e,[]),t=zt().styles;return i.createElement("div",{className:["widget-manager",t.widgetManager].join(" ")},i.createElement(R.Layout,Ct({},n)))},Mt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Bt=(0,z.kc)((function(e){var n=e.token;return{WidgetTitle:(0,e.css)(mt||(mt=Mt(["\n      display: flex;\n      padding: ","px ","px;\n      gap: 8px;\n      align-items: center;\n      color: ",";\n      font-weight: 600;\n    "],["\n      display: flex;\n      padding: ","px ","px;\n      gap: 8px;\n      align-items: center;\n      color: ",";\n      font-weight: 600;\n    "])),n.paddingXS,n.paddingSM,n.Tree.colorPrimaryHeading)}})),Lt=function(e){var n=Bt().styles,t=e.title,r=e.icon;return i.createElement("div",{className:n.WidgetTitle},i.createElement(W,{name:r,options:{width:18,height:18}}),i.createElement("span",null,t))},Wt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Ft=(0,z.kc)((function(e){e.token;return{Widget:(0,e.css)(gt||(gt=Wt(["\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n\n      .widget__content {\n        flex: 1;\n        overflow: auto;\n      }\n    "],["\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n\n      .widget__content {\n        flex: 1;\n        overflow: auto;\n      }\n    "])))}})),Rt=function(e){var n=Ft().styles,t=e.title,r=e.showTitle,o=e.icon,a=e.children;return i.createElement("div",{className:["widget",n.Widget].join(" ")},!0===r&&i.createElement(Lt,{icon:o,title:t}),i.createElement("div",{className:"widget__content"},a))},Ht=function(){return Ht=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Ht.apply(this,arguments)},Dt=function(e){var n,t=e.node,r=e.component,o=t.getParent()instanceof R.BorderNode;return i.createElement(Rt,{icon:null!==(n=t.getIcon())&&void 0!==n?n:"widget-default",title:t.getName(),showTitle:o},i.createElement(r,Ht({},t.getConfig())))},Gt=function(e){var n=e.getComponent();if(void 0!==n){var t,r=(t=n,c.find((function(e){return e.name===t})));if(void 0===r)throw new Error("Widget ".concat(n," not found"));var o=r.component;return i.createElement(Dt,{node:e,component:o})}},Xt=function(e){var n=e.icon;e.title;return i.createElement("div",null,i.createElement(W,{name:n,options:{width:16,height:16}}))},Zt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Jt=(0,z.kc)((function(e){e.token;return{title:(0,e.css)(vt||(vt=Zt(["\n      .ant-space-item {\n        display: flex;\n        align-items: center;\n      }\n    "],["\n      .ant-space-item {\n        display: flex;\n        align-items: center;\n      }\n    "])))}})),qt=function(e){var n=e.icon,t=e.title,r=Jt().styles;return i.createElement(j.Z,{className:["widget-manager-tab-title",r.title].join(" ")},i.createElement(W,{name:n,options:{width:16,height:16}}),i.createElement("span",null,t))},Ut=function(e){var n,t=e.node,r=(0,i.useState)(t.getParent()instanceof R.BorderNode)[0],o=(0,i.useState)(null!==(n=t.getIcon())&&void 0!==n?n:"widget-default")[0];return r?i.createElement(Xt,{icon:o,title:t.getName()}):i.createElement(qt,{icon:o,title:t.getName()})},Vt=zn.Z.useToken,Qt=function(){var e=w(Q),n=x(),t=R.Model.fromJson(e),r=t.getNodeById("bottom_tabset"),o=Vt().token;return(0,i.useEffect)((function(){var e=At(o);t.doAction(R.Actions.updateModelAttributes({tabSetTabStripHeight:e.cardHeight,tabSetTabHeaderHeight:e.cardHeight,borderBarSize:50}))}),[]),0===r.getChildren().length?t.doAction(R.Actions.updateNodeAttributes(r.getId(),{height:-8})):-8===r.getHeight()&&t.doAction(R.Actions.updateNodeAttributes(r.getId(),{height:200})),i.createElement(Nt,{model:t,factory:Gt,onModelChange:function(e){n(X(e.toJson()))},onRenderTab:function(e,n){n.content=i.createElement(Ut,{node:e}),n.leading=i.createElement(i.Fragment,null)}})};function Kt(){return Kt=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Kt.apply(this,arguments)}const $t=function(e){return i.createElement("svg",Kt({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},e),yt||(yt=i.createElement("path",{fill:"#5520A6",d:"M19 7c-1.7 0-3.2.8-4.2 2.2l-3.7 5.5C10.2 16.2 8.7 17 7 17c-2.8 0-5-2.2-5-5s2.2-5 5-5c1.7 0 3.2.8 4.2 2.2l.6 1L13 8.4l-.2-.3C11.5 6.2 9.3 5 7 5c-3.9 0-7 3.1-7 7s3.1 7 7 7c2.3 0 4.5-1.2 5.8-3.1l1.4-2.1.6 1c.9 1.4 2.5 2.2 4.2 2.2 2.8 0 5-2.2 5-5s-2.2-5-5-5m0 8c-1 0-1.9-.5-2.5-1.3L15.4 12l1.1-1.6C17 9.5 18 9 19 9c1.7 0 3 1.3 3 3s-1.3 3-3 3"})))};var Yt,er,nr,tr=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},rr=(0,z.kc)((function(e){e.token;return{logo:(0,e.css)(Yt||(Yt=tr(["\n      padding: 13px 16px 0 16px;\n    "],["\n      padding: 13px 16px 0 16px;\n    "])))}})),or=function(){var e=rr().styles;return i.createElement("div",{className:["logo",e.logo].join(" ")},i.createElement($t,{width:24,height:24,color:"#333",fill:"#ff0000"}))},ar=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},ir=(0,z.kc)((function(e){e.token;return{rightSidebar:(0,e.css)(er||(er=ar(["\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .logo \n    "],["\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .logo \n    "])))}})),lr=function(){var e=ir().styles;return i.createElement("div",{className:e.rightSidebar},i.createElement(or,null))},cr=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},sr=(0,z.kc)((function(e){var n=e.token;return{baseLayout:(0,e.css)(nr||(nr=cr(["\n      position: absolute;\n      inset: 0;\n      background: #FCFCFC;\n      font-size: ","\n    "],["\n      position: absolute;\n      inset: 0;\n      background: #FCFCFC;\n      font-size: ","\n    "])),n.fontSize)}})),dr=function(){var e=sr().styles;return i.createElement("div",{className:["base-layout",e.baseLayout].join(" ")},i.createElement(St,null),i.createElement(Qt,null),i.createElement(lr,null))},ur=t(6107),pr=function(){return i.createElement(i.Fragment,null,i.createElement(i.StrictMode,null,i.createElement(_t,null,i.createElement(ur.Z,null,i.createElement(dr,null)))))};void 0!==(e=t.hmd(e)).hot&&e.hot.accept(),function(){var e=document.getElementById("app");if(null===e)throw new Error("Root element not found");(0,it.s)(e).render(i.createElement(pr,null))}()}},i={};function l(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={id:e,loaded:!1,exports:{}};return a[e].call(t.exports,t,t.exports,l),t.loaded=!0,t.exports}l.m=a,e=[],l.O=(n,t,r,o)=>{if(!t){var a=1/0;for(d=0;d<e.length;d++){for(var[t,r,o]=e[d],i=!0,c=0;c<t.length;c++)(!1&o||a>=o)&&Object.keys(l.O).every((e=>l.O[e](t[c])))?t.splice(c--,1):(i=!1,o<a&&(a=o));if(i){e.splice(d--,1);var s=r();void 0!==s&&(n=s)}}return n}o=o||0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[t,r,o]},l.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return l.d(n,{a:n}),n},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var o=Object.create(null);l.r(o);var a={};n=n||[null,t({}),t([]),t(t)];for(var i=2&r&&e;"object"==typeof i&&!~n.indexOf(i);i=t(i))Object.getOwnPropertyNames(i).forEach((n=>a[n]=()=>e[n]));return a.default=()=>e,l.d(o,a),o},l.d=(e,n)=>{for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce(((n,t)=>(l.f[t](e,n),n)),[])),l.u=e=>e+"."+{12:"b99e1420",54:"67c7a911",58:"9cf6e23a",121:"d7e855e7",125:"dea60f4e",169:"8822c732",216:"0f9af5f5",288:"328361dd",296:"59065ed1",298:"830d7e38",307:"c11c33c6",324:"eb495a70",347:"5e450f93",397:"5f3d26ea",418:"95706954",447:"9c8796fa",476:"86b891f8",491:"32b6bd6d",524:"94aec92e",577:"2aea901f",621:"ad85fc5a",625:"b487b20e",678:"c220b736",686:"f7f77fbc",732:"864ddc17",737:"9283a5f4",743:"7c7b54b8",766:"f9fa4235",801:"725aee54",905:"546b0a2d",931:"6bd2ca90",949:"adf98f9a",967:"d38ada47"}[e]+".js",l.miniCssF=e=>{},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),l.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r={},o="Pimcore:",l.l=(e,n,t,a)=>{if(r[e])r[e].push(n);else{var i,c;if(void 0!==t)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var u=s[d];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==o+t){i=u;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,l.nc&&i.setAttribute("nonce",l.nc),i.setAttribute("data-webpack",o+t),i.src=e),r[e]=[n];var p=(n,t)=>{i.onerror=i.onload=null,clearTimeout(f);var o=r[e];if(delete r[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(t))),n)return n(t)},f=setTimeout(p.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=p.bind(null,i.onerror),i.onload=p.bind(null,i.onload),c&&document.head.appendChild(i)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.p="/bundles/pimcorestudioui/build/",(()=>{var e={179:0};l.f.j=(n,t)=>{var r=l.o(e,n)?e[n]:void 0;if(0!==r)if(r)t.push(r[2]);else{var o=new Promise(((t,o)=>r=e[n]=[t,o]));t.push(r[2]=o);var a=l.p+l.u(n),i=new Error;l.l(a,(t=>{if(l.o(e,n)&&(0!==(r=e[n])&&(e[n]=void 0),r)){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;i.message="Loading chunk "+n+" failed.\n("+o+": "+a+")",i.name="ChunkLoadError",i.type=o,i.request=a,r[1](i)}}),"chunk-"+n,n)}},l.O.j=n=>0===e[n];var n=(n,t)=>{var r,o,[a,i,c]=t,s=0;if(a.some((n=>0!==e[n]))){for(r in i)l.o(i,r)&&(l.m[r]=i[r]);if(c)var d=c(l)}for(n&&n(t);s<a.length;s++)o=a[s],l.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return l.O(d)},t=self.webpackChunkPimcore=self.webpackChunkPimcore||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})();var c=l.O(void 0,[239],(()=>l(5727)));c=l.O(c),Pimcore=c})();
\ No newline at end of file
diff --git a/public/build/main.88ffc0a8.js b/public/build/main.88ffc0a8.js
deleted file mode 100644
index c5622698..00000000
--- a/public/build/main.88ffc0a8.js
+++ /dev/null
@@ -1 +0,0 @@
-var Pimcore;(()=>{"use strict";var e,n,t,r,o,a={302:(e,n,t)=>{t.r(n);var r=t(6609),o=t(1072);r.ZP.use(o.Db).init({fallbackLng:"en",partialBundledLanguages:!0,ns:[],resources:{},saveMissing:!0}).catch((function(e){console.error(e)})),r.ZP.on("missingKey",(function(e,n,t,r){}));const a=r.ZP;var i=t(7294),l=function(){return l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},l.apply(this,arguments)},c=[],s=function(e){var n=l(l({},e),{component:(0,i.memo)(e.component)});c.push(n)},d=t(469),u=t(5007),f=t(9202),p=t(7426),b=(0,f.LC)({baseQuery:(0,p.ni)({baseUrl:"/"}),endpoints:function(){return{}}}),m=function(e,n,t){if(t||2===arguments.length)for(var r,o=0,a=n.length;o<a;o++)!r&&o in n||(r||(r=Array.prototype.slice.call(n,0,o)),r[o]=n[o]);return e.concat(r||Array.prototype.slice.call(n))},h=[b],g=d.Ku.apply(void 0,m([{}],h,!1)).withLazyLoadedSlices(),v=(0,d.xC)({reducer:g,middleware:function(e){return e().concat(b.middleware)}}),y=function(e){return h.push(e),g=d.Ku.apply(void 0,m([{}],h,!1)).withLazyLoadedSlices(),v.replaceReducer(g),g},x=u.I0,w=u.v9,_=(0,d.oM)({name:"example",initialState:{value:"test2"},reducers:{selectSlice:function(e){return e},setValue:function(e,n){e.value=n.payload}},selectors:{selectValue:function(e){return e.value}}});y(_);var E,k,P=_.actions,O=_.selectors,S=P.setValue,A=O.selectValue,j=t(8230),z=t(4666),T=t(5051),C=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},I=(0,T.kc)((function(e){var n=e.token;return{example:(0,e.css)(E||(E=C(["\n      color: ",";\n    "],["\n      color: ",";\n    "])),n.Example.color)}})),M=function(){return M=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},M.apply(this,arguments)},N=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},B=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},L={camera:i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(58).then(t.bind(t,1058))];case 1:return[2,e.sent()]}}))}))})),folder:i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(678).then(t.bind(t,5678))];case 1:return[2,e.sent()]}}))}))})),"widget-default":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(625).then(t.bind(t,3625))];case 1:return[2,e.sent()]}}))}))})),"chevron-up":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(931).then(t.bind(t,5931))];case 1:return[2,e.sent()]}}))}))})),"chevron-down":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(347).then(t.bind(t,5347))];case 1:return[2,e.sent()]}}))}))})),home:i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(216).then(t.bind(t,7216))];case 1:return[2,e.sent()]}}))}))})),"image-05":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(12).then(t.bind(t,6012))];case 1:return[2,e.sent()]}}))}))})),edit:i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(125).then(t.bind(t,6125))];case 1:return[2,e.sent()]}}))}))})),"data-sheet":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(905).then(t.bind(t,905))];case 1:return[2,e.sent()]}}))}))})),"data-management-2":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(288).then(t.bind(t,919))];case 1:return[2,e.sent()]}}))}))})),"history-outlined":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(949).then(t.bind(t,6949))];case 1:return[2,e.sent()]}}))}))})),"schedule-outlined":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(169).then(t.bind(t,6169))];case 1:return[2,e.sent()]}}))}))})),hierarchy:i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(54).then(t.bind(t,54))];case 1:return[2,e.sent()]}}))}))})),"view-details":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(801).then(t.bind(t,2801))];case 1:return[2,e.sent()]}}))}))})),"tag-two-tone":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(324).then(t.bind(t,3324))];case 1:return[2,e.sent()]}}))}))})),workflow:i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(307).then(t.bind(t,5307))];case 1:return[2,e.sent()]}}))}))})),"unordered-list-outlined":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(298).then(t.bind(t,1298))];case 1:return[2,e.sent()]}}))}))})),"dots-horizontal":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(447).then(t.bind(t,4447))];case 1:return[2,e.sent()]}}))}))})),target:i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(737).then(t.bind(t,9737))];case 1:return[2,e.sent()]}}))}))})),"info-circle-outlined":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(577).then(t.bind(t,3577))];case 1:return[2,e.sent()]}}))}))})),"right-outlined":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(491).then(t.bind(t,1491))];case 1:return[2,e.sent()]}}))}))})),"rich-edit":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(732).then(t.bind(t,5732))];case 1:return[2,e.sent()]}}))}))})),"download-02":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(476).then(t.bind(t,8476))];case 1:return[2,e.sent()]}}))}))})),"delete-outlined":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(524).then(t.bind(t,2524))];case 1:return[2,e.sent()]}}))}))})),"volume-max":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(743).then(t.bind(t,6743))];case 1:return[2,e.sent()]}}))}))})),"file-code-01":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(418).then(t.bind(t,9418))];case 1:return[2,e.sent()]}}))}))})),"file-question-02":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(621).then(t.bind(t,6621))];case 1:return[2,e.sent()]}}))}))})),"file-02":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(121).then(t.bind(t,6121))];case 1:return[2,e.sent()]}}))}))})),"file-check-02":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(397).then(t.bind(t,8397))];case 1:return[2,e.sent()]}}))}))})),"file-x-03":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(296).then(t.bind(t,2296))];case 1:return[2,e.sent()]}}))}))})),"presentation-chart-01":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(766).then(t.bind(t,8766))];case 1:return[2,e.sent()]}}))}))})),"video-recorder":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(967).then(t.bind(t,1967))];case 1:return[2,e.sent()]}}))}))})),"image-01":i.lazy((function(){return N(void 0,void 0,void 0,(function(){return B(this,(function(e){switch(e.label){case 0:return[4,t.e(686).then(t.bind(t,7686))];case 1:return[2,e.sent()]}}))}))}))},W=function(e){var n,t,r=e.name,o=e.options,a=e.className,l=L[r],c=null!==(n=null==o?void 0:o.width)&&void 0!==n?n:16,s=null!==(t=null==o?void 0:o.height)&&void 0!==t?t:16;return void 0===l?i.createElement("div",{style:{width:c,height:s}}):i.createElement("div",{style:{width:c,height:s},className:"pimcore-icon pimcore-icon-".concat(r," anticon ").concat(a)},i.createElement(i.Suspense,{fallback:i.createElement("div",null)},i.createElement(l,M({width:c,height:s},o))))},F=function(e){var n=e.value,t=e.prefix,r=I().styles;return i.createElement("div",null,i.createElement(j.Z,null,i.createElement("label",{className:r.example},t),i.createElement(z.ZP,{icon:i.createElement(W,{name:"camera"}),type:"primary"},n)))},R=t(6352),H=function(){return H=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},H.apply(this,arguments)},D={model:{global:{tabEnableRename:!1,tabSetEnableMaximize:!1},layout:{type:"row",weight:100,children:[{id:"main",type:"row",children:[{type:"tabset",id:"main_tabset",enableDeleteWhenEmpty:!1,weight:50,selected:0,children:[]},{type:"tabset",id:"bottom_tabset",enableDeleteWhenEmpty:!1,weight:50,height:200,selected:0,children:[]}]}]},borders:[{type:"border",location:"left",size:315,selected:0,children:[{type:"tab",icon:"camera",name:a.t("asset.asset-tree.title"),component:"asset-tree",enableClose:!1}]},{type:"border",location:"right",size:315,selected:0,children:[{type:"tab",icon:"camera",name:a.t("asset.asset-tree.title"),component:"asset-tree",enableClose:!1,config:{id:288}},{type:"tab",icon:"widget-default",name:"actions",component:"widget-manager-actions",enableClose:!1}]}]}},G=(0,d.oM)({name:"widget-manager",initialState:D,reducers:{updateModel:function(e,n){e.model=H({},n.payload)},setActiveWidgetById:function(e,n){var t=R.Model.fromJson(e.model),r=t.getNodeById(n.payload);void 0!==r&&t.doAction(R.Actions.selectTab(r.getId())),e.model=H({},t.toJson())},openMainWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"main_tabset",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())},openBottomWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"bottom_tabset",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())},openLeftWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"border_left",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())},openRightWidget:function(e,n){var t,r=R.Model.fromJson(e.model);void 0!==n.payload.id&&(t=r.getNodeById(n.payload.id)),void 0!==t?r.doAction(R.Actions.selectTab(t.getId())):r.doAction(R.Actions.addNode(n.payload,"border_right",R.DockLocation.CENTER,-1,!0)),e.model=H({},r.toJson())}},selectors:{selectModel:function(e){return e.model}}});y(G);var Z=(k=G.actions).updateModel,X=k.openMainWidget,J=k.openBottomWidget,q=k.openLeftWidget,U=k.openRightWidget,V=k.setActiveWidgetById,Q=G.selectors.selectModel,K=function(){var e=x();return{openMainWidget:function(n){e(X(n))},openBottomWidget:function(n){e(J(n))},openLeftWidget:function(n){e(q(n))},openRightWidget:function(n){e(U(n))},switchToWidget:function(n){e(V(n))}}};s({name:"example",component:function(){var e=w(A),n=x(),t=(0,o.$G)(),r=t.t,a=t.i18n,l=a.format(new Date,"DateTime",a.language);return(0,i.useEffect)((function(){n(S("test"))}),[]),i.createElement(F,{prefix:l+" - "+r("example-prefix"),value:r("example-value.".concat(e))})}}),s({name:"widget-manager-actions",component:function(){var e=K(),n=e.openMainWidget,t=e.openBottomWidget,r=e.openLeftWidget,o=e.openRightWidget;return i.createElement(i.Fragment,null,i.createElement(j.Z,{style:{padding:"8px"}},i.createElement(z.ZP,{type:"primary",icon:i.createElement(W,{name:"folder",options:{width:12,height:12}}),onClick:function(){n({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Main Widget"),i.createElement(z.ZP,{type:"default",icon:i.createElement(W,{name:"camera",options:{width:12,height:12}}),onClick:function(){t({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Bottom Widget"),i.createElement(z.ZP,{type:"text",icon:i.createElement(W,{name:"folder",options:{width:12,height:12}}),onClick:function(){r({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Left Widget"),i.createElement(z.ZP,{type:"dashed",icon:i.createElement(W,{name:"camera",options:{width:12,height:12}}),onClick:function(){o({component:"widget-manager-actions",name:"Widget Manager Actions"})}},"Open Right Widget"),i.createElement(z.ZP,{type:"dashed",icon:i.createElement(W,{name:"camera",options:{width:12,height:12}}),onClick:function(){n({component:"asset-tab",name:"Random Asset Tab"})}},"Open Asset Widget")))}});var $=t(1830),Y=b.enhanceEndpoints({addTagTypes:["Asset"]}).injectEndpoints({endpoints:function(e){return{apiAssetsGetCollection:e.query({query:function(e){return{url:"/api/assets",params:{page:e.page,itemsPerPage:e.itemsPerPage,parentId:e.parentId,idSearchTerm:e.idSearchTerm}}},providesTags:["Asset"]}),apiAssetsPost:e.mutation({query:function(e){return{url:"/api/assets",method:"POST",body:e.assetJsonldAssetWrite}},invalidatesTags:["Asset"]}),apiAssetsIdGet:e.query({query:function(e){return{url:"/api/assets/".concat(e.id)}},providesTags:["Asset"]}),apiAssetsIdPut:e.mutation({query:function(e){return{url:"/api/assets/".concat(e.id),method:"PUT",body:e.assetJsonldAssetWrite}},invalidatesTags:["Asset"]}),apiAssetsIdDelete:e.mutation({query:function(e){return{url:"/api/assets/".concat(e.id),method:"DELETE"}},invalidatesTags:["Asset"]}),apiAssetsIdPatch:e.mutation({query:function(e){return{url:"/api/assets/".concat(e.id),method:"PATCH",body:e.assetAssetWrite}},invalidatesTags:["Asset"]})}},overrideExisting:!1}),ee=Y.useApiAssetsGetCollectionQuery,ne=(Y.useApiAssetsPostMutation,Y.useApiAssetsIdGetQuery),te=(Y.useApiAssetsIdPutMutation,Y.useApiAssetsIdDeleteMutation,Y.useApiAssetsIdPatchMutation,(0,d.HF)({})),re=(0,d.oM)({name:"asset-draft",initialState:te.getInitialState(),reducers:{assetReceived:te.upsertOne}});y(re);var oe,ae,ie,le,ce,se=re.actions.assetReceived,de=te.getSelectors((function(e){return e["asset-draft"]})).selectById,ue=function(){return ue=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},ue.apply(this,arguments)},fe=function(e){var n=ne({id:e.toString()}),t=n.isLoading,r=n.isError,o=n.data,a=x(),l=w((function(n){return de(n,e)}));return(0,i.useEffect)((function(){void 0!==o&&a(se(ue({id:e},o)))}),[o]),{isLoading:t,isError:r,asset:l}},pe=function(){function e(){this.type="",this.tabs=[]}return e.prototype.getTabs=function(){return this.tabs},e.prototype.getTab=function(e){return this.tabs.find((function(n){return n.key===e}))},e.prototype.register=function(e){void 0===this.getTab(e.key)?this.tabs.push(e):this.tabs.splice(this.tabs.findIndex((function(n){return n.key===e.key})),1,e)},e}(),be=(oe=function(e,n){return oe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])},oe(e,n)},function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function t(){this.constructor=e}oe(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),me=function(e){function n(){var n=e.call(this)||this;return n.type="folder",n}return be(n,e),n}(pe),he=function(e){var n=(0,o.$G)().i18n,t=n.format(new Date(e.timestamp),"datetime",n.language);return i.createElement(i.Fragment,null,t)},ge=t(4364),ve=t(3124),ye=t(7060),xe=t(4094),we=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},_e=(0,T.kc)((function(e){e.token;return{grid:(0,e.css)(ae||(ae=we(["\n      table {\n        table-layout: fixed;\n        width: auto;\n      }\n\n      th {\n        user-select: none;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:first-child {\n        border-start-start-radius: 0;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:last-child {\n        border-start-end-radius: 0;\n      }\n\n      .grid__cell-content {\n        display: block; \n        width: fit-content;\n        max-width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .ant-table-cell {\n        position: relative;\n        border-left: 1px solid #F0F0F0;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        &:first-of-type {\n          border-left: 0;\n        }\n\n        &:last-of-type {\n          border-right: 1px solid #F0F0F0;\n        }\n      }\n\n      .ant-table-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n      }\n    "],["\n      table {\n        table-layout: fixed;\n        width: auto;\n      }\n\n      th {\n        user-select: none;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:first-child {\n        border-start-start-radius: 0;\n      }\n\n      &.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:last-child {\n        border-start-end-radius: 0;\n      }\n\n      .grid__cell-content {\n        display: block; \n        width: fit-content;\n        max-width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .ant-table-cell {\n        position: relative;\n        border-left: 1px solid #F0F0F0;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        &:first-of-type {\n          border-left: 0;\n        }\n\n        &:last-of-type {\n          border-right: 1px solid #F0F0F0;\n        }\n      }\n\n      .ant-table-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n      }\n    "])))}})),Ee=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},ke=(0,T.kc)((function(e){var n=e.token;return{resizer:(0,e.css)(ie||(ie=Ee(["\n      &.grid__resizer {\n        position: absolute;\n        right: -4px;\n        top: 0;\n        bottom: 0;\n        width: 8px;\n        z-index: 1;\n        background-color: transparent;\n\n        &--resizing {\n          background-color: ",";\n          width: 2px;\n          right: -1px;\n        }\n\n        &--hoverable {\n          cursor: col-resize;\n        }\n      }\n    "],["\n      &.grid__resizer {\n        position: absolute;\n        right: -4px;\n        top: 0;\n        bottom: 0;\n        width: 8px;\n        z-index: 1;\n        background-color: transparent;\n\n        &--resizing {\n          background-color: ",";\n          width: 2px;\n          right: -1px;\n        }\n\n        &--hoverable {\n          cursor: col-resize;\n        }\n      }\n    "])),n.colorPrimary)}})),Pe=function(e){var n,t=ke().styles,r=["grid__resizer"];return r.push(t.resizer),void 0!==e.onMouseDown&&r.push("grid__resizer--hoverable"),e.isResizing&&r.push("grid__resizer--resizing"),i.createElement("div",{onMouseDown:e.onMouseDown,className:r.join(" "),style:{transform:e.isResizing?"translateX(".concat(("rtl"===e.table.options.columnResizeDirection?-1:1)*(null!==(n=e.table.getState().columnSizingInfo.deltaOffset)&&void 0!==n?n:0),"px)"):""}})},Oe=function(e){var n,t,r=(0,i.useState)(e.columns)[0],o=(0,i.useState)(e.data)[0],a=(n="table",t=(0,i.useContext)(ve.E_).getPrefixCls(n,""),(0,ge.Z)(t)[1]),l=_e().styles,c=(0,i.useState)("onEnd")[0],s={data:o,columns:r,getCoreRowModel:(0,ye.sC)()};!0===e.resizeable&&(s.columnResizeMode=c);var d=(0,xe.b7)(s);return i.createElement("div",{className:["ant-table-wrapper",a,l.grid].join(" ")},i.createElement("div",{className:"ant-table ant-table-small"},i.createElement("div",{className:"ant-table-container"},i.createElement("div",{className:"ant-table-content"},i.createElement("table",{style:{width:d.getCenterTotalSize()}},i.createElement("thead",{className:"ant-table-thead"},d.getHeaderGroups().map((function(n){return i.createElement("tr",{key:n.id},n.headers.map((function(n){return i.createElement("th",{key:n.id,className:"ant-table-cell",style:{width:n.column.getSize(),maxWidth:n.column.getSize()}},i.createElement("div",{className:"grid__cell-content"},(0,xe.ie)(n.column.columnDef.header,n.getContext())),!0===e.resizeable&&n.column.getCanResize()&&i.createElement(Pe,{onMouseDown:n.getResizeHandler(),isResizing:n.column.getIsResizing(),table:d}))})))}))),i.createElement("tbody",{className:"ant-table-tbody"},d.getRowModel().rows.map((function(n){return i.createElement("tr",{className:"ant-table-row",key:n.id},n.getVisibleCells().map((function(n){return i.createElement("td",{key:n.id,className:"ant-table-cell",style:{width:n.column.getSize(),maxWidth:n.column.getSize()}},i.createElement("div",{className:"grid__cell-content"},(0,xe.ie)(n.column.columnDef.cell,n.getContext())),!0===e.resizeable&&i.createElement(Pe,{isResizing:n.column.getIsResizing(),table:d}))})))}))))))))},Se=t(6214),Ae=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},je=(0,T.kc)((function(e){e.token;return{image:(0,e.css)(le||(le=Ae(["\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      aspect-ratio: 1;\n      width: 80px;\n    "],["\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      aspect-ratio: 1;\n      width: 80px;\n    "])))}})),ze=t(2507),Te=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Ce=(0,T.kc)((function(e){e.token;return{"loading-div":(0,e.css)(ce||(ce=Te(["\n      position: absolute;\n      top: calc(50% - 11px);\n      left: calc(50% - 8px);\n    "],["\n      position: absolute;\n      top: calc(50% - 11px);\n      left: calc(50% - 8px);\n    "])))}})),Ie=function(){return Ie=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Ie.apply(this,arguments)},Me=function(e){var n=Ce().styles;return i.createElement($.Z,Ie({placeholder:i.createElement("div",{className:n["loading-div"]},i.createElement(ze.Z,{size:"small"})),preview:!1},e))},Ne=function(){return Ne=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Ne.apply(this,arguments)},Be=function(e){var n=je().styles;return i.createElement("div",{className:n.image},i.createElement(Me,Ne({},e)))},Le=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},We=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},Fe=function(){var e=K().openMainWidget;return{openAsset:function(n){return Le(this,void 0,void 0,(function(){var t,r,o;return We(this,(function(a){switch(a.label){case 0:return t=n.name,r=n.icon,o=n.config,[4,v.dispatch(Y.endpoints.apiAssetsIdGet.initiate({id:o.id.toString()}))];case 1:return a.sent(),e({name:t,icon:r,id:"asset-".concat(o.id),component:"asset",config:o}),[2]}}))}))}}},Re=function(e){var n,t=Fe().openAsset;return i.createElement(i.Fragment,null,"image"===(null===(n=e.cellInfo)||void 0===n?void 0:n.row.original.type)&&i.createElement(Be,{style:{cursor:"pointer"},onClick:function(){var n;if(void 0!==e.cellInfo){var r=e.cellInfo.row.original;t({name:r.filename,icon:null!==(n=r.iconName)&&void 0!==n?n:"file-question-02",config:{id:r.id}})}},src:e.cellInfo.getValue()}))},He=function(){var e=(0,i.useContext)(Ye),n=(0,o.$G)().t,t=e.id,r=ee({parentId:t}),a=r.isLoading,l=r.isError,c=r.data;if(a||void 0===c)return i.createElement("div",null,"Loading...");if(l)return i.createElement("div",null,"Error");var s=c["hydra:member"],d=(0,ye.Cl)(),u=[d.accessor("fullPath",{header:n("asset.asset-editor-tabs.list.columns.preview"),cell:function(e){return"image"!==e.row.original.type?i.createElement(i.Fragment,null):i.createElement(Re,{cellInfo:e})},id:"preview",size:110}),d.accessor("id",{header:n("asset.asset-editor-tabs.list.columns.id")}),d.accessor("type",{header:n("asset.asset-editor-tabs.list.columns.type")}),d.accessor("fullPath",{header:n("asset.asset-editor-tabs.list.columns.fullPath"),cell:function(e){return i.createElement(Se.Z,{bordered:!1,color:"processing"},e.getValue())},id:"fullPath",size:300}),d.accessor("creationDate",{header:n("asset.asset-editor-tabs.list.columns.creationDate"),cell:function(e){return i.createElement(he,{timestamp:1e3*e.getValue()})}}),d.accessor("modificationDate",{header:n("asset.asset-editor-tabs.list.columns.modificationDate"),cell:function(e){return i.createElement(he,{timestamp:1e3*e.getValue()})}})];return i.createElement(Oe,{data:s,columns:u,resizeable:!0})},De=new me;De.register({children:i.createElement(He,null),icon:i.createElement(W,{name:"unordered-list-outlined"}),key:"list",label:a.t("folder.folder-editor-tabs.view")});var Ge,Ze,Xe=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Je=(0,T.kc)((function(e){var n=e.token,t=e.css;return{editorTabs:t(Ge||(Ge=Xe(["\n      height: 100%;\n      overflow: hidden;\n\n      .ant-tabs-content-holder {\n        overflow: auto;\n      }\n\n      &.ant-tabs .ant-tabs-tab+.ant-tabs-tab {\n        margin-left: ","px;\n        margin-right: ","px;\n      }\n      &.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n        color: ","\n      }\n      &.ant-tabs-top >.ant-tabs-nav {\n        margin-bottom: 0;\n      }\n      \n      .ant-tabs-tab {\n        &:first-of-type {\n            margin-left: ","px;\n            margin-right: ","px;\n        }\n        padding: 0;\n        \n        .ant-tabs-tab-btn {\n          display: flex;\n          padding-top: ","px;\n          padding-bottom: ","px;\n          justify-content: center;\n          align-items: center;\n          gap: ","px;\n          \n          .ant-tabs-tab-icon {\n            height: 16px;\n            justify-content: center;\n            align-content: center;\n            margin-inline-end: 0;\n            color: ",";\n            \n            svg {\n              height: 16px;\n              width: 16px\n            }\n          }\n        }\n\n        &:not(.ant-tabs-tab-active) {\n          .ant-tabs-tab-icon {\n            &:hover {\n                color: ",";\n            }\n          }\n        }\n        \n        &.ant-tabs-tab-active  {\n          .ant-tabs-tab-icon {\n              color: ","\n          }\n        }\n      }\n    "],["\n      height: 100%;\n      overflow: hidden;\n\n      .ant-tabs-content-holder {\n        overflow: auto;\n      }\n\n      &.ant-tabs .ant-tabs-tab+.ant-tabs-tab {\n        margin-left: ","px;\n        margin-right: ","px;\n      }\n      &.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n        color: ","\n      }\n      &.ant-tabs-top >.ant-tabs-nav {\n        margin-bottom: 0;\n      }\n      \n      .ant-tabs-tab {\n        &:first-of-type {\n            margin-left: ","px;\n            margin-right: ","px;\n        }\n        padding: 0;\n        \n        .ant-tabs-tab-btn {\n          display: flex;\n          padding-top: ","px;\n          padding-bottom: ","px;\n          justify-content: center;\n          align-items: center;\n          gap: ","px;\n          \n          .ant-tabs-tab-icon {\n            height: 16px;\n            justify-content: center;\n            align-content: center;\n            margin-inline-end: 0;\n            color: ",";\n            \n            svg {\n              height: 16px;\n              width: 16px\n            }\n          }\n        }\n\n        &:not(.ant-tabs-tab-active) {\n          .ant-tabs-tab-icon {\n            &:hover {\n                color: ",";\n            }\n          }\n        }\n        \n        &.ant-tabs-tab-active  {\n          .ant-tabs-tab-icon {\n              color: ","\n          }\n        }\n      }\n    "])),n.paddingSM,n.paddingSM,n.colorPrimaryActive,n.paddingSM,n.paddingSM,n.paddingXS,n.paddingXS,n.Tabs.paddingTabs,n.Tabs.itemUnselectedIconColor,n.colorIconHover,n.colorPrimaryActive),onlyActiveLabel:t(Ze||(Ze=Xe(["\n      .ant-tabs-tab:not(.ant-tabs-tab-active) {\n          span:nth-child(2) {\n              display: none;\n          }\n\n          .ant-tabs-tab-icon {\n              margin-inline-end: 0;\n          }\n      }\n\n      @keyframes fadeIn {\n          from {\n              opacity: 0;\n          }\n\n          to {\n              opacity: 1;\n          }\n      }\n\n      .ant-tabs-tab.ant-tabs-tab-active {\n          border-bottom: 2px solid ",";\n          animation: fadeIn .2s;\n      }\n    "],["\n      .ant-tabs-tab:not(.ant-tabs-tab-active) {\n          span:nth-child(2) {\n              display: none;\n          }\n\n          .ant-tabs-tab-icon {\n              margin-inline-end: 0;\n          }\n      }\n\n      @keyframes fadeIn {\n          from {\n              opacity: 0;\n          }\n\n          to {\n              opacity: 1;\n          }\n      }\n\n      .ant-tabs-tab.ant-tabs-tab-active {\n          border-bottom: 2px solid ",";\n          animation: fadeIn .2s;\n      }\n    "])),n.colorPrimaryActive)}})),qe=t(6997),Ue=function(e){var n=e.defaultActiveKey,t=e.showLabelIfActive,r=e.items,o=Je().styles;return i.createElement(qe.Z,{className:"".concat(o.editorTabs," ").concat(!0===t?o.onlyActiveLabel:""),defaultActiveKey:n,items:r})},Ve=function(){var e=De.getTabs();return i.createElement(Ue,{key:1,items:e})},Qe=function(){return i.createElement(i.Fragment,null,i.createElement(Ve,null))},Ke=function(){var e=fn.getTabs();return i.createElement(Ue,{defaultActiveKey:"1",items:e,showLabelIfActive:!0})},$e=function(){return i.createElement(i.Fragment,null,i.createElement(Ke,null))},Ye=(0,i.createContext)({}),en=function(){var e=(0,i.useContext)(Ye),n=fe(e.id),t=n.isError,r=n.isLoading,o=n.asset;return r||void 0===o?i.createElement("h4",null,"Loading..."):t?i.createElement("h4",null,"Error"):"image"===o.type?i.createElement(i.Fragment,null,i.createElement($.Z,{src:o.fullPath})):i.createElement("div",null,"view")},nn=function(){return i.createElement("h4",null,"Edit TAB")},tn=function(){return i.createElement("h4",null,"Embedded Metadata TAB")},rn=function(){return i.createElement("h4",null,"Custom Metadata TAB")},on=function(){return i.createElement("h4",null,"Versions TAB")},an=function(){return i.createElement("h4",null,"Schedule TAB")},ln=function(){return i.createElement("h4",null,"Dependencies TAB")},cn=function(){return i.createElement("h4",null,"Notes & Events TAB")},sn=function(){return i.createElement("h4",null,"Workflow TAB")},dn=function(){return i.createElement("h4",null,"Tags TAB")},un=function(){var e=function(n,t){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])},e(n,t)};return function(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=n}e(n,t),n.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}}(),fn=new(function(e){function n(){var n=e.call(this)||this;return n.type="asset",n}return un(n,e),n}(pe));fn.register({key:"view",label:a.t("asset.asset-editor-tabs.view"),children:i.createElement(en,null),icon:i.createElement(W,{name:"image-05"})}),fn.register({key:"edit",label:a.t("asset.asset-editor-tabs.edit"),children:i.createElement(nn,null),icon:i.createElement(W,{name:"edit"})}),fn.register({key:"embedded-metadata",label:a.t("asset.asset-editor-tabs.embedded-metadata"),children:i.createElement(tn,null),icon:i.createElement(W,{name:"data-sheet"})}),fn.register({key:"custom-metadata",label:a.t("asset.asset-editor-tabs.custom-metadata"),children:i.createElement(rn,null),icon:i.createElement(W,{name:"data-management-2"})}),fn.register({key:"versions",label:a.t("asset.asset-editor-tabs.versions"),children:i.createElement(on,null),icon:i.createElement(W,{name:"history-outlined"})}),fn.register({key:"schedule",label:a.t("asset.asset-editor-tabs.schedule"),children:i.createElement(an,null),icon:i.createElement(W,{name:"schedule-outlined"})}),fn.register({key:"dependencies",label:a.t("asset.asset-editor-tabs.dependencies"),children:i.createElement(ln,null),icon:i.createElement(W,{name:"hierarchy"})}),fn.register({key:"notes-events",label:a.t("asset.asset-editor-tabs.notes-events"),children:i.createElement(cn,null),icon:i.createElement(W,{name:"view-details"})}),fn.register({key:"tags",label:a.t("asset.asset-editor-tabs.tag"),children:i.createElement(dn,null),icon:i.createElement(W,{name:"tag-two-tone"})}),fn.register({key:"workflow",label:a.t("asset.asset-editor-tabs.workflow"),children:i.createElement(sn,null),icon:i.createElement(W,{name:"workflow"})}),s({name:"asset",component:function(e){var n=e.id,t=fe(n),r=t.isLoading,o=t.isError,a=t.asset;return o?i.createElement("div",null,"Error"):r||void 0===a?i.createElement("div",null,"Loading..."):i.createElement(Ye.Provider,{value:{id:n}},"image"===a.type&&i.createElement($e,null),"folder"===a.type&&i.createElement(Qe,null))}});var pn,bn,mn=t(9372),hn=t(3512),gn=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},vn=(0,T.kc)((function(e){var n=e.token;return{treeNode:(0,e.css)(pn||(pn=gn(["\n      user-select: none;\n\n      .tree-node__content {\n        cursor: pointer;\n        width: 100%;\n        padding: 2px ","px 2px 0;\n        white-space: nowrap;\n        align-items: center;\n\n        @media (hover: hover) {\n          &:hover {\n            background-color: ",";\n          }\n        }\n      }\n\n      &.tree-node--selected > .tree-node__content {\n        background-color: ",";\n      }\n\n      .tree-node__content-wrapper {\n        max-width: max(100px, calc(100% - 16px));\n      }\n\n      .tree-node-content__label {\n        display: inline-block;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n    "],["\n      user-select: none;\n\n      .tree-node__content {\n        cursor: pointer;\n        width: 100%;\n        padding: 2px ","px 2px 0;\n        white-space: nowrap;\n        align-items: center;\n\n        @media (hover: hover) {\n          &:hover {\n            background-color: ",";\n          }\n        }\n      }\n\n      &.tree-node--selected > .tree-node__content {\n        background-color: ",";\n      }\n\n      .tree-node__content-wrapper {\n        max-width: max(100px, calc(100% - 16px));\n      }\n\n      .tree-node-content__label {\n        display: inline-block;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n    "])),n.paddingSM,n.controlItemBgActiveHover,n.controlItemBgActive)}})),yn=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},xn=(0,T.kc)((function(e){var n=e.token;return{"tree-list__pager":(0,e.css)(bn||(bn=yn([" \n      padding: ","px 0;\n\n      &:empty {\n        padding: 0;\n      }\n    "],[" \n      padding: ","px 0;\n\n      &:empty {\n        padding: 0;\n      }\n    "])),n.paddingSM)}})),wn=function(){return wn=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},wn.apply(this,arguments)},_n=mn.Z.useToken,En=function(e){var n=e.node,t=_n().token,r=xn().styles,o=(0,i.useContext)(Bn),a=o.renderFilter,l=o.renderPager,c=(0,o.nodeApiHook)(n),s=c.apiHookResult,d=c.dataTransformer,u=c.setAdditionalQueryParams,f=s.isLoading,p=s.isError,b=s.data;if(!0===f)return i.createElement(i.Fragment,null);if(!0===p)return i.createElement(i.Fragment,null,"Error");var m=d(b),h=m.nodes,g=m.total;return i.createElement(i.Fragment,null,void 0!==a&&i.createElement(a,{node:n,setAdditionalQueryParams:u}),i.createElement("div",{className:"tree-list"},null==h?void 0:h.map((function(e){return i.createElement(zn,wn({key:e.id},e))}))),void 0!==l&&i.createElement("div",{className:["tree-list__pager",r["tree-list__pager"]].join(" "),style:{paddingLeft:t.paddingSM+24*(n.level+1)}},i.createElement(l,{node:n,total:g,setAdditionalQueryParams:u})))},kn=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},Pn=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},On=function(e){var n=e.node,t=e.state,r=n.hasChildren,o=n.children,a=(0,i.useContext)(Bn).onLoad,l=t[0],c=t[1];return i.createElement("div",{className:"tree-expander",style:{minWidth:16,width:16,height:16}},!0===n.hasChildren&&i.createElement("span",{onClick:function(e){return kn(this,void 0,void 0,(function(){var t;return Pn(this,(function(i){switch(i.label){case 0:return e.stopPropagation(),!0!==r?[3,3]:(t=!l)&&void 0!==a&&0===o.length?[4,a(n)]:[3,2];case 1:i.sent(),i.label=2;case 2:c(t),i.label=3;case 3:return[2]}}))}))}},l?i.createElement(W,{name:"chevron-up",options:{width:16,height:16}}):i.createElement(W,{name:"chevron-down",options:{width:16,height:16}})))},Sn=function(){return Sn=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Sn.apply(this,arguments)},An={id:Math.random().toString(16).slice(2),icon:"folder",label:"Node",children:[],level:0},jn=mn.Z.useToken,zn=function(e){var n,t=jn().token,r=e.children,o=vn().styles,a=(0,i.useContext)(Bn),l=a.renderNodeContent,c=a.onSelect,s=a.selectedIdsState,d=i.useState(0!==r.length),u=d[0],f=d[1],p=s,b=p[0],m=p[1];return i.createElement("div",{className:(n=["tree-node",o.treeNode],b.includes(e.id)&&n.push("tree-node--selected"),n.join(" "))},i.createElement(hn.Z,{gap:"small",className:"tree-node__content",onClick:function(){m([e.id]),void 0!==c&&c(Sn({},e))},style:{paddingLeft:t.paddingSM+20*e.level,minWidth:"".concat(20*e.level+200,"px")}},i.createElement(On,{node:e,state:[u,f]}),i.createElement("div",{className:"tree-node__content-wrapper"},i.createElement(l,{node:e}))),u&&i.createElement(En,{node:e}))};zn.defaultProps=An;var Tn,Cn=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},In=(0,T.kc)((function(e){var n=e.token;return{tree:(0,e.css)(Tn||(Tn=Cn(["\n      padding: ","px 0 ","px 0;\n      max-width: 100%;\n      color: ","\n    "],["\n      padding: ","px 0 ","px 0;\n      max-width: 100%;\n      color: ","\n    "])),n.paddingXXS,n.paddingXS,n.colorTextTreeElement)}})),Mn=function(){return Mn=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Mn.apply(this,arguments)},Nn={nodeId:1,nodeApiHook:function(){},maxItemsPerNode:30,renderNodeContent:function(e){var n=e.node,t=n.icon,r=n.label;return i.createElement(hn.Z,{align:"center",gap:"small"},i.createElement(W,{name:t,options:{width:16,height:16}}),i.createElement("span",{className:"tree-node-content__label"},r))}},Bn=(0,i.createContext)(Mn({},Nn)),Ln=function(e){var n=(0,i.useState)([]),t=In().styles,r=e.nodeId,o=(0,e.nodeApiHook)({id:r,level:-1}),a=o.apiHookResult,l=o.dataTransformer,c=a.isLoading,s=a.isError,d=a.data;if(!1!==s)return i.createElement("div",null,"Error");var u=[];!1===c&&void 0!==d&&(u=l(d).nodes);return i.createElement(i.Fragment,null,!1===c&&0!==u.length&&i.createElement("div",{className:["tree",t.tree].join(" ")},i.createElement(Bn.Provider,{value:Mn(Mn({},e),{selectedIdsState:n})},u.map((function(e){return i.createElement(zn,Mn({key:e.id},e))})))))};Ln.defaultProps=Nn;var Wn=function(){return Wn=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Wn.apply(this,arguments)},Fn=function(e){var n=(0,i.useState)(),t=n[0],r=n[1],o=(0,i.useContext)(Bn).maxItemsPerNode;return{apiHookResult:ee(Wn({parentId:parseInt(e.id),itemsPerPage:o,page:1},t)),dataTransformer:function(n){var t,r=[];n["hydra:member"].forEach((function(n){var t;r.push({id:n.id.toString(),icon:null!==(t=n.iconName)&&void 0!==t?t:"file-question-02",label:n.filename,children:[],hasChildren:n.children,metaData:{asset:n},level:e.level+1})}));var a=null!==(t=n["hydra:totalItems"])&&void 0!==t?t:o;return{nodes:r,total:a}},setAdditionalQueryParams:r}},Rn=t(8966),Hn=function(e){var n=(0,i.useState)(1),t=n[0],r=n[1],o=(0,i.useContext)(Bn).maxItemsPerNode,a=e.total;return(0,i.useEffect)((function(){r(1)}),[e.total]),i.createElement(Rn.Z,{current:t,onChange:function(n){r(n),e.setAdditionalQueryParams({page:n})},hideOnSinglePage:!0,simple:!0,pageSize:o,total:a})},Dn=function(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,l)}c((r=r.apply(e,n||[])).next())}))},Gn=function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(c){return function(l){if(t)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=n.call(e,i)}catch(e){l=[6,e],r=0}finally{t=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},Zn=function(e){var n=e.id,t=Fe().openAsset;return i.createElement(Ln,{nodeId:n,nodeApiHook:Fn,maxItemsPerNode:20,renderPager:Hn,onSelect:function(e){return Dn(this,void 0,void 0,(function(){return Gn(this,(function(n){switch(n.label){case 0:return[4,v.dispatch(Y.endpoints.apiAssetsIdGet.initiate({id:e.id}))];case 1:return n.sent(),t({name:e.label,icon:e.icon,config:{id:parseInt(e.id)}}),[2]}}))}))}})};Zn.defaultProps={id:1},s({name:"asset-tree",component:Zn});var Xn=t(745);function Jn(e){return Jn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Jn(e)}function qn(){qn=function(e,n){return new t(e,void 0,n)};var e=RegExp.prototype,n=new WeakMap;function t(e,r,o){var a=new RegExp(e,r);return n.set(a,o||n.get(e)),Un(a,t.prototype)}function r(e,t){var r=n.get(t);return Object.keys(r).reduce((function(n,t){var o=r[t];if("number"==typeof o)n[t]=e[o];else{for(var a=0;void 0===e[o[a]]&&a+1<o.length;)a++;n[t]=e[o[a]]}return n}),Object.create(null))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&Un(e,n)}(t,RegExp),t.prototype.exec=function(n){var t=e.exec.call(this,n);if(t){t.groups=r(t,this);var o=t.indices;o&&(o.groups=r(o,this))}return t},t.prototype[Symbol.replace]=function(t,o){if("string"==typeof o){var a=n.get(this);return e[Symbol.replace].call(this,t,o.replace(/\$<([^>]+)>/g,(function(e,n){var t=a[n];return"$"+(Array.isArray(t)?t.join("$"):t)})))}if("function"==typeof o){var i=this;return e[Symbol.replace].call(this,t,(function(){var e=arguments;return"object"!=Jn(e[e.length-1])&&(e=[].slice.call(e)).push(r(e,i)),o.apply(this,e)}))}return e[Symbol.replace].call(this,t,o)},qn.apply(this,arguments)}function Un(e,n){return Un=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},Un(e,n)}var Vn=function(){return Vn=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Vn.apply(this,arguments)},Qn={token:Vn({colorLinkHover:"#9254de",controlOutline:"rgba(0.4470588266849518, 0.18039216101169586, 0.8196078538894653, 0.10000000149011612)",controlItemBgActive:"#f8eeff",colorFill:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.6000000238418579)",colorFillQuaternary:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.44999998807907104)",colorBgLayout:"#fcfcfc",colorPrimary:"#722ed1",fontSize:12,fontSizeHeading1:35,colorIconSecondary:"#4d4169",colorFillNav:"rgba(0.3019607961177826, 0.2549019753932953, 0.4117647111415863, 0.07999999821186066)",colovIconSidebar:"#22075e",colorBorderActive:"#fa8c16",colorLogo:"#5520a6",colorBorderTertiary:"#dfd7ea",colorTextTreeElement:"#404655",colorIconTree:"#404655",colorIconTreeUnpublished:"rgba(0.250980406999588, 0.27450981736183167, 0.3333333432674408, 0.4000000059604645)"},{fontFamily:"Lato, sans-serif"}),components:{Pagination:{colorPrimary:"#531dab"},Tree:{colorBorderTree:"#dfd7ea",colorTextTree:"#404655",colorPrimaryHeading:"#531dab",colorTextTreeUnpublished:"rgba(0, 0, 0, 0.25)"},Button:{defaultBorderColor:"#d3adf7",defaultColor:"#722ed1",defaultGhostBorderColor:"#d9d9d9",textGhostColor:"rgba(0, 0, 0, 0.8799999952316284)"},Table:{cellPaddingBlockSM:4,cellPaddingInlineSM:4,footerBg:"#fafafa",headerBg:"#fafafa"},Tabs:{colorBgSelectedTab:"#ffffff",inkBarColor:"#531dab",itemColor:"rgba(0, 0, 0, 0.6499999761581421)",itemHoverColor:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.6000000238418579)",itemUnselectedIconColor:"#4d4169",colorBorderActiveTab:"#fa8c16",colorBgUnselectedTab:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.44999998807907104)",colorBgHoverUnselectedTab:"rgba(0.9098039269447327, 0.8941176533699036, 0.9450980424880981, 0.6000000238418579)",colorBorderContainer:"#dfd7ea",paddingTabs:8},Avatar:{colorUserIndicator:"#722ed1"},Example:{color:"#722ed1"}}},Kn=JSON.stringify(Qn),$n=qn(/rgba\((\d+(\.\d+)?),\s(\d+(\.\d+)?),\s(\d+(\.\d+)?),\s(\d+(\.\d+)?)\)/g,{red:1,green:3,blue:5,alpha:7});Kn=Kn.replace($n,(function(e,n,t,r,o,a,i,l){return"rgba(".concat(256*n,", ").concat(256*r,", ").concat(256*a,", ").concat(l,")")}));var Yn,et,nt,tt,rt,ot,at=JSON.parse(Kn),it=function(e){var n=e.children;return i.createElement(T.f6,{theme:at},n)},lt=function(e){var n=e.children;return i.createElement(it,null,i.createElement(u.zt,{store:v},n))},ct=t(291),st=t(9366),dt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},ut=(0,T.kc)((function(e){e.token;return{leftSidebar:(0,e.css)(Yn||(Yn=dt(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .left-sidebar__avatar {\n        margin: 8px 15px 0 15px;\n        pointer-events: all;\n      }\n\n      .ant-avatar {\n        background-color: rgba(114, 46, 209, 0.66);\n\n        .anticon {\n          vertical-align: 0;\n        }\n      }\n    "],["\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .left-sidebar__avatar {\n        margin: 8px 15px 0 15px;\n        pointer-events: all;\n      }\n\n      .ant-avatar {\n        background-color: rgba(114, 46, 209, 0.66);\n\n        .anticon {\n          vertical-align: 0;\n        }\n      }\n    "])))}})),ft=function(){var e=ut().styles;return i.createElement("div",{className:e.leftSidebar},i.createElement(ct.C,{className:"left-sidebar__avatar",size:26,icon:i.createElement(st.Z,null)}))},pt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},bt=function(){return bt=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},bt.apply(this,arguments)},mt=function(e){var n,t,r=bt({zIndexPopup:e.zIndexPopupBase+50,cardBg:e.colorFillAlter,cardHeight:e.controlHeightLG,cardPadding:"",cardPaddingSM:"".concat(1.5*e.paddingXXS,"px ").concat(e.padding,"px"),cardPaddingLG:"".concat(e.paddingXS,"px ").concat(e.padding,"px ").concat(1.5*e.paddingXXS,"px"),titleFontSize:"".concat(e.fontSize,"px"),titleFontSizeLG:"".concat(e.fontSizeLG,"px"),titleFontSizeSM:"".concat(e.fontSize,"px"),inkBarColor:e.colorPrimary,horizontalMargin:"0 0 ".concat(e.margin,"px 0"),horizontalItemGutter:32,horizontalItemMargin:"",horizontalItemMarginRTL:"",horizontalItemPadding:"".concat(e.paddingSM,"px 0"),horizontalItemPaddingSM:"".concat(e.paddingXS,"px 0"),horizontalItemPaddingLG:"".concat(e.padding,"px 0"),verticalItemPadding:"".concat(e.paddingXS,"px ").concat(e.paddingLG,"px"),verticalItemMargin:"".concat(e.margin,"px 0 0 0"),itemSelectedColor:e.colorPrimary,itemHoverColor:e.colorPrimaryHover,itemActiveColor:e.colorPrimaryActive,cardGutter:e.marginXXS/2},null!==(n=null==e?void 0:e.Tabs)&&void 0!==n?n:{});return r=bt(bt({},r),{tabsCardPadding:null!==(t=e.cardPadding)&&void 0!==t?t:"".concat((r.cardHeight-Math.round(e.fontSize*e.lineHeight))/2-e.lineWidth,"px ").concat(e.paddingSM,"px"),dropdownEdgeChildVerticalPadding:e.paddingXXS,tabsActiveTextShadow:"0 0 0.25px currentcolor",tabsDropdownHeight:200,tabsDropdownWidth:120,tabsHorizontalItemMargin:"0 0 0 ".concat(e.horizontalItemGutter,"px"),tabsHorizontalItemMarginRTL:"0 0 0 ".concat(e.horizontalItemGutter,"px")})},ht=(0,T.kc)((function(e){var n=e.token,t=e.css,r=mt(n);return{widgetManager:t(et||(et=pt(["\n      position: absolute;\n      inset: 8px 6px 4px 6px;\n\n      .flexlayout__tab_button_leading,\n      .flexlayout__border_button_leading {\n        display: none;\n      }\n\n      .flexlayout__tab_button {\n        margin: 0;\n        padding: ",";\n        background: ",";\n        transition: all "," ",";\n        font-size: ","px;\n        color: ",";\n        outline: none;\n        gap: ","px;\n      \n        &:hover {\n          background: ",";\n        }\n\n        &_trailing {\n          display: none;\n        }\n\n        &--selected {\n          font-weight: ",";\n          color: ",";\n          background: ",";\n          border-top: 1px solid ",";\n\n          .widget-manager-tab-title {\n            margin-top: -2px;\n          }\n\n          &:hover {\n            background: ",";\n          }\n\n          & .flexlayout__tab_button_trailing {\n            margin-top: -2px;\n            display: flex;\n          }\n        }\n\n        &:focus:not(:focus-visible), &:active {\n          color: ",";\n        }\n\n        &:first-child {\n          border-left: 1px solid ","66;\n        }\n      }\n\n      .flexlayout__tabset_tab_divider {\n        width: ","px;\n      }\n\n      .flexlayout__tab_button_top {\n        border-radius: ","px ","px 0 0;\n        border-bottom: 0;\n      }\n\n      .flexlayout__border_inner_tab_container {\n        width: calc(100svh - 12px);\n        justify-content: flex-end;\n      }\n\n      .flexlayout__border_inner_tab_container_left, .flexlayout__border_inner_tab_container_right {\n        alignItems: end;\n\n        .flexlayout__border_tab_divider {\n          width: 0;\n        }\n      }\n\n      .flexlayout__splitter,\n      .flexlayout__border,\n      .flexlayout__tabset_tabbar_outer {\n        background: transparent;\n      }\n\n      .flexlayout__tab {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: 0 ","px ","px ","px;\n      }\n\n      .flexlayout__tab_border {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-top: 1px solid ","66;\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: ","px;\n      }\n\n      .flexlayout__tabset {\n        overflow: visible;\n        border-radius: ","px;\n        font-family: ",";\n\n        &, &-selected {\n          background: transparent;\n        }\n      }\n\n      .flexlayout__border {\n        font-family: ",";\n      }\n\n      .flexlayout__border_button {\n        margin: 0 0 6px 0;\n        background: transparent;\n        width: 40px;\n        justify-content: center;\n        border-radius: ","px;\n        transition: all "," ",";\n\n        &--selected {\n          color: ",";\n          border-top: 1.5px solid var(--Colors-Base-Purple-7, #531DAB);\n          background: ",";\n        }\n      }\n\n      @media (hover: hover) {\n        .flexlayout__border_button--unselected:hover {\n          color: ","; \n          background: ",";\n        }\n      }\n\n      .flexlayout__border_button_trailing {\n        display: none;\n      }\n\n      .flexlayout__border_left {\n        border-right: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(90deg);\n        }\n      }\n\n      .flexlayout__border_right {\n        border-left: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(-90deg);\n        }\n      }\n\n      .flexlayout__tabset_tabbar_outer_top {\n        border: 0;\n      }\n\n      .flexlayout__tabset_tabbar_inner_tab_container {\n        padding-left: 0;\n      }\n\n      .flexlayout__border_toolbar {\n        display: none;\n      }\n    "],["\n      position: absolute;\n      inset: 8px 6px 4px 6px;\n\n      .flexlayout__tab_button_leading,\n      .flexlayout__border_button_leading {\n        display: none;\n      }\n\n      .flexlayout__tab_button {\n        margin: 0;\n        padding: ",";\n        background: ",";\n        transition: all "," ",";\n        font-size: ","px;\n        color: ",";\n        outline: none;\n        gap: ","px;\n      \n        &:hover {\n          background: ",";\n        }\n\n        &_trailing {\n          display: none;\n        }\n\n        &--selected {\n          font-weight: ",";\n          color: ",";\n          background: ",";\n          border-top: 1px solid ",";\n\n          .widget-manager-tab-title {\n            margin-top: -2px;\n          }\n\n          &:hover {\n            background: ",";\n          }\n\n          & .flexlayout__tab_button_trailing {\n            margin-top: -2px;\n            display: flex;\n          }\n        }\n\n        &:focus:not(:focus-visible), &:active {\n          color: ",";\n        }\n\n        &:first-child {\n          border-left: 1px solid ","66;\n        }\n      }\n\n      .flexlayout__tabset_tab_divider {\n        width: ","px;\n      }\n\n      .flexlayout__tab_button_top {\n        border-radius: ","px ","px 0 0;\n        border-bottom: 0;\n      }\n\n      .flexlayout__border_inner_tab_container {\n        width: calc(100svh - 12px);\n        justify-content: flex-end;\n      }\n\n      .flexlayout__border_inner_tab_container_left, .flexlayout__border_inner_tab_container_right {\n        alignItems: end;\n\n        .flexlayout__border_tab_divider {\n          width: 0;\n        }\n      }\n\n      .flexlayout__splitter,\n      .flexlayout__border,\n      .flexlayout__tabset_tabbar_outer {\n        background: transparent;\n      }\n\n      .flexlayout__tab {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: 0 ","px ","px ","px;\n      }\n\n      .flexlayout__tab_border {\n        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);\n        border-top: 1px solid ","66;\n        border-right: 1px solid ","66;\n        border-bottom: 1px solid ","66;\n        border-left: 1px solid ","66;\n        border-radius: ","px;\n      }\n\n      .flexlayout__tabset {\n        overflow: visible;\n        border-radius: ","px;\n        font-family: ",";\n\n        &, &-selected {\n          background: transparent;\n        }\n      }\n\n      .flexlayout__border {\n        font-family: ",";\n      }\n\n      .flexlayout__border_button {\n        margin: 0 0 6px 0;\n        background: transparent;\n        width: 40px;\n        justify-content: center;\n        border-radius: ","px;\n        transition: all "," ",";\n\n        &--selected {\n          color: ",";\n          border-top: 1.5px solid var(--Colors-Base-Purple-7, #531DAB);\n          background: ",";\n        }\n      }\n\n      @media (hover: hover) {\n        .flexlayout__border_button--unselected:hover {\n          color: ","; \n          background: ",";\n        }\n      }\n\n      .flexlayout__border_button_trailing {\n        display: none;\n      }\n\n      .flexlayout__border_left {\n        border-right: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(90deg);\n        }\n      }\n\n      .flexlayout__border_right {\n        border-left: 0;\n\n        .flexlayout__border_button_content {\n          transform: rotate(-90deg);\n        }\n      }\n\n      .flexlayout__tabset_tabbar_outer_top {\n        border: 0;\n      }\n\n      .flexlayout__tabset_tabbar_inner_tab_container {\n        padding-left: 0;\n      }\n\n      .flexlayout__border_toolbar {\n        display: none;\n      }\n    "])),r.tabsCardPadding,n.Tabs.colorBgUnselectedTab,n.motionDurationSlow,n.motionEaseInOut,n.fontSize,r.itemColor,n.marginXS,n.Tabs.colorBgHoverUnselectedTab,n.fontWeightStrong,r.itemActiveColor,n.colorBgContainer,n.Tabs.colorBorderActiveTab,n.colorBgContainer,r.itemActiveColor,n.Tabs.colorBorderContainer,r.cardGutter,n.borderRadius,n.borderRadius,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.borderRadius,n.borderRadius,n.borderRadius,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.Tabs.colorBorderContainer,n.borderRadius,n.borderRadius,n.fontFamily,n.fontFamily,n.borderRadiusSM,n.motionDurationSlow,n.motionEaseInOut,r.itemActiveColor,n.controlItemBgHover,n.colorTextSecondary,n.controlItemBgActiveHover)}})),gt=function(){return gt=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},gt.apply(this,arguments)},vt=function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t},yt=function(e){var n=vt(e,[]),t=ht().styles;return i.createElement("div",{className:["widget-manager",t.widgetManager].join(" ")},i.createElement(R.Layout,gt({},n)))},xt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},wt=(0,T.kc)((function(e){var n=e.token;return{WidgetTitle:(0,e.css)(nt||(nt=xt(["\n      display: flex;\n      padding: ","px ","px;\n      gap: 8px;\n      align-items: center;\n      color: ",";\n      font-weight: 600;\n    "],["\n      display: flex;\n      padding: ","px ","px;\n      gap: 8px;\n      align-items: center;\n      color: ",";\n      font-weight: 600;\n    "])),n.paddingXS,n.paddingSM,n.Tree.colorPrimaryHeading)}})),_t=function(e){var n=wt().styles,t=e.title,r=e.icon;return i.createElement("div",{className:n.WidgetTitle},i.createElement(W,{name:r,options:{width:18,height:18}}),i.createElement("span",null,t))},Et=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},kt=(0,T.kc)((function(e){e.token;return{Widget:(0,e.css)(tt||(tt=Et(["\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n\n      .widget__content {\n        flex: 1;\n        overflow: auto;\n      }\n    "],["\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n\n      .widget__content {\n        flex: 1;\n        overflow: auto;\n      }\n    "])))}})),Pt=function(e){var n=kt().styles,t=e.title,r=e.showTitle,o=e.icon,a=e.children;return i.createElement("div",{className:["widget",n.Widget].join(" ")},!0===r&&i.createElement(_t,{icon:o,title:t}),i.createElement("div",{className:"widget__content"},a))},Ot=function(){return Ot=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},Ot.apply(this,arguments)},St=function(e){var n,t=e.node,r=e.component,o=t.getParent()instanceof R.BorderNode;return i.createElement(Pt,{icon:null!==(n=t.getIcon())&&void 0!==n?n:"widget-default",title:t.getName(),showTitle:o},i.createElement(r,Ot({},t.getConfig())))},At=function(e){var n=e.getComponent();if(void 0!==n){var t,r=(t=n,c.find((function(e){return e.name===t})));if(void 0===r)throw new Error("Widget ".concat(n," not found"));var o=r.component;return i.createElement(St,{node:e,component:o})}},jt=function(e){var n=e.icon;e.title;return i.createElement("div",null,i.createElement(W,{name:n,options:{width:16,height:16}}))},zt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Tt=(0,T.kc)((function(e){e.token;return{title:(0,e.css)(rt||(rt=zt(["\n      .ant-space-item {\n        display: flex;\n        align-items: center;\n      }\n    "],["\n      .ant-space-item {\n        display: flex;\n        align-items: center;\n      }\n    "])))}})),Ct=function(e){var n=e.icon,t=e.title,r=Tt().styles;return i.createElement(j.Z,{className:["widget-manager-tab-title",r.title].join(" ")},i.createElement(W,{name:n,options:{width:16,height:16}}),i.createElement("span",null,t))},It=function(e){var n,t=e.node,r=(0,i.useState)(t.getParent()instanceof R.BorderNode)[0],o=(0,i.useState)(null!==(n=t.getIcon())&&void 0!==n?n:"widget-default")[0];return r?i.createElement(jt,{icon:o,title:t.getName()}):i.createElement(Ct,{icon:o,title:t.getName()})},Mt=mn.Z.useToken,Nt=function(){var e=w(Q),n=x(),t=R.Model.fromJson(e),r=t.getNodeById("bottom_tabset"),o=Mt().token;return(0,i.useEffect)((function(){var e=mt(o);t.doAction(R.Actions.updateModelAttributes({tabSetTabStripHeight:e.cardHeight,tabSetTabHeaderHeight:e.cardHeight,borderBarSize:50}))}),[]),0===r.getChildren().length?t.doAction(R.Actions.updateNodeAttributes(r.getId(),{height:-8})):-8===r.getHeight()&&t.doAction(R.Actions.updateNodeAttributes(r.getId(),{height:200})),i.createElement(yt,{model:t,factory:At,onModelChange:function(e){n(Z(e.toJson()))},onRenderTab:function(e,n){n.content=i.createElement(It,{node:e}),n.leading=i.createElement(i.Fragment,null)}})};function Bt(){return Bt=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Bt.apply(this,arguments)}const Lt=function(e){return i.createElement("svg",Bt({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},e),ot||(ot=i.createElement("path",{fill:"#5520A6",d:"M19 7c-1.7 0-3.2.8-4.2 2.2l-3.7 5.5C10.2 16.2 8.7 17 7 17c-2.8 0-5-2.2-5-5s2.2-5 5-5c1.7 0 3.2.8 4.2 2.2l.6 1L13 8.4l-.2-.3C11.5 6.2 9.3 5 7 5c-3.9 0-7 3.1-7 7s3.1 7 7 7c2.3 0 4.5-1.2 5.8-3.1l1.4-2.1.6 1c.9 1.4 2.5 2.2 4.2 2.2 2.8 0 5-2.2 5-5s-2.2-5-5-5m0 8c-1 0-1.9-.5-2.5-1.3L15.4 12l1.1-1.6C17 9.5 18 9 19 9c1.7 0 3 1.3 3 3s-1.3 3-3 3"})))};var Wt,Ft,Rt,Ht=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Dt=(0,T.kc)((function(e){e.token;return{logo:(0,e.css)(Wt||(Wt=Ht(["\n      padding: 13px 16px 0 16px;\n    "],["\n      padding: 13px 16px 0 16px;\n    "])))}})),Gt=function(){var e=Dt().styles;return i.createElement("div",{className:["logo",e.logo].join(" ")},i.createElement(Lt,{width:24,height:24,color:"#333",fill:"#ff0000"}))},Zt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Xt=(0,T.kc)((function(e){e.token;return{rightSidebar:(0,e.css)(Ft||(Ft=Zt(["\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .logo \n    "],["\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 2;\n      pointer-events: none;\n\n      .logo \n    "])))}})),Jt=function(){var e=Xt().styles;return i.createElement("div",{className:e.rightSidebar},i.createElement(Gt,null))},qt=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Ut=(0,T.kc)((function(e){var n=e.token;return{baseLayout:(0,e.css)(Rt||(Rt=qt(["\n      position: absolute;\n      inset: 0;\n      background: #FCFCFC;\n      font-size: ","\n    "],["\n      position: absolute;\n      inset: 0;\n      background: #FCFCFC;\n      font-size: ","\n    "])),n.fontSize)}})),Vt=function(){var e=Ut().styles;return i.createElement("div",{className:["base-layout",e.baseLayout].join(" ")},i.createElement(ft,null),i.createElement(Nt,null),i.createElement(Jt,null))},Qt=t(6107),Kt=function(){return i.createElement(i.Fragment,null,i.createElement(i.StrictMode,null,i.createElement(lt,null,i.createElement(Qt.Z,null,i.createElement(Vt,null)))))};void 0!==(e=t.hmd(e)).hot&&e.hot.accept(),function(){var e=document.getElementById("app");if(null===e)throw new Error("Root element not found");(0,Xn.s)(e).render(i.createElement(Kt,null))}()}},i={};function l(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={id:e,loaded:!1,exports:{}};return a[e].call(t.exports,t,t.exports,l),t.loaded=!0,t.exports}l.m=a,e=[],l.O=(n,t,r,o)=>{if(!t){var a=1/0;for(d=0;d<e.length;d++){for(var[t,r,o]=e[d],i=!0,c=0;c<t.length;c++)(!1&o||a>=o)&&Object.keys(l.O).every((e=>l.O[e](t[c])))?t.splice(c--,1):(i=!1,o<a&&(a=o));if(i){e.splice(d--,1);var s=r();void 0!==s&&(n=s)}}return n}o=o||0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[t,r,o]},l.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return l.d(n,{a:n}),n},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var o=Object.create(null);l.r(o);var a={};n=n||[null,t({}),t([]),t(t)];for(var i=2&r&&e;"object"==typeof i&&!~n.indexOf(i);i=t(i))Object.getOwnPropertyNames(i).forEach((n=>a[n]=()=>e[n]));return a.default=()=>e,l.d(o,a),o},l.d=(e,n)=>{for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce(((n,t)=>(l.f[t](e,n),n)),[])),l.u=e=>e+"."+{12:"b99e1420",54:"67c7a911",58:"9cf6e23a",121:"d7e855e7",125:"dea60f4e",169:"8822c732",216:"0f9af5f5",288:"328361dd",296:"59065ed1",298:"830d7e38",307:"c11c33c6",324:"eb495a70",347:"5e450f93",397:"5f3d26ea",418:"95706954",447:"9c8796fa",476:"86b891f8",491:"32b6bd6d",524:"94aec92e",577:"2aea901f",621:"ad85fc5a",625:"b487b20e",678:"c220b736",686:"f7f77fbc",732:"864ddc17",737:"9283a5f4",743:"7c7b54b8",766:"f9fa4235",801:"725aee54",905:"546b0a2d",931:"6bd2ca90",949:"adf98f9a",967:"d38ada47"}[e]+".js",l.miniCssF=e=>{},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),l.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r={},o="Pimcore:",l.l=(e,n,t,a)=>{if(r[e])r[e].push(n);else{var i,c;if(void 0!==t)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var u=s[d];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==o+t){i=u;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,l.nc&&i.setAttribute("nonce",l.nc),i.setAttribute("data-webpack",o+t),i.src=e),r[e]=[n];var f=(n,t)=>{i.onerror=i.onload=null,clearTimeout(p);var o=r[e];if(delete r[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(t))),n)return n(t)},p=setTimeout(f.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=f.bind(null,i.onerror),i.onload=f.bind(null,i.onload),c&&document.head.appendChild(i)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.p="/bundles/pimcorestudioui/build/",(()=>{var e={179:0};l.f.j=(n,t)=>{var r=l.o(e,n)?e[n]:void 0;if(0!==r)if(r)t.push(r[2]);else{var o=new Promise(((t,o)=>r=e[n]=[t,o]));t.push(r[2]=o);var a=l.p+l.u(n),i=new Error;l.l(a,(t=>{if(l.o(e,n)&&(0!==(r=e[n])&&(e[n]=void 0),r)){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;i.message="Loading chunk "+n+" failed.\n("+o+": "+a+")",i.name="ChunkLoadError",i.type=o,i.request=a,r[1](i)}}),"chunk-"+n,n)}},l.O.j=n=>0===e[n];var n=(n,t)=>{var r,o,[a,i,c]=t,s=0;if(a.some((n=>0!==e[n]))){for(r in i)l.o(i,r)&&(l.m[r]=i[r]);if(c)var d=c(l)}for(n&&n(t);s<a.length;s++)o=a[s],l.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return l.O(d)},t=self.webpackChunkPimcore=self.webpackChunkPimcore||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})();var c=l.O(void 0,[239],(()=>l(302)));c=l.O(c),Pimcore=c})();
\ No newline at end of file
diff --git a/public/build/manifest.json b/public/build/manifest.json
index 4d01e498..34e6a3fd 100644
--- a/public/build/manifest.json
+++ b/public/build/manifest.json
@@ -1,6 +1,6 @@
 {
   "bundles/pimcorestudioui/build/main.css": "/bundles/pimcorestudioui/build/main.3691bcd8.css",
-  "bundles/pimcorestudioui/build/main.js": "/bundles/pimcorestudioui/build/main.88ffc0a8.js",
+  "bundles/pimcorestudioui/build/main.js": "/bundles/pimcorestudioui/build/main.0ade30f2.js",
   "bundles/pimcorestudioui/build/58.9cf6e23a.js": "/bundles/pimcorestudioui/build/58.9cf6e23a.js",
   "bundles/pimcorestudioui/build/678.c220b736.js": "/bundles/pimcorestudioui/build/678.c220b736.js",
   "bundles/pimcorestudioui/build/625.b487b20e.js": "/bundles/pimcorestudioui/build/625.b487b20e.js",