Merge pull request #9230 from nocodb/develop

4 months ago · bd94d5bdb9
512 changed files with 15254 additions and 3383 deletions
--- a/.github/workflows/release-docker.yml
+++ b/.github/workflows/release-docker.yml
@ -92,7 +92,7 @@ jobs:
          export NODE_OPTIONS="--max_old_space_size=16384"
          NOCODB_SDK_PKG_NAME=nocodb-sdk-daily
          targetEnv=${{ github.event.inputs.targetEnv || inputs.targetEnv }} targetVersion=${{ github.event.inputs.tag || inputs.tag }} node scripts/bumpNocodbSdkVersion.js &&
-          pnpm --filter=${NOCODB_SDK_PKG_NAME} install --ignore-scripts --no-frozen-lockfile --ignore-workspace && pnpm --filter=${NOCODB_SDK_PKG_NAME} run build &&
+          pnpm --filter=${NOCODB_SDK_PKG_NAME} install --ignore-scripts --no-frozen-lockfile --ignore-workspace && pnpm --filter=${NOCODB_SDK_PKG_NAME} run build && pnpm --filter=nc-plugin install && pnpm --filter=nc-plugin build &&
          targetEnv=${{ github.event.inputs.targetEnv || inputs.targetEnv }} node scripts/upgradeNocodbSdk.js &&
          targetEnv=${{ github.event.inputs.targetEnv || inputs.targetEnv }} targetVersion=${{ github.event.inputs.tag || inputs.tag }} node scripts/bumpNcGuiVersion.js &&
          pnpm --filter=nc-gui install --ignore-scripts --no-frozen-lockfile &&
--- a/.github/workflows/release-npm.yml
+++ b/.github/workflows/release-npm.yml
@ -61,7 +61,7 @@ jobs:
          fi
          echo $NOCODB_SDK_PKG_NAME
          targetEnv=${{ github.event.inputs.targetEnv || inputs.targetEnv }} targetVersion=${{ github.event.inputs.tag || inputs.tag }} node scripts/bumpNocodbSdkVersion.js &&
-          pnpm --filter=${NOCODB_SDK_PKG_NAME} install --ignore-scripts --no-frozen-lockfile --ignore-workspace && pnpm --filter=${NOCODB_SDK_PKG_NAME} run build && pnpm --filter=${NOCODB_SDK_PKG_NAME} publish --no-git-checks &&
+          pnpm --filter=${NOCODB_SDK_PKG_NAME} install --ignore-scripts --no-frozen-lockfile --ignore-workspace && pnpm --filter=${NOCODB_SDK_PKG_NAME} run build && pnpm --filter=nc-plugin install && pnpm --filter=nc-plugin build && pnpm --filter=${NOCODB_SDK_PKG_NAME} publish --no-git-checks &&
          sleep 90 &&
          targetEnv=${{ github.event.inputs.targetEnv || inputs.targetEnv }} node scripts/upgradeNocodbSdk.js &&
          targetEnv=${{ github.event.inputs.targetEnv || inputs.targetEnv }} targetVersion=${{ github.event.inputs.tag || inputs.tag }} node scripts/bumpNcGuiVersion.js &&
--- a/.github/workflows/sync-to-develop.yml
+++ b/.github/workflows/sync-to-develop.yml
@ -45,7 +45,7 @@ jobs:
          git config user.name 'github-actions[bot]'
          git config user.email 'github-actions[bot]@users.noreply.github.com'
          revertSDK=true node scripts/upgradeNocodbSdk.js
-          pnpm --filter=nocodb-sdk install --no-frozen-lockfile && pnpm --filter=nocodb-sdk run build && pnpm --filter=nocodb --filter=nc-gui --filter=playwright install --no-frozen-lockfile
+          pnpm --filter=nocodb-sdk install --no-frozen-lockfile && pnpm --filter=nocodb-sdk run build && pnpm --filter=nc-plugin install && pnpm --filter=nc-plugin build && pnpm --filter=nocodb --filter=nc-gui --filter=playwright install --no-frozen-lockfile
          git add .
          git diff-index --quiet HEAD || git commit -m "chore: update sdk path"
          git push origin $BRANCH_NAME
--- a/package.json
+++ b/package.json
@ -32,7 +32,7 @@
    ]
  },
  "scripts": {
-    "bootstrap": "pnpm --filter=nocodb-sdk install && pnpm --filter=nocodb-sdk run build && pnpm --filter=nocodb --filter=nc-mail-templates --filter=nc-gui --filter=playwright install",
+    "bootstrap": "pnpm --filter=nocodb-sdk install && pnpm --filter=nocodb-sdk run build && pnpm --filter=nc-plugin install && pnpm --filter=nc-plugin build && pnpm --filter=nocodb --filter=nc-mail-templates --filter=nc-gui --filter=playwright install",
    "start:frontend": "pnpm --filter=nc-gui run dev",
    "start:backend": "pnpm --filter=nocodb run start",
    "lint:staged:playwright": "cd ./tests/playwright; pnpm dlx lint-staged; cd -",
--- a/packages/nc-gui/assets/nc-icons-v2/activity.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/activity.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6666 8H11.9999L9.99992 14L5.99992 2L3.99992 8H1.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/airplay.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/airplay.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33325 11.3333H2.66659C2.31296 11.3333 1.97382 11.1929 1.72378 10.9428C1.47373 10.6928 1.33325 10.3536 1.33325 10V3.33333C1.33325 2.97971 1.47373 2.64057 1.72378 2.39052C1.97382 2.14048 2.31296 2 2.66659 2H13.3333C13.6869 2 14.026 2.14048 14.2761 2.39052C14.5261 2.64057 14.6666 2.97971 14.6666 3.33333V10C14.6666 10.3536 14.5261 10.6928 14.2761 10.9428C14.026 11.1929 13.6869 11.3333 13.3333 11.3333H12.6666" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.00008 10L11.3334 14H4.66675L8.00008 10Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/alert-circle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/alert-circle.svg
@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_34961)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10.667H8.00667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 5.33301V7.99967" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_34961">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/alert-octagon.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/alert-octagon.svg
@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_34965)">
+<path d="M5.23992 1.33301H10.7599L14.6666 5.23967V10.7597L10.7599 14.6663H5.23992L1.33325 10.7597V5.23967L5.23992 1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10.667H8.00667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 5.33301V7.99967" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_34965">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/alert-triangle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/alert-triangle.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.86001 2.57347L1.21335 12.0001C1.09693 12.2018 1.03533 12.4303 1.03467 12.6631C1.03402 12.896 1.09434 13.1249 1.20963 13.3272C1.32492 13.5294 1.49116 13.698 1.69182 13.816C1.89247 13.9341 2.12055 13.9976 2.35335 14.0001H13.6467C13.8795 13.9976 14.1076 13.9341 14.3082 13.816C14.5089 13.698 14.6751 13.5294 14.7904 13.3272C14.9057 13.1249 14.966 12.896 14.9654 12.6631C14.9647 12.4303 14.9031 12.2018 14.7867 12.0001L9.14001 2.57347C9.02117 2.37754 8.85383 2.21555 8.65414 2.10313C8.45446 1.9907 8.22917 1.93164 8.00001 1.93164C7.77086 1.93164 7.54557 1.9907 7.34588 2.10313C7.1462 2.21555 6.97886 2.37754 6.86001 2.57347V2.57347Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 6V8.66667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 11.333H8.00667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/align-center.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/align-center.svg
@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.66699H4" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 4H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 9.33301H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 12H4" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/align-justify.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/align-justify.svg
@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 12H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 9.33301H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 6.66699H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 4H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/align-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/align-left.svg
@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3333 12H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 9.33301H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3333 6.66699H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 4H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/align-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/align-right.svg
@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0001 12H4.66675" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 9.33301H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.0001 6.66699H4.66675" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 4H2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-down-circle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-down-circle.svg
@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35003)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 8L7.99992 10.6667L10.6666 8" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 5.33301V10.6663" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35003">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-down-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-down-left.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3334 4.66699L4.66675 11.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3334 11.3337H4.66675V4.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-down-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-down-right.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66675 4.66699L11.3334 11.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3334 4.66699V11.3337H4.66675" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-down.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-down.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 3.33301V12.6663" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.6666 8L7.99992 12.6667L3.33325 8" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-left-circle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-left-circle.svg
@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35016)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99992 5.33301L5.33325 7.99967L7.99992 10.6663" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6666 8H5.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35016">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-left.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6666 8H3.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99992 12.6663L3.33325 7.99967L7.99992 3.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-right-circle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-right-circle.svg
@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35023)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10.6663L10.6667 7.99967L8 5.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 8H10.6666" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35023">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-right.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33325 8H12.6666" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 3.33301L12.6667 7.99967L8 12.6663" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-up-circle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-up-circle.svg
@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35633)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6666 7.99967L7.99992 5.33301L5.33325 7.99967" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10.6663V5.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35633">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-up-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-up-left.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3334 11.3337L4.66675 4.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.66675 11.3337V4.66699H11.3334" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-up-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-up-right.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66675 11.3337L11.3334 4.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.66675 4.66699H11.3334V11.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/arrow-up.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/arrow-up.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 12.6663V3.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.33325 7.99967L7.99992 3.33301L12.6666 7.99967" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/at-sign.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/at-sign.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35033)">
+<path d="M7.99992 10.6663C9.47268 10.6663 10.6666 9.47243 10.6666 7.99967C10.6666 6.52692 9.47268 5.33301 7.99992 5.33301C6.52716 5.33301 5.33325 6.52692 5.33325 7.99967C5.33325 9.47243 6.52716 10.6663 7.99992 10.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6666 5.33357V8.6669C10.6666 9.19734 10.8773 9.70605 11.2524 10.0811C11.6275 10.4562 12.1362 10.6669 12.6666 10.6669C13.197 10.6669 13.7057 10.4562 14.0808 10.0811C14.4559 9.70605 14.6666 9.19734 14.6666 8.6669V8.00024C14.6665 6.49559 14.1574 5.03522 13.2221 3.85659C12.2868 2.67796 10.9803 1.85039 9.51502 1.50844C8.04974 1.16648 6.51188 1.33027 5.15149 1.97315C3.7911 2.61603 2.68819 3.70021 2.0221 5.04939C1.356 6.39856 1.1659 7.9334 1.4827 9.40431C1.7995 10.8752 2.60458 12.1957 3.76701 13.1511C4.92945 14.1064 6.38088 14.6405 7.8853 14.6663C9.38973 14.6922 10.8587 14.2084 12.0533 13.2936" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35033">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/award.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/award.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99992 10.0003C10.5772 10.0003 12.6666 7.91099 12.6666 5.33366C12.6666 2.75633 10.5772 0.666992 7.99992 0.666992C5.42259 0.666992 3.33325 2.75633 3.33325 5.33366C3.33325 7.91099 5.42259 10.0003 7.99992 10.0003Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.47341 9.2596L4.66675 15.3329L8.00008 13.3329L11.3334 15.3329L10.5267 9.25293" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/bar-chart-2.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/bar-chart-2.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 13.333V9.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 13.3337V6.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 13.3337V2.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/bar-chart.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/bar-chart.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 13.3337V10.667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 13.3337V6.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 13.3337V2.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/battery-charging.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/battery-charging.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3333 8.66634V7.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.33341 12H2.00008C1.64646 12 1.30732 11.8595 1.05727 11.6095C0.807224 11.3594 0.666748 11.0203 0.666748 10.6667V5.33333C0.666748 4.97971 0.807224 4.64057 1.05727 4.39052C1.30732 4.14048 1.64646 4 2.00008 4H4.12675M10.0001 4H11.3334C11.687 4 12.0262 4.14048 12.2762 4.39052C12.5263 4.64057 12.6667 4.97971 12.6667 5.33333V10.6667C12.6667 11.0203 12.5263 11.3594 12.2762 11.6095C12.0262 11.8595 11.687 12 11.3334 12H9.20675" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.33341 4L4.66675 8H8.66675L6.00008 12" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/battery.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/battery.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3333 8.66634V7.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3334 4H2.00008C1.2637 4 0.666748 4.59695 0.666748 5.33333V10.6667C0.666748 11.403 1.2637 12 2.00008 12H11.3334C12.0698 12 12.6667 11.403 12.6667 10.6667V5.33333C12.6667 4.59695 12.0698 4 11.3334 4Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/bell-off.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/bell-off.svg
@ -0,0 +1,14 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_36005)">
+<path d="M9.15335 14C9.03614 14.2021 8.86791 14.3698 8.6655 14.4864C8.46309 14.6029 8.2336 14.6643 8.00001 14.6643C7.76643 14.6643 7.53694 14.6029 7.33453 14.4864C7.13212 14.3698 6.96389 14.2021 6.84668 14" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.4201 8.66634C12.1235 7.58061 11.9821 6.45837 12.0001 5.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.17333 4.17285C4.05751 4.54859 3.99907 4.93967 4 5.33285C4 9.99952 2 11.3329 2 11.3329H11.3333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 5.33308C12.0011 4.60846 11.8053 3.89715 11.4336 3.27514C11.0619 2.65314 10.5281 2.14379 9.88944 1.80151C9.25075 1.45923 8.53108 1.29688 7.8073 1.3318C7.08351 1.36671 6.38281 1.59758 5.78003 1.99975" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.666748 0.666992L15.3334 15.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_36005">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/bell.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/bell.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5.33301C12 4.27214 11.5786 3.25473 10.8284 2.50458C10.0783 1.75444 9.06087 1.33301 8 1.33301C6.93913 1.33301 5.92172 1.75444 5.17157 2.50458C4.42143 3.25473 4 4.27214 4 5.33301C4 9.99967 2 11.333 2 11.333H14C14 11.333 12 9.99967 12 5.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.15335 14C9.03614 14.2021 8.86791 14.3698 8.6655 14.4864C8.46309 14.6029 8.2336 14.6643 8.00001 14.6643C7.76643 14.6643 7.53694 14.6029 7.33453 14.4864C7.13212 14.3698 6.96389 14.2021 6.84668 14" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/bluetooth.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/bluetooth.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.33325 4.33366L11.6666 11.667L7.99992 15.3337V0.666992L11.6666 4.33366L4.33325 11.667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/bold.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/bold.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 8H10C10.7072 8 11.3855 8.28095 11.8856 8.78105C12.3857 9.28115 12.6667 9.95942 12.6667 10.6667C12.6667 11.3739 12.3857 12.0522 11.8856 12.5523C11.3855 13.0524 10.7072 13.3333 10 13.3333H4V8Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 2.66699H9.33333C10.0406 2.66699 10.7189 2.94794 11.219 3.44804C11.719 3.94814 12 4.62641 12 5.33366C12 6.0409 11.719 6.71918 11.219 7.21928C10.7189 7.71937 10.0406 8.00033 9.33333 8.00033H4V2.66699Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/book-open.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/book-open.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6667 2H10.6667C9.95942 2 9.28115 2.28095 8.78105 2.78105C8.28095 3.28115 8 3.95942 8 4.66667V14C8 13.4696 8.21071 12.9609 8.58579 12.5858C8.96086 12.2107 9.46957 12 10 12H14.6667V2Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33325 2H5.33325C6.0405 2 6.71877 2.28095 7.21887 2.78105C7.71897 3.28115 7.99992 3.95942 7.99992 4.66667V14C7.99992 13.4696 7.7892 12.9609 7.41413 12.5858C7.03906 12.2107 6.53035 12 5.99992 12H1.33325V2Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/book.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/book.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66675 12.9997C2.66675 12.5576 2.84234 12.1337 3.1549 11.8212C3.46746 11.5086 3.89139 11.333 4.33341 11.333H13.3334" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.33341 1.33301H13.3334V14.6663H4.33341C3.89139 14.6663 3.46746 14.4907 3.1549 14.1782C2.84234 13.8656 2.66675 13.4417 2.66675 12.9997V2.99967C2.66675 2.55765 2.84234 2.13372 3.1549 1.82116C3.46746 1.5086 3.89139 1.33301 4.33341 1.33301V1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/bookmark.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/bookmark.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6666 14L7.99992 10.6667L3.33325 14V3.33333C3.33325 2.97971 3.47373 2.64057 3.72378 2.39052C3.97382 2.14048 4.31296 2 4.66659 2H11.3333C11.6869 2 12.026 2.14048 12.2761 2.39052C12.5261 2.64057 12.6666 2.97971 12.6666 3.33333V14Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/box.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/box.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 10.6669V5.33359C13.9998 5.09978 13.938 4.87013 13.821 4.6677C13.704 4.46527 13.5358 4.29717 13.3333 4.18026L8.66667 1.51359C8.46397 1.39657 8.23405 1.33496 8 1.33496C7.76595 1.33496 7.53603 1.39657 7.33333 1.51359L2.66667 4.18026C2.46418 4.29717 2.29599 4.46527 2.17897 4.6677C2.06196 4.87013 2.00024 5.09978 2 5.33359V10.6669C2.00024 10.9007 2.06196 11.1304 2.17897 11.3328C2.29599 11.5353 2.46418 11.7034 2.66667 11.8203L7.33333 14.4869C7.53603 14.604 7.76595 14.6656 8 14.6656C8.23405 14.6656 8.46397 14.604 8.66667 14.4869L13.3333 11.8203C13.5358 11.7034 13.704 11.5353 13.821 11.3328C13.938 11.1304 13.9998 10.9007 14 10.6669Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.17993 4.63965L7.99993 8.00632L13.8199 4.63965" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 14.72V8" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/briefcase.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/briefcase.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3333 4.66699H2.66659C1.93021 4.66699 1.33325 5.26395 1.33325 6.00033V12.667C1.33325 13.4034 1.93021 14.0003 2.66659 14.0003H13.3333C14.0696 14.0003 14.6666 13.4034 14.6666 12.667V6.00033C14.6666 5.26395 14.0696 4.66699 13.3333 4.66699Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6666 14V3.33333C10.6666 2.97971 10.5261 2.64057 10.2761 2.39052C10.026 2.14048 9.68687 2 9.33325 2H6.66659C6.31296 2 5.97383 2.14048 5.72378 2.39052C5.47373 2.64057 5.33325 2.97971 5.33325 3.33333V14" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/calendar.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/calendar.svg
@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6667 2.66699H3.33333C2.59695 2.66699 2 3.26395 2 4.00033V13.3337C2 14.07 2.59695 14.667 3.33333 14.667H12.6667C13.403 14.667 14 14.07 14 13.3337V4.00033C14 3.26395 13.403 2.66699 12.6667 2.66699Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 6.66699H14" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6667 1.33301V3.99967" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 1.33301V3.99967" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/camera-off.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/camera-off.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35986)">
+<path d="M0.666748 0.666992L15.3334 15.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.00008 2H10.0001L11.3334 4H14.0001C14.3537 4 14.6928 4.14048 14.9429 4.39052C15.1929 4.64057 15.3334 4.97971 15.3334 5.33333V11.56M10.1867 10.1867C9.96548 10.51 9.67568 10.7807 9.33794 10.9793C9.00021 11.178 8.62285 11.2997 8.23271 11.336C7.84257 11.3722 7.44924 11.3221 7.08068 11.1891C6.71213 11.056 6.37742 10.8434 6.10036 10.5664C5.8233 10.2893 5.6107 9.95462 5.47768 9.58606C5.34467 9.21751 5.2945 8.82418 5.33075 8.43404C5.36701 8.0439 5.48879 7.66654 5.68744 7.32881C5.88608 6.99107 6.15672 6.70127 6.48008 6.48M14.0001 14H2.00008C1.64646 14 1.30732 13.8595 1.05727 13.6095C0.807224 13.3594 0.666748 13.0203 0.666748 12.6667V5.33333C0.666748 4.97971 0.807224 4.64057 1.05727 4.39052C1.30732 4.14048 1.64646 4 2.00008 4H4.00008L14.0001 14Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35986">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/camera.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/camera.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3334 12.6667C15.3334 13.0203 15.1929 13.3594 14.9429 13.6095C14.6928 13.8595 14.3537 14 14.0001 14H2.00008C1.64646 14 1.30732 13.8595 1.05727 13.6095C0.807224 13.3594 0.666748 13.0203 0.666748 12.6667V5.33333C0.666748 4.97971 0.807224 4.64057 1.05727 4.39052C1.30732 4.14048 1.64646 4 2.00008 4H4.66675L6.00008 2H10.0001L11.3334 4H14.0001C14.3537 4 14.6928 4.14048 14.9429 4.39052C15.1929 4.64057 15.3334 4.97971 15.3334 5.33333V12.6667Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99992 11.3333C9.47268 11.3333 10.6666 10.1394 10.6666 8.66667C10.6666 7.19391 9.47268 6 7.99992 6C6.52716 6 5.33325 7.19391 5.33325 8.66667C5.33325 10.1394 6.52716 11.3333 7.99992 11.3333Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/cast.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/cast.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33325 13.333H1.33992" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33325 10.7337C1.97385 10.8643 2.56188 11.1804 3.02417 11.6427C3.48647 12.105 3.80261 12.6931 3.93325 13.3337M1.33325 8.03366C2.68711 8.18424 3.94944 8.79102 4.91266 9.75425C5.87589 10.7175 6.48268 11.9798 6.63325 13.3337M1.33325 5.33366V4.00033C1.33325 3.6467 1.47373 3.30756 1.72378 3.05752C1.97382 2.80747 2.31296 2.66699 2.66659 2.66699H13.3333C13.6869 2.66699 14.026 2.80747 14.2761 3.05752C14.5261 3.30756 14.6666 3.6467 14.6666 4.00033V12.0003C14.6666 12.3539 14.5261 12.6931 14.2761 12.9431C14.026 13.1932 13.6869 13.3337 13.3333 13.3337H9.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/check-circle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/check-circle.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35084)">
+<path d="M14.6666 7.38625V7.99958C14.6658 9.4372 14.2003 10.836 13.3395 11.9875C12.4787 13.1389 11.2688 13.9812 9.89016 14.3889C8.51154 14.7965 7.03809 14.7475 5.68957 14.2493C4.34104 13.7511 3.18969 12.8303 2.40723 11.6243C1.62476 10.4183 1.25311 8.99163 1.3477 7.55713C1.44229 6.12263 1.99806 4.75714 2.93211 3.6643C3.86615 2.57146 5.12844 1.80984 6.53071 1.49301C7.93298 1.17619 9.4001 1.32114 10.7133 1.90625" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.6667 2.66699L8 9.34033L6 7.34033" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35084">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/check-square.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/check-square.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 7.33366L8 9.33366L14.6667 2.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 8V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H10.6667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/check.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/check.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3334 4L6.00008 11.3333L2.66675 8" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevron-down.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevron-down.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevron-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevron-left.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevron-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevron-right.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevron-up.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevron-up.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 10L8 6L4 10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevrons-down.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevrons-down.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66675 8.66699L8.00008 12.0003L11.3334 8.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.66675 4L8.00008 7.33333L11.3334 4" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevrons-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevrons-left.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.33333 11.3337L4 8.00033L7.33333 4.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.0001 11.3337L8.66675 8.00033L12.0001 4.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevrons-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevrons-right.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66675 11.3337L12.0001 8.00033L8.66675 4.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 11.3337L7.33333 8.00033L4 4.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chevrons-up.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chevrons-up.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3334 12.0003L8.00008 8.66699L4.66675 12.0003" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3334 7.33333L8.00008 4L4.66675 7.33333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/chrome.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/chrome.svg
@ -0,0 +1,14 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35104)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.1133 5.33301H8" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99992 10.6663C9.47268 10.6663 10.6666 9.47243 10.6666 7.99967C10.6666 6.52692 9.47268 5.33301 7.99992 5.33301C6.52716 5.33301 5.33325 6.52692 5.33325 7.99967C5.33325 9.47243 6.52716 10.6663 7.99992 10.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.25342 14.6263L10.3068 9.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.6333 4.04004L5.6933 9.33337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35104">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/circle.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/circle.svg
@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35110)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35110">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/clipboard.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/clipboard.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 2.66699H12.0001C12.3537 2.66699 12.6928 2.80747 12.9429 3.05752C13.1929 3.30756 13.3334 3.6467 13.3334 4.00033V13.3337C13.3334 13.6873 13.1929 14.0264 12.9429 14.2765C12.6928 14.5265 12.3537 14.667 12.0001 14.667H4.00008C3.64646 14.667 3.30732 14.5265 3.05727 14.2765C2.80722 14.0264 2.66675 13.6873 2.66675 13.3337V4.00033C2.66675 3.6467 2.80722 3.30756 3.05727 3.05752C3.30732 2.80747 3.64646 2.66699 4.00008 2.66699H5.33341" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.99992 1.33301H5.99992C5.63173 1.33301 5.33325 1.63148 5.33325 1.99967V3.33301C5.33325 3.7012 5.63173 3.99967 5.99992 3.99967H9.99992C10.3681 3.99967 10.6666 3.7012 10.6666 3.33301V1.99967C10.6666 1.63148 10.3681 1.33301 9.99992 1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/clock.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/clock.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35115)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 4V8L10.6667 9.33333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35115">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/cloud-off.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/cloud-off.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35915)">
+<path d="M15.0734 11.3003C15.2882 10.7932 15.374 10.2407 15.3231 9.69236C15.2722 9.14397 15.0863 8.61674 14.7818 8.15778C14.4774 7.69883 14.064 7.32246 13.5786 7.06231C13.0931 6.80216 12.5508 6.66634 12.0001 6.66699H11.1601C10.8879 5.59532 10.2895 4.63471 9.44743 3.9181C8.60541 3.20148 7.56147 2.76428 6.46008 2.66699M3.33341 3.33366C2.29213 3.90942 1.47328 4.81685 1.00713 5.9116C0.540987 7.00634 0.454311 8.22553 0.760893 9.37522C1.06748 10.5249 1.74971 11.539 2.69906 12.2563C3.64842 12.9736 4.81037 13.3528 6.00008 13.3337H12.0001C12.3866 13.3332 12.7701 13.2655 13.1334 13.1337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.666748 0.666992L15.3334 15.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35915">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/cloud-snow.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/cloud-snow.svg
@ -0,0 +1,16 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35131)">
+<path d="M8 14.667H8.00667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6667 13.333H10.6734" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 13.333H5.33992" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 12H8.00667" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.3334 11.7205C14.0343 11.4135 14.6082 10.8748 14.9588 10.1948C15.3095 9.51481 15.4155 8.73487 15.2592 7.98592C15.1028 7.23697 14.6936 6.5646 14.1001 6.08168C13.5067 5.59877 12.7652 5.33469 12.0001 5.33379H11.1601C10.9488 4.51547 10.546 3.75909 9.98498 3.12699C9.42395 2.49489 8.72073 2.00518 7.93328 1.69821C7.14583 1.39124 6.29671 1.2758 5.45589 1.36142C4.61508 1.44704 3.80664 1.73126 3.09723 2.19065C2.38782 2.65004 1.79775 3.27145 1.37564 4.00366C0.953534 4.73587 0.711485 5.55791 0.669445 6.40203C0.627404 7.24615 0.786576 8.08817 1.13384 8.8587C1.4811 9.62922 2.00652 10.3062 2.66677 10.8338" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6667 10.667H10.6734" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 10.667H5.33992" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35131">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/cloud.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/cloud.svg
@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35118)">
+<path d="M11.9999 6.66699H11.1599C10.9105 5.70099 10.3951 4.82432 9.67234 4.13659C8.94957 3.44886 8.04839 2.97765 7.07119 2.77651C6.094 2.57537 5.07997 2.65235 4.14435 2.99872C3.20872 3.34509 2.389 3.94695 1.77835 4.73591C1.16769 5.52488 0.790571 6.46931 0.689849 7.46189C0.589127 8.45448 0.768838 9.45542 1.20856 10.351C1.64828 11.2465 2.33039 12.0008 3.17737 12.528C4.02434 13.0553 5.00223 13.3344 5.99991 13.3337H11.9999C12.884 13.3337 13.7318 12.9825 14.3569 12.3573C14.9821 11.7322 15.3332 10.8844 15.3332 10.0003C15.3332 9.11627 14.9821 8.26842 14.3569 7.6433C13.7318 7.01818 12.884 6.66699 11.9999 6.66699Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35118">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/code.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/code.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 12L14.6667 8L10.6667 4" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 4L1.33325 8L5.33325 12" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/columns.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/columns.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 2V14M8 2H12.6667C13.0203 2 13.3594 2.14048 13.6095 2.39052C13.8595 2.64057 14 2.97971 14 3.33333V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H8V2ZM8 2H3.33333C2.97971 2 2.64057 2.14048 2.39052 2.39052C2.14048 2.64057 2 2.97971 2 3.33333V12.6667C2 13.0203 2.14048 13.3594 2.39052 13.6095C2.64057 13.8595 2.97971 14 3.33333 14H8V2Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/command.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/command.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C11.4696 2 10.9609 2.21071 10.5858 2.58579C10.2107 2.96086 10 3.46957 10 4V12C10 12.5304 10.2107 13.0391 10.5858 13.4142C10.9609 13.7893 11.4696 14 12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10H4C3.46957 10 2.96086 10.2107 2.58579 10.5858C2.21071 10.9609 2 11.4696 2 12C2 12.5304 2.21071 13.0391 2.58579 13.4142C2.96086 13.7893 3.46957 14 4 14C4.53043 14 5.03914 13.7893 5.41421 13.4142C5.78929 13.0391 6 12.5304 6 12V4C6 3.46957 5.78929 2.96086 5.41421 2.58579C5.03914 2.21071 4.53043 2 4 2C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4C2 4.53043 2.21071 5.03914 2.58579 5.41421C2.96086 5.78929 3.46957 6 4 6H12C12.5304 6 13.0391 5.78929 13.4142 5.41421C13.7893 5.03914 14 4.53043 14 4C14 3.46957 13.7893 2.96086 13.4142 2.58579C13.0391 2.21071 12.5304 2 12 2Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/compass.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/compass.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35905)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.8267 5.17285L9.41334 9.41285L5.17334 10.8262L6.58667 6.58618L10.8267 5.17285Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35905">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/copy.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/copy.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35889)">
+<path d="M13.3333 6H7.33333C6.59695 6 6 6.59695 6 7.33333V13.3333C6 14.0697 6.59695 14.6667 7.33333 14.6667H13.3333C14.0697 14.6667 14.6667 14.0697 14.6667 13.3333V7.33333C14.6667 6.59695 14.0697 6 13.3333 6Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.33325 9.99967H2.66659C2.31296 9.99967 1.97382 9.8592 1.72378 9.60915C1.47373 9.3591 1.33325 9.01996 1.33325 8.66634V2.66634C1.33325 2.31272 1.47373 1.97358 1.72378 1.72353C1.97382 1.47348 2.31296 1.33301 2.66659 1.33301H8.66659C9.02021 1.33301 9.35935 1.47348 9.60939 1.72353C9.85944 1.97358 9.99992 2.31272 9.99992 2.66634V3.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35889">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-down-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-down-left.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.00008 6.66699L2.66675 10.0003L6.00008 13.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.3334 2.66699V7.33366C13.3334 8.0409 13.0525 8.71918 12.5524 9.21928C12.0523 9.71937 11.374 10.0003 10.6667 10.0003H2.66675" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-down-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-down-right.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 6.66699L13.3333 10.0003L10 13.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.66675 2.66699V7.33366C2.66675 8.0409 2.9477 8.71918 3.4478 9.21928C3.94789 9.71937 4.62617 10.0003 5.33341 10.0003H13.3334" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-left-down.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-left-down.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33341 10L6.00008 13.3333L2.66675 10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.3333 2.66699H8.66667C7.95942 2.66699 7.28115 2.94794 6.78105 3.44804C6.28095 3.94814 6 4.62641 6 5.33366V13.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-left-up.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-left-up.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33341 6.00033L6.00008 2.66699L2.66675 6.00033" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.3333 13.3337H8.66667C7.95942 13.3337 7.28115 13.0527 6.78105 12.5526C6.28095 12.0525 6 11.3742 6 10.667V2.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-right-down.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-right-down.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66675 10L10.0001 13.3333L13.3334 10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.66675 2.66699H7.33341C8.04066 2.66699 8.71894 2.94794 9.21903 3.44804C9.71913 3.94814 10.0001 4.62641 10.0001 5.33366V13.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-right-up.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-right-up.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66675 6.00033L10.0001 2.66699L13.3334 6.00033" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.66675 13.3337H7.33341C8.04066 13.3337 8.71894 13.0527 9.21903 12.5526C9.71913 12.0525 10.0001 11.3742 10.0001 10.667V2.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-up-left.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-up-left.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.00008 9.33366L2.66675 6.00033L6.00008 2.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.3334 13.3333V8.66667C13.3334 7.95942 13.0525 7.28115 12.5524 6.78105C12.0523 6.28095 11.374 6 10.6667 6H2.66675" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/corner-up-right.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/corner-up-right.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 9.33366L13.3333 6.00033L10 2.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.66675 13.3333V8.66667C2.66675 7.95942 2.9477 7.28115 3.4478 6.78105C3.94789 6.28095 4.62617 6 5.33341 6H13.3334" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/credit-card.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/credit-card.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0001 2.66699H2.00008C1.2637 2.66699 0.666748 3.26395 0.666748 4.00033V12.0003C0.666748 12.7367 1.2637 13.3337 2.00008 13.3337H14.0001C14.7365 13.3337 15.3334 12.7367 15.3334 12.0003V4.00033C15.3334 3.26395 14.7365 2.66699 14.0001 2.66699Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.666748 6.66699H15.3334" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/crop.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/crop.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35189)">
+<path d="M4.08667 0.666992L4 10.667C4 11.0206 4.14048 11.3598 4.39052 11.6098C4.64057 11.8598 4.97971 12.0003 5.33333 12.0003H15.3333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.666748 4.08667L10.6667 4C11.0204 4 11.3595 4.14048 11.6096 4.39052C11.8596 4.64057 12.0001 4.97971 12.0001 5.33333V15.3333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35189">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/crosshair.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/crosshair.svg
@ -0,0 +1,14 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35192)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 14.6667V12" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.6667 8H12" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.99992 8H1.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 3.99967V1.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35192">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/database.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/database.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 8C14 9.10667 11.3333 10 8 10C4.66667 10 2 9.10667 2 8" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 5.33301C11.3137 5.33301 14 4.43758 14 3.33301C14 2.22844 11.3137 1.33301 8 1.33301C4.68629 1.33301 2 2.22844 2 3.33301C2 4.43758 4.68629 5.33301 8 5.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 3.33301V12.6663C2 13.773 4.66667 14.6663 8 14.6663C11.3333 14.6663 14 13.773 14 12.6663V3.33301" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/delete.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/delete.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0001 2.66699H5.33341L0.666748 8.00033L5.33341 13.3337H14.0001C14.3537 13.3337 14.6928 13.1932 14.9429 12.9431C15.1929 12.6931 15.3334 12.3539 15.3334 12.0003V4.00033C15.3334 3.6467 15.1929 3.30756 14.9429 3.05752C14.6928 2.80747 14.3537 2.66699 14.0001 2.66699V2.66699Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 6L8 10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 6L12 10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/disc.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/disc.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35206)">
+<path d="M7.99992 14.6663C11.6818 14.6663 14.6666 11.6816 14.6666 7.99967C14.6666 4.31778 11.6818 1.33301 7.99992 1.33301C4.31802 1.33301 1.33325 4.31778 1.33325 7.99967C1.33325 11.6816 4.31802 14.6663 7.99992 14.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35206">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/dollar-sign.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/dollar-sign.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0.666992V15.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3333 3.33301H6.33333C5.71449 3.33301 5.121 3.57884 4.68342 4.01643C4.24583 4.45401 4 5.0475 4 5.66634C4 6.28518 4.24583 6.87867 4.68342 7.31626C5.121 7.75384 5.71449 7.99967 6.33333 7.99967H9.66667C10.2855 7.99967 10.879 8.24551 11.3166 8.68309C11.7542 9.12068 12 9.71417 12 10.333C12 10.9518 11.7542 11.5453 11.3166 11.9829C10.879 12.4205 10.2855 12.6663 9.66667 12.6663H4" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/download-cloud.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/download-cloud.svg
@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35216)">
+<path d="M5.33325 11.333L7.99992 13.9997L10.6666 11.333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 8V14" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.92 12.06C14.4996 11.6524 14.9342 11.0707 15.1608 10.3994C15.3874 9.72805 15.3942 9.00197 15.1802 8.32651C14.9662 7.65104 14.5425 7.06135 13.9707 6.643C13.3988 6.22464 12.7085 5.9994 12 5.99996H11.16C10.9594 5.21854 10.5843 4.49279 10.0627 3.87734C9.54112 3.2619 8.88672 2.7728 8.14876 2.44686C7.4108 2.12092 6.60852 1.96664 5.80231 1.99563C4.99609 2.02463 4.20696 2.23614 3.49432 2.61424C2.78168 2.99234 2.16411 3.52719 1.68808 4.17851C1.21206 4.82983 0.88999 5.58065 0.746129 6.37446C0.602269 7.16826 0.640362 7.98435 0.857542 8.7613C1.07472 9.53825 1.46533 10.2558 1.99996 10.86" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35216">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/download.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/download.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.66675 6.66699L8.00008 10.0003L11.3334 6.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10V2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/droplet.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/droplet.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99992 1.79297L11.7733 5.5663C12.5195 6.31204 13.0278 7.26235 13.2339 8.29701C13.4399 9.33167 13.3345 10.4042 12.9309 11.3789C12.5274 12.3537 11.8438 13.1868 10.9667 13.773C10.0895 14.3592 9.05824 14.6721 8.00326 14.6721C6.94828 14.6721 5.91699 14.3592 5.03985 13.773C4.16272 13.1868 3.47913 12.3537 3.07557 11.3789C2.672 10.4042 2.56659 9.33167 2.77266 8.29701C2.97873 7.26235 3.48703 6.31204 4.23326 5.5663L7.99992 1.79297Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/edit-2.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/edit-2.svg
@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35880)">
+<path d="M11.3333 1.99955C11.5083 1.82445 11.7162 1.68556 11.945 1.5908C12.1738 1.49604 12.419 1.44727 12.6666 1.44727C12.9142 1.44727 13.1594 1.49604 13.3882 1.5908C13.617 1.68556 13.8248 1.82445 13.9999 1.99955C14.175 2.17465 14.3139 2.38252 14.4087 2.61129C14.5034 2.84006 14.5522 3.08526 14.5522 3.33288C14.5522 3.58051 14.5034 3.8257 14.4087 4.05448C14.3139 4.28325 14.175 4.49112 13.9999 4.66622L4.99992 13.6662L1.33325 14.6662L2.33325 10.9996L11.3333 1.99955Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35880">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/edit-3.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/edit-3.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 13.333H14" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 2.33316C11.2652 2.06794 11.6249 1.91895 12 1.91895C12.1857 1.91895 12.3696 1.95553 12.5412 2.0266C12.7128 2.09767 12.8687 2.20184 13 2.33316C13.1313 2.46448 13.2355 2.62038 13.3066 2.79196C13.3776 2.96354 13.4142 3.14744 13.4142 3.33316C13.4142 3.51888 13.3776 3.70277 13.3066 3.87436C13.2355 4.04594 13.1313 4.20184 13 4.33316L4.66667 12.6665L2 13.3332L2.66667 10.6665L11 2.33316Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/edit.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/edit.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35220)">
+<path d="M7.33325 2.66699H2.66659C2.31296 2.66699 1.97382 2.80747 1.72378 3.05752C1.47373 3.30756 1.33325 3.6467 1.33325 4.00033V13.3337C1.33325 13.6873 1.47373 14.0264 1.72378 14.2765C1.97382 14.5265 2.31296 14.667 2.66659 14.667H11.9999C12.3535 14.667 12.6927 14.5265 12.9427 14.2765C13.1928 14.0264 13.3333 13.6873 13.3333 13.3337V8.66699" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.3333 1.66714C12.5985 1.40193 12.9582 1.25293 13.3333 1.25293C13.7083 1.25293 14.068 1.40193 14.3333 1.66714C14.5985 1.93236 14.7475 2.29207 14.7475 2.66714C14.7475 3.04222 14.5985 3.40193 14.3333 3.66714L7.99992 10.0005L5.33325 10.6671L5.99992 8.00048L12.3333 1.66714Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35220">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/external-link.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/external-link.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 8.66667V12.6667C12 13.0203 11.8595 13.3594 11.6095 13.6095C11.3594 13.8595 11.0203 14 10.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H7.33333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 2H14V6" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.66675 9.33333L14.0001 2" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/eye-off.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/eye-off.svg
@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35967)">
+<path d="M6.60008 2.82701C7.05897 2.7196 7.52879 2.6659 8.00008 2.66701C12.6667 2.66701 15.3334 8.00034 15.3334 8.00034C14.9287 8.75741 14.4461 9.47017 13.8934 10.127M9.41341 9.41368C9.23032 9.61017 9.00951 9.76778 8.76418 9.87709C8.51885 9.9864 8.25402 10.0452 7.98548 10.0499C7.71693 10.0547 7.45019 10.0053 7.20115 9.90467C6.95212 9.80408 6.7259 9.65436 6.53598 9.46444C6.34606 9.27453 6.19634 9.0483 6.09575 8.79927C5.99516 8.55023 5.94577 8.28349 5.9505 8.01495C5.95524 7.74641 6.01402 7.48157 6.12333 7.23624C6.23264 6.99091 6.39025 6.77011 6.58675 6.58701M11.9601 11.9603C10.8205 12.829 9.43282 13.3103 8.00008 13.3337C3.33341 13.3337 0.666748 8.00034 0.666748 8.00034C1.49601 6.45494 2.64617 5.10475 4.04008 4.04034L11.9601 11.9603Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.666748 0.666992L15.3334 15.3337" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35967">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/eye.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/eye.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.666748 8.00033C0.666748 8.00033 3.33341 2.66699 8.00008 2.66699C12.6667 2.66699 15.3334 8.00033 15.3334 8.00033C15.3334 8.00033 12.6667 13.3337 8.00008 13.3337C3.33341 13.3337 0.666748 8.00033 0.666748 8.00033Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/fast-forward.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/fast-forward.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66675 12.6663L14.6667 7.99967L8.66675 3.33301V12.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33325 12.6663L7.33325 7.99967L1.33325 3.33301V12.6663Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/file-minus.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/file-minus.svg
@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33341 1.33301H4.00008C3.64646 1.33301 3.30732 1.47348 3.05727 1.72353C2.80722 1.97358 2.66675 2.31272 2.66675 2.66634V13.333C2.66675 13.6866 2.80722 14.0258 3.05727 14.2758C3.30732 14.5259 3.64646 14.6663 4.00008 14.6663H12.0001C12.3537 14.6663 12.6928 14.5259 12.9429 14.2758C13.1929 14.0258 13.3334 13.6866 13.3334 13.333V5.33301L9.33341 1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33325 1.33301V5.33301H13.3333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 10H10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/file-plus.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/file-plus.svg
@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33341 1.33301H4.00008C3.64646 1.33301 3.30732 1.47348 3.05727 1.72353C2.80722 1.97358 2.66675 2.31272 2.66675 2.66634V13.333C2.66675 13.6866 2.80722 14.0258 3.05727 14.2758C3.30732 14.5259 3.64646 14.6663 4.00008 14.6663H12.0001C12.3537 14.6663 12.6928 14.5259 12.9429 14.2758C13.1929 14.0258 13.3334 13.6866 13.3334 13.333V5.33301L9.33341 1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 12V8" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 10H10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33325 1.33301V5.33301H13.3333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/file-text.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/file-text.svg
@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33341 1.33301H4.00008C3.64646 1.33301 3.30732 1.47348 3.05727 1.72353C2.80722 1.97358 2.66675 2.31272 2.66675 2.66634V13.333C2.66675 13.6866 2.80722 14.0258 3.05727 14.2758C3.30732 14.5259 3.64646 14.6663 4.00008 14.6663H12.0001C12.3537 14.6663 12.6928 14.5259 12.9429 14.2758C13.1929 14.0258 13.3334 13.6866 13.3334 13.333V5.33301L9.33341 1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6666 11.333H5.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6666 8.66699H5.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.66659 6H5.99992H5.33325" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.33325 1.33301V5.33301H13.3333" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/file.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/file.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66675 1.33301H4.00008C3.64646 1.33301 3.30732 1.47348 3.05727 1.72353C2.80722 1.97358 2.66675 2.31272 2.66675 2.66634V13.333C2.66675 13.6866 2.80722 14.0258 3.05727 14.2758C3.30732 14.5259 3.64646 14.6663 4.00008 14.6663H12.0001C12.3537 14.6663 12.6928 14.5259 12.9429 14.2758C13.1929 14.0258 13.3334 13.6866 13.3334 13.333V5.99967L8.66675 1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.66675 1.33301V5.99967H13.3334" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/film.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/film.svg
@ -0,0 +1,17 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1504_35839)">
+<path d="M13.2133 1.33301H2.78659C1.98393 1.33301 1.33325 1.98369 1.33325 2.78634V13.213C1.33325 14.0157 1.98393 14.6663 2.78659 14.6663H13.2133C14.0159 14.6663 14.6666 14.0157 14.6666 13.213V2.78634C14.6666 1.98369 14.0159 1.33301 13.2133 1.33301Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.66675 1.33301V14.6663" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3333 1.33301V14.6663" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33325 8H14.6666" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33325 4.66699H4.66659" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33325 11.333H4.66659" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3333 11.333H14.6666" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.3333 4.66699H14.6666" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1504_35839">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/filter.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/filter.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6666 2H1.33325L6.66658 8.30667V12.6667L9.33325 14V8.30667L14.6666 2Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/flag.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/flag.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66675 14.6667V10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.66675 9.99967C2.66675 9.99967 3.33341 9.33301 5.33341 9.33301C7.33341 9.33301 8.66675 10.6663 10.6667 10.6663C12.6667 10.6663 13.3334 9.99967 13.3334 9.99967V1.99967C13.3334 1.99967 12.6667 2.66634 10.6667 2.66634C8.66675 2.66634 7.33341 1.33301 5.33341 1.33301C3.33341 1.33301 2.66675 1.99967 2.66675 1.99967V9.99967Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/nc-gui/assets/nc-icons-v2/folder-minus.svg
+++ b/packages/nc-gui/assets/nc-icons-v2/folder-minus.svg
@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6666 12.6667C14.6666 13.0203 14.5261 13.3594 14.2761 13.6095C14.026 13.8595 13.6869 14 13.3333 14H2.66659C2.31296 14 1.97382 13.8595 1.72378 13.6095C1.47373 13.3594 1.33325 13.0203 1.33325 12.6667V3.33333C1.33325 2.97971 1.47373 2.64057 1.72378 2.39052C1.97382 2.14048 2.31296 2 2.66659 2H5.99992L7.33325 4H13.3333C13.6869 4 14.026 4.14048 14.2761 4.39052C14.5261 4.64057 14.6666 4.97971 14.6666 5.33333V12.6667Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 9.33301H10" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/Show More
+++ b/Show More